/* Original Roxy component styles: styles.css */
:root{color-scheme:dark;--bg:#100e19;--side:#0c0b13;--panel:#1a1626;--raised:#241e32;--border:#342a47;--text:#f0eaf8;--muted:#aba0bb;--accent:#b39aff;--solid:#8b5de7;--glow:#945bff24;--warm:#fba770;--gold:#e8c77d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;color:var(--text);background:var(--bg)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border) transparent}body{margin:0}button,textarea,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;transition:background .2s,transform .2s,border-color .2s}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}a{color:var(--accent)}.app{height:100dvh;display:flex;min-height:480px}#sidebar{width:260px;flex-shrink:0;background:var(--side);border-right:1px solid var(--border);padding:28px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:32px;font-weight:650;text-decoration:none;letter-spacing:-1.5px;margin:3px 12px 0}.brand small{font-size:11px;letter-spacing:1px;border:1px solid var(--border);padding:3px 5px;border-radius:5px;vertical-align:middle;font-weight:500}.logo{display:grid;place-items:center;width:38px;height:38px;font-size:30px;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--solid));color:#fff;box-shadow:0 3px 24px var(--glow)}.edition{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin:14px 12px 28px}.new-chat{background:var(--raised);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;align-items:center;gap:8px;text-align:left;font-size:14px}.new-chat>span:last-child{margin-left:auto;color:var(--accent)}.nav-label{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:600}#sidebar>p.nav-label{margin:28px 12px 10px}.nav-link{display:flex;gap:12px;padding:11px 12px;text-align:left;border-radius:9px;align-items:center;font-size:16px;color:var(--muted);margin:2px 0}.nav-link span{font-size:14px}.nav-link.active,.nav-link:hover{background:var(--raised);color:var(--accent)}.nav-link small{font-size:8px;margin-left:auto;letter-spacing:1px}.history-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 12px 12px}.history-heading>span:last-child{font-size:11px;color:var(--muted)}#history{flex:1;overflow:auto;min-height:25px}.history-empty{font-size:13px;line-height:1.7;color:var(--muted);padding:0 12px}.history-item{display:flex;margin:4px 0;gap:4px;align-items:center}.history-item>button:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding:10px;flex:1;min-width:0;border-radius:8px;font-size:13px;color:var(--muted)}.history-item.current>button:first-child{color:var(--text);background:var(--raised)}.history-item .delete{font-size:18px;color:var(--muted);padding:6px}.sidebar-bottom{margin-top:18px}.creator-credit{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;padding:18px 5px;color:var(--gold);border-top:1px solid var(--border);font-size:9px;letter-spacing:1.6px}.creator-credit>span:first-child{font-size:24px}.creator-credit strong{font-family:Georgia,serif;font-size:13px;letter-spacing:2px;font-weight:500}.account{background:var(--panel);border:1px solid var(--border);padding:11px 9px;display:flex;gap:9px;align-items:center;text-align:left;border-radius:11px;width:100%}.avatar{width:34px;height:34px;border-radius:50%;background:var(--raised);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.account strong{display:block;font-size:13px;font-weight:500;max-width:148px;overflow:hidden;text-overflow:ellipsis}.account small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.account>span:last-child{margin-left:auto;color:var(--muted)}.switch-account{border:1px solid var(--border);color:var(--accent);font-size:12px;padding:10px;border-radius:8px;width:100%;margin-bottom:9px}main{flex:1;min-width:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 46% 27%,var(--glow),transparent 55%),var(--bg)}header{height:79px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 33px}.header-left,.header-right{display:flex;align-items:center;gap:14px}#header-title{font-size:14px}#header-subtitle{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:6px}.connection{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:30px;padding:7px 11px;background:var(--panel)}#signin{font-size:13px;white-space:nowrap}#scroll{flex:1;overflow:auto;min-height:0;scroll-behavior:smooth}#welcome{max-width:830px;margin:auto;text-align:center;padding:29px 32px 24px;animation:arrive .65s ease both}.emblem{height:100px;width:140px;display:grid;place-items:center;margin:0 auto 22px;position:relative}.emblem-core{height:69px;width:69px;display:grid;place-items:center;border-radius:23px;background:linear-gradient(135deg,#d3b5ff,var(--solid) 65%,#533398);font-size:53px;color:white;transform:rotate(-9deg);box-shadow:inset 0 2px 3px #ffffff80,0 12px 45px var(--glow);animation:breathe 6s ease-in-out infinite}.orbit{width:132px;height:91px;border:1px solid var(--border);position:absolute;border-radius:50%;transform:rotate(-20deg)}.orbit.second{transform:rotate(30deg);width:147px;height:75px;opacity:.5}.spark{position:absolute;right:0;top:0;color:var(--warm);font-size:23px}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--accent);margin-bottom:17px}h1{font-size:clamp(32px,3.4vw,46px);line-height:1.2;letter-spacing:-1.7px;font-weight:500;margin:0}h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--warm));background-clip:text;color:transparent}#welcome-copy{font-size:15px;line-height:1.8;color:var(--muted);margin:18px auto 18px;max-width:610px}.welcome-credit{font-size:9px;letter-spacing:1.3px;color:var(--muted);margin-bottom:28px}.welcome-credit span{margin:0 8px;color:var(--warm)}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.suggestions>button{position:relative;text-align:left;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(125deg,var(--panel),var(--bg));border:1px solid var(--border);border-radius:13px;padding:17px 19px;box-shadow:0 4px 15px #00000012}.suggestions>button:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 25px var(--glow)}.suggest-icon{width:29px;height:29px;border-radius:9px;font-size:23px;display:grid;place-items:center;margin-bottom:13px}.orange{color:#fbb181;background:#eb8c2520}.pink{color:#eea1bd;background:#e6569c1c}.purple{color:#bba1ff;background:#935cfb22}.blue{color:#a0c0f8;background:#6095f51a}.suggestions strong{font-size:14px;font-weight:550}.suggestions small{font-size:12px;color:var(--muted);margin-top:7px}.suggestions i{position:absolute;right:17px;top:19px;font-style:normal;color:var(--muted)}.night{font-size:12px;color:var(--muted);margin-top:21px}.composer-area{max-width:890px;width:100%;padding:12px 30px 17px;flex-shrink:0;margin:0 auto}.chat-tools{display:flex;align-items:center;gap:7px;margin-bottom:11px}#modes{display:flex;gap:3px;flex-wrap:wrap}#modes button{font-size:12px;color:var(--muted);padding:8px 13px;border:1px solid transparent;border-radius:24px}#modes button[aria-pressed=true]{background:var(--raised);border-color:var(--border);color:var(--accent)}.subtle{color:var(--muted);font-size:12px;margin-left:auto}.options-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:9px 0 12px;color:var(--muted);font-size:12px}.options-row label{display:flex;gap:7px;align-items:center}select{font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:6px;color:var(--text);max-width:155px}.micro{font-size:11px;color:var(--muted)}#chat-form{background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:17px 18px 12px;box-shadow:0 5px 25px #0002;transition:border .2s,box-shadow .2s}#chat-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}textarea{display:block;width:100%;min-height:32px;max-height:140px;resize:none;background:transparent;border:0;outline:0;font-size:16px;line-height:1.6}textarea::placeholder{color:var(--muted)}.compose-actions{display:flex;align-items:center;gap:12px;margin-top:12px}#attach{color:var(--muted);font-size:22px;padding:0;display:flex;align-items:center;gap:8px}#attach span{font-size:12px}#compose-hint{font-size:11px;color:var(--muted);margin-left:auto}#send{height:36px;width:36px;border-radius:10px;background:linear-gradient(135deg,var(--solid),#ae62ce);color:white;font-size:24px}#stop{color:var(--accent);font-size:13px}.disclaimer{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin:11px 0 0}.disclaimer button{font-size:10px;color:var(--accent);text-decoration:underline;padding:0}#notice{font-size:13px;line-height:1.6;color:#ffb9b4;padding-top:8px}#notice:empty{display:none}#retry{font-size:13px;color:var(--accent);margin-top:8px}#attachment{display:flex;gap:13px;align-items:center;padding:10px;background:var(--raised);border-radius:10px;margin-bottom:10px}#attached-image{width:50px;height:63px;object-fit:cover;border-radius:6px}#attachment strong{font-size:13px}#attachment small{font-size:11px;display:block;margin-top:5px;color:var(--muted)}.text-button{padding:5px 0;font-size:12px;color:var(--accent)}#messages{max-width:860px;margin:auto;padding:26px 30px 10px}.message{display:flex;gap:13px;margin:0 0 28px;animation:arrive .3s ease}.message-avatar{flex-shrink:0;width:31px;height:31px;background:var(--raised);border-radius:10px;display:grid;place-items:center;color:var(--accent)}.message-content{flex:1;min-width:0}.message-label{font-size:11px;color:var(--muted);padding:6px 0 11px}.message-text{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.message-text p{margin:0 0 12px;white-space:pre-wrap}.message-text p:last-child{margin:0}.message.user{max-width:88%;margin-left:auto;flex-direction:row-reverse}.user .message-avatar{display:none}.user .message-content{background:var(--raised);border:1px solid var(--border);padding:14px 17px;border-radius:17px 17px 4px 17px}.user .message-label{display:none}.message-image{max-width:230px;max-height:260px;object-fit:contain;border-radius:9px;margin:0 0 10px;cursor:zoom-in}.copy{font-size:12px;color:var(--muted);padding:10px 0 0}.copy:hover{color:var(--accent)}.chapter{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:1.3px;color:var(--muted);margin:15px 0 26px}.chapter:before,.chapter:after{content:'';height:1px;background:var(--border);flex:1}.structured-card{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:18px;margin-bottom:12px}.structured-card h3{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--accent);margin:0 0 12px}.structured-card .copy{display:block}.refine{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.refine button{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:7px 10px;color:var(--accent)}.spotlight{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:18px}.spotlight-image{width:100%;max-height:470px;object-fit:contain;cursor:zoom-in;border-radius:12px;background:#08090c}.spotlight-tabs{display:none}.spotlight-note{font-size:12px;color:var(--muted);line-height:1.7}.spotlight .structured-card{padding:14px}.thinking{color:var(--muted);font-size:14px;display:flex;gap:8px;align-items:center}.thinking span{display:inline-block;animation:pulse 1s ease infinite}.creator-profile{position:relative;border:1px solid #9a7b414d;background:radial-gradient(ellipse at top,#73512730,transparent 65%),#17141c;border-radius:18px;padding:28px;overflow:hidden;color:#f5e5bd;animation:reveal .7s ease}.creator-profile:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#e9cd89,transparent)}.profile-crown{font-size:39px;color:#e8c77d;margin-bottom:12px}.profile-kicker{font-size:10px;letter-spacing:2px;color:#d0b67f}.creator-profile h3{font:400 30px/1.2 Georgia,serif;margin:15px 0 8px}.creator-profile .alias{font-size:11px;letter-spacing:3px;color:#e8c77d}.creator-profile p{color:#c9bea8;font-size:14px;line-height:1.8}.profile-tags{display:flex;gap:7px;flex-wrap:wrap}.profile-tags span{border:1px solid #76613e66;padding:6px 9px;border-radius:20px;font-size:11px;color:#e0c894}dialog{max-width:560px;width:calc(100% - 30px);max-height:90dvh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:31px;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#06040bd1;backdrop-filter:blur(7px)}dialog h2{font-size:27px;font-weight:500;letter-spacing:-.6px;margin:16px 0}dialog p{font-size:14px;color:var(--muted);line-height:1.8}#dialog-mark{font-size:28px;color:var(--accent)}.dialog-close{position:absolute;top:9px;right:13px;font-size:26px;color:var(--muted)}.primary{display:block;background:var(--solid);color:#fff;border-radius:10px;padding:13px 16px;width:100%;font-size:14px;margin-top:16px}.secondary{border:1px solid var(--border);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--accent);margin:8px 7px 0 0}.form-field{display:block;margin:16px 0;font-size:13px;color:var(--muted)}.form-field input,.form-field textarea,.form-field select{display:block;border:1px solid var(--border);border-radius:9px;background:var(--bg);padding:11px;font-size:15px;width:100%;max-width:none;margin-top:8px;color:var(--text)}.form-field textarea{min-height:110px;resize:vertical}.check-field{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0}.access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:12px 0;font-size:13px;overflow-wrap:anywhere}.access-row button{font-size:12px;color:#ffb9b4}.dialog-error{color:#ffb9b4;font-size:13px;line-height:1.6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--raised);border:1px solid var(--border);padding:11px 18px;border-radius:30px;font-size:13px;z-index:30;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}.quiet-room #sidebar,.quiet-room .suggestions,.quiet-room .welcome-credit,.quiet-room .night{display:none}.quiet-room main{background:radial-gradient(ellipse,var(--glow),transparent 70%),var(--bg)}.quiet-room #scroll{max-width:900px;width:100%;margin:auto}.quiet-room .message-text{font-size:18px;line-height:1.95}.quiet-room .composer-area{max-width:850px}.breathing{height:150px;width:150px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--accent);background:var(--glow);box-shadow:0 0 50px var(--glow);margin:35px auto;font-size:14px;color:var(--accent)}.breathing.running{animation:breathGuide 10s ease-in-out infinite}.breathing-caption{text-align:center;min-height:30px;font-size:14px;color:var(--muted)}.busy .emblem-core{animation:pulse 1.3s ease-in-out infinite}.busy .logo{animation:pulse 1.5s ease-in-out infinite}.founder #account-name{font-family:Georgia,serif;color:var(--gold)}.founder .avatar{color:var(--gold)}.founder .connection{color:var(--gold);border-color:#7a6138}.founder #welcome-title{font-family:Georgia,serif;color:#f6e7c0}.founder .edition{color:var(--gold)}body[data-theme=royal]{--bg:#101014;--side:#0b0b0e;--panel:#211d19;--raised:#30291d;--border:#655232;--text:#f6eddc;--muted:#bdb19a;--accent:#e6c880;--solid:#a58142;--glow:#cba25e21;--warm:#f1d79f}body[data-theme=midnight]{--bg:#0b1320;--side:#080e18;--panel:#152238;--raised:#1e304c;--border:#304767;--accent:#96beff;--solid:#497cca;--glow:#428cff22;--warm:#a2d6df}body[data-theme=rose]{--bg:#160f18;--side:#100b12;--panel:#281d2d;--raised:#38273d;--border:#533a5d;--accent:#eeafd7;--solid:#b7619c;--glow:#d568c026;--warm:#f6ba9e}body[data-theme=royal] .emblem-core{background:linear-gradient(135deg,#f8e6ae,#c6a259 65%,#a5803e);color:#342711;box-shadow:0 0 45px var(--glow)}body[data-theme=royal] #chat-form{box-shadow:0 0 25px var(--glow)}body[data-theme=royal] #send{background:linear-gradient(135deg,#f1d79f,#b9904a);color:#2c2111}body[data-glow=bright] main{background:radial-gradient(ellipse at 50% 32%,var(--glow),transparent 85%),var(--bg)}body[data-size=large] .message-text{font-size:19px}body[data-density=spacious] .message{margin-bottom:43px}body[data-motion=gentle] .emblem-core{animation-duration:10s}body[data-motion=none] *,body[data-motion=none] *:before,body[data-motion=none] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile{display:none}@keyframes breathe{50%{transform:rotate(-5deg) translateY(-4px);box-shadow:inset 0 2px 3px #ffffff80,0 18px 60px var(--glow)}}@keyframes pulse{50%{opacity:.5}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes breathGuide{0%,100%{transform:scale(.85)}40%{transform:scale(1.1)}}@media(max-height:850px) and (min-width:761px){#welcome{padding-top:20px}.emblem{height:70px;margin-bottom:17px}.emblem-core{height:54px;width:54px;font-size:42px;border-radius:18px}.orbit{height:64px;width:110px}.orbit.second{height:50px;width:120px}h1{font-size:35px}#welcome-copy{margin:12px auto;font-size:14px}.welcome-credit{margin-bottom:20px}.suggestions>button{padding:13px 16px}.suggest-icon{margin-bottom:8px}.night{margin-top:15px}}
@media(max-width:1100px){#sidebar{width:230px;padding:25px 14px 16px}header{padding:0 23px}.header-right{gap:10px}}
@media(max-width:760px){.app{min-height:0}#sidebar{position:fixed;inset:0 auto 0 0;width:272px;z-index:15;transform:translateX(-100%);visibility:hidden;transition:transform .2s}#sidebar.open{transform:translateX(0);visibility:visible}#shade{position:fixed;inset:0;background:#03020b99;z-index:14}.mobile{display:block}.icon-button{font-size:23px;padding:4px}header{height:70px;padding:0 14px;gap:8px}.header-left{gap:8px}.header-right{gap:8px}#header-title{font-size:12px}#header-subtitle{font-size:8px;letter-spacing:1px}.connection{font-size:10px;padding:5px 7px;max-width:112px;text-align:center}#signin{font-size:12px;padding:4px 0}#welcome{padding:28px 20px 18px}.emblem{height:86px;margin-bottom:20px}h1{font-size:34px}.desktop{display:none}#welcome-copy{font-size:14px;line-height:1.8}.welcome-credit{font-size:8px;letter-spacing:.7px;margin-bottom:24px}.suggestions{gap:10px}.suggestions>button{padding:14px 12px}.suggestions strong{font-size:13px;line-height:1.5}.suggestions small{font-size:11px;line-height:1.6}.suggest-icon{margin-bottom:12px}.suggestions i{right:12px}.night{font-size:11px}.composer-area{padding:10px 13px max(12px,env(safe-area-inset-bottom));background:var(--bg)}#modes{gap:1px}#modes button{font-size:11px;padding:7px 10px}.subtle{font-size:11px}.chat-tools{flex-wrap:wrap}#chat-form{padding:13px}.compose-actions{margin-top:9px}#compose-hint{display:none}#send,#stop{margin-left:auto}.disclaimer{font-size:9px;line-height:1.7}.disclaimer button{font-size:9px}.options-row{gap:8px;font-size:11px}select{font-size:11px;max-width:125px}.micro{display:none}#messages{padding:24px 16px}.message{gap:9px}.message-text{font-size:15px}.message.user{max-width:93%}.message-avatar{width:27px;height:27px}.spotlight{display:block}.spotlight-tabs{display:flex;gap:8px;margin-bottom:13px}.spotlight-tabs button{font-size:12px;color:var(--muted);padding:8px 12px;border-radius:20px;border:1px solid var(--border)}.spotlight-tabs button.selected{background:var(--raised);color:var(--accent)}.spotlight[data-view=text] .spotlight-visual{display:none}.spotlight[data-view=image] .spotlight-body{display:none}.spotlight-image{max-height:420px}.structured-card{padding:14px}.creator-profile{padding:22px}.creator-profile h3{font-size:27px}dialog{padding:26px}.quiet-room .mobile{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Original Roxy component styles: luxury.css */
/* Roxy's Luxury — motion and permission studio */
body{--motion-time:.48s;--motion-ease:cubic-bezier(.2,.8,.2,1)}body[data-style=cinematic]{--motion-time:.85s;--motion-ease:cubic-bezier(.16,1,.3,1)}body[data-style=serene]{--motion-time:.65s}body[data-motion=gentle]{--motion-time:.3s}
body[data-theme=amethyst]{--bg:#130d20;--side:#100a19;--accent:#d5a1ff;--solid:#9854d4;--panel:#21182e;--glow:#b26eff28}body[data-theme=obsidian]{--bg:#111214;--side:#090a0b;--accent:#ddd9d1;--solid:#68635c;--panel:#202124;--border:#38393c;--glow:#dfddcf15}body[data-theme=sapphire]{--bg:#0b1422;--side:#080e19;--panel:#142137;--raised:#1b2c48;--accent:#90c6ff;--solid:#447dde;--border:#2c405d;--glow:#548dff25}body[data-theme=bordeaux]{--bg:#1a0d15;--side:#11090e;--panel:#2b1723;--raised:#3a2030;--accent:#eda0bc;--solid:#b74c77;--border:#513047;--glow:#f471aa20}body[data-theme=pearl]{--bg:#18171b;--side:#101013;--panel:#28262c;--raised:#343039;--accent:#e8d9ca;--solid:#978476;--border:#4a424b;--glow:#efdfcd1a}
body[data-font=serif] h1,body[data-font=serif] h2,body[data-font=serif] .structured-card h3{font-family:Georgia,serif;font-weight:400}body[data-glow=medium]{--glow:#b49aff30}body[data-glow=bright] .emblem{filter:drop-shadow(0 0 22px var(--accent))}body[data-density=spacious] .message{margin-bottom:42px}body[data-size=large] .message-text{font-size:19px}
#main{isolation:isolate;position:relative;overflow:hidden}#main:before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;opacity:.35;background:radial-gradient(ellipse at 30% 20%,var(--glow),transparent 52%),radial-gradient(ellipse at 85% 80%,var(--glow),transparent 55%);animation:aurora-drift 18s ease-in-out infinite alternate}body[data-background=particles] #main:before{background-image:radial-gradient(circle,var(--accent) 1px,transparent 2px);background-size:83px 97px;opacity:.1;animation:particle-drift 28s linear infinite}body[data-background=waves] #main:before{background:repeating-radial-gradient(ellipse at 20% 60%,transparent 0 45px,var(--glow) 46px 48px,transparent 50px 85px);animation:aurora-drift 14s ease-in-out infinite alternate}body[data-background=still] #main:before{animation:none;opacity:.12}
#welcome .emblem{animation:emblem-enter .9s var(--motion-ease) both}#welcome h1,#welcome-copy,.welcome-credit,.suggestions>button,.night{animation:luxury-rise var(--motion-time) var(--motion-ease) both}#welcome h1{animation-delay:.08s}#welcome-copy{animation-delay:.15s}.suggestions>button:nth-child(1){animation-delay:.2s}.suggestions>button:nth-child(2){animation-delay:.27s}.suggestions>button:nth-child(3){animation-delay:.34s}.suggestions>button:nth-child(4){animation-delay:.41s}.night{animation-delay:.45s}body[data-entrance=fade] #welcome *{animation-name:luxury-fade}body[data-entrance=sweep] #welcome:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,var(--glow) 50%,transparent 65%);animation:light-sweep 1s both}.message{animation:luxury-rise var(--motion-time) var(--motion-ease) both}body[data-arrival=fade] .message{animation-name:luxury-fade}body[data-arrival=slide] .message{animation-name:luxury-slide}.structured-card{animation:luxury-rise var(--motion-time) var(--motion-ease) both}.structured-card:nth-child(2){animation-delay:.08s}.structured-card:nth-child(3){animation-delay:.16s}dialog[open]{animation:luxury-rise var(--motion-time) var(--motion-ease)}dialog.closing{animation:luxury-out .16s both}dialog::backdrop{animation:luxury-fade .2s}#sidebar.open{animation:luxury-slide .3s var(--motion-ease)}.attachment,#attachment{animation:luxury-rise .3s both}.busy .emblem-core,.thinking>span:first-child{animation:thinking-orbit 2s ease-in-out infinite}.busy #chat-form{box-shadow:0 0 18px var(--glow)}body[data-style=serene] .orbit{animation-duration:35s}body[data-motion=gentle] #main:before{animation:none}
button{position:relative}button:active:not(:disabled){transform:scale(.975)}@media(hover:hover){button:hover:not(:disabled){transform:translateY(-2px)}body[data-buttons=glow] button:hover{box-shadow:0 0 18px var(--glow)}body[data-buttons=press] button:hover{transform:none}}.tap-ripple{position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(circle,var(--glow),transparent 65%);animation:ripple .6s both}.copy{transition:color .2s,transform .2s}.scanning{position:relative;overflow:hidden}.scanning:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,var(--glow),transparent);animation:light-sweep 1.3s infinite}
.creator-credit{display:flex!important;gap:12px!important;align-items:center;text-align:left;padding:18px 8px!important;border-top:1px solid var(--border);overflow:hidden;min-height:83px}.signature-crest{flex-shrink:0;width:33px;height:40px;display:grid;place-items:center;border:1px solid #d5b97770;border-radius:14px 14px 20px 20px;color:var(--gold);font-size:23px;animation:crest-float 6s ease-in-out infinite}.signature-text{display:flex;flex-direction:column;gap:5px}.signature-name{font-family:Georgia,serif;font-size:19px;letter-spacing:4px;background:linear-gradient(100deg,#b89958 10%,#fff0c0 45%,#b89958 60%);background-size:220%;color:transparent;background-clip:text;animation:signature-shine 8s ease-in-out infinite}.signature-by{font-size:8px;letter-spacing:.5px;color:var(--muted);line-height:1.7}.creator-credit:hover .signature-crest{box-shadow:0 0 22px #d4ad6026}.profile-crown{animation:crest-float 5s infinite}.creator-profile{animation:luxury-rise .65s both}
dialog:has(.luxury-banner){width:min(790px,calc(100vw - 28px));max-width:790px}.luxury-banner{padding:26px 22px 30px;border:1px solid #d5b97745;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#cda76d17,transparent 70%),var(--panel);text-align:center;margin:8px 0 26px;position:relative;overflow:hidden}.luxury-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#e8c77d0a 50%,transparent 65%);animation:light-sweep 2s both;pointer-events:none}.luxury-crest{display:block;color:var(--gold);font-size:35px;margin-bottom:12px;animation:crest-float 6s infinite}.luxury-kicker{font-size:10px;letter-spacing:2.5px;color:var(--gold)}.luxury-title{font:italic 43px/1.2 Georgia,serif;letter-spacing:-1px;margin:12px 0;color:var(--text)}.luxury-banner p{font-size:13px;color:var(--muted)}.luxury-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.luxury-grid label{margin:0!important;background:var(--panel);padding:15px;border:1px solid var(--border);border-radius:12px;font-size:12px}.luxury-grid select{width:100%;max-width:none;margin-top:8px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.permission-row{display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:8px;background:var(--panel);padding:16px!important;border:1px solid var(--border);border-radius:14px;margin:0!important;cursor:pointer}.permission-row strong{display:block;font-size:13px}.permission-row small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}.permission-row input{appearance:none;width:37px!important;height:22px!important;border-radius:20px!important;background:var(--border);position:relative;cursor:pointer;padding:0!important;transition:background .2s}.permission-row input:before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:var(--muted);border-radius:50%;transition:transform .2s}.permission-row input:checked{background:var(--solid)}.permission-row input:checked:before{transform:translateX(15px);background:#fff}.permission-row:has(input:checked){border-color:var(--accent)}.permission-status{grid-column:2;text-align:center;font-size:10px;color:var(--muted)}.permission-preview,.audit-row,.preset-row{border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0}.audit-row p{font-size:12px}.audit-row small{color:var(--muted)}.preset-row{display:flex;justify-content:space-between}.translation-output{padding:22px;border:1px solid var(--border);border-radius:18px;margin:22px 0;min-height:90px;background:linear-gradient(135deg,var(--panel),var(--raised));animation:luxury-rise .4s}.translation-output p{white-space:pre-wrap;line-height:1.9}.translation-output:empty{display:none}.luxury-error{color:#ffb5b5}.focus-lab .message{opacity:.4;transition:opacity .3s}.focus-lab .message:nth-last-child(-n+2),.focus-lab .message:hover{opacity:1}
@keyframes luxury-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes luxury-fade{from{opacity:0}to{opacity:1}}@keyframes luxury-slide{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}@keyframes luxury-out{to{opacity:0;transform:translateY(8px)}}@keyframes emblem-enter{from{opacity:0;transform:scale(.8) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes light-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes aurora-drift{to{transform:translate(6%,4%) rotate(8deg)}}@keyframes particle-drift{to{transform:translateY(-97px)}}@keyframes ripple{from{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.3)}}@keyframes thinking-orbit{50%{transform:rotate(15deg) scale(.9);opacity:.55}}@keyframes crest-float{50%{transform:translateY(-3px)}}@keyframes signature-shine{0%,30%{background-position:100%}70%,100%{background-position:0}}
@media(max-width:760px){.luxury-title{font-size:33px}.luxury-grid,.permission-grid{grid-template-columns:1fr}.luxury-banner{padding:22px 12px}.signature-crest{animation:none}#main:before{opacity:.18}.luxury-grid select{max-width:none}.permission-row{min-height:86px}}
body[data-motion=none] *,body[data-motion=none] *:before,body[data-motion=none] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.message.seen{animation:none}.message.seen .structured-card{animation:none}#sidebar{overflow-y:auto}.nav-link{flex-shrink:0}.creator-credit{flex-shrink:0}

/* Original Roxy component styles: refined.css */
/* Refined workspace: calm hierarchy, immediate controls, expressive accents. */
body{overflow:hidden}#sidebar{width:284px;padding:24px 20px 16px;overflow:hidden;gap:0}
.edition{margin-bottom:24px}#sidebar>p.nav-label{margin-top:24px}
#tool-drawer{margin:8px 0 0;border:1px solid var(--border);border-radius:13px;background:var(--panel);flex-shrink:0}
#tool-drawer summary{padding:13px 14px;cursor:pointer;font-size:13px;color:var(--text);list-style:none;position:relative}
#tool-drawer summary::-webkit-details-marker{display:none}#tool-drawer summary:after{content:'⌄';position:absolute;right:15px;top:17px;color:var(--accent)}#tool-drawer[open] summary:after{transform:rotate(180deg)}
#tool-drawer summary span{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.tool-links{max-height:240px;overflow:auto;padding:0 6px 8px;animation:luxury-rise .18s ease-out}.tool-links .nav-link{width:100%;font-size:13px;margin:2px 0;padding:11px}
.history-heading{margin:24px 8px 12px}#history{min-height:90px;flex:1;padding:0 3px 10px;overscroll-behavior:contain}.history-item{margin:6px 0}.history-item>button:first-child{padding:14px 11px;line-height:1.4}.history-empty{padding:4px 9px;font-size:12px;line-height:1.9}
.sidebar-bottom{border-top:1px solid var(--border);padding-top:14px;margin-top:8px;flex-shrink:0}.account{padding:13px 11px;border-radius:14px}.account strong{max-width:163px;white-space:nowrap}.switch-account{font-size:11px;padding:9px;border-radius:9px}
header{padding:0 24px;height:78px}.header-right{gap:12px}#header-tools{display:flex;align-items:center;gap:8px}.header-right .nav-link{font-size:11px;padding:9px 11px;border:1px solid var(--border);margin:0;white-space:nowrap;color:var(--accent)}
.founder-credit{font:12px Georgia,serif;letter-spacing:1.8px;color:var(--accent);padding:6px 8px;border-radius:8px;white-space:nowrap}.founder-credit span{display:block;font:8px system-ui;letter-spacing:1.5px;color:var(--muted);margin-top:4px;text-transform:uppercase}.founder-credit:hover{background:var(--raised)}
.connection{border-radius:9px;min-height:32px;display:inline-flex;align-items:center;padding:7px 10px;font-size:10px;white-space:nowrap}.founder .connection{box-shadow:inset 0 1px 0 #e8c77d18;background:linear-gradient(120deg,var(--raised),var(--panel))}
.copy{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 11px!important;line-height:1.2;font-size:11px!important;border:1px solid var(--border)!important;border-radius:8px!important;color:var(--muted);margin:10px 7px 0 0!important;vertical-align:middle;background:var(--panel)}.copy:hover{color:var(--accent);border-color:var(--accent)!important}.action-icon{height:14px;width:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.structured-card{border-radius:15px!important}.draft-select{display:inline-flex;font-size:11px;padding:9px 13px;border:1px solid var(--border);border-radius:8px;margin:10px 0 0;color:var(--accent)}.draft-selected{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--glow),0 8px 30px var(--glow)}.draft-select[aria-pressed=true]{background:var(--raised)}.refine{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.refine button{font-size:11px;padding:7px 10px;border-radius:7px}
#draft-selection{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;font-size:11px;color:var(--accent);background:var(--panel)}#draft-selection button{font-size:10px;white-space:nowrap;text-decoration:underline;color:var(--muted)}
.language-picker{position:relative}.language-trigger{width:100%;text-align:left;background:var(--bg);border:1px solid var(--border);padding:13px 16px;border-radius:10px;display:block;margin-top:8px;font-size:13px;min-height:46px}.language-trigger:after{content:'⌄';float:right;color:var(--accent)}.language-panel{position:relative;padding:10px;background:var(--raised);border:1px solid var(--border);border-radius:12px;margin-top:7px;animation:language-open .16s ease-out}.language-panel input{margin:0!important;width:100%;font-size:13px!important}.language-list{max-height:220px;overflow:auto;overscroll-behavior:contain;padding-top:7px}.language-list button{width:100%;text-align:left;display:block;font-size:13px;padding:10px 12px;border-radius:7px}.language-list button[aria-selected=true],.language-list button:hover,.language-list button:focus{background:var(--panel);color:var(--accent)}
dialog[open]{animation-duration:.22s}dialog:has(.studio-stats){width:min(940px,calc(100vw - 28px));max-width:940px}dialog:has(.studio-stats) #dialog-mark{display:none}.studio-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}.studio-stats>div{display:flex;flex-direction:column;gap:8px;background:linear-gradient(140deg,var(--raised),var(--panel));padding:20px;border:1px solid var(--border);border-radius:14px;animation:luxury-rise .3s both}.studio-stats strong{font:27px Georgia,serif;color:var(--accent)}.studio-stats span{font-size:11px;color:var(--muted);line-height:1.5}.studio-loading{animation:loading-pulse 1.2s ease-in-out infinite}
.permission-grid{gap:14px;margin:28px 0}.permission-row{padding:22px!important;min-height:112px;transition:border-color .18s,background .18s,transform .18s}.permission-row:hover{background:var(--raised);transform:translateY(-2px)}.permission-row:has(input:checked){background:linear-gradient(120deg,var(--raised),var(--panel))}.permission-row input{margin:0!important}.permission-row strong{font-size:14px}.permission-row small{font-size:12px}.luxury-banner{border-color:var(--border);padding:30px}.luxury-banner:after{animation:light-sweep 7s ease-in-out infinite}.luxury-title{font-style:normal}
.founder #welcome-title{font-size:clamp(34px,3.5vw,52px)}.founder #welcome .emblem:before{content:'';position:absolute;inset:8px;border:1px solid var(--border);border-radius:50%;animation:royal-orbit 22s linear infinite;transform:rotateX(55deg)}.founder .new-chat{background:linear-gradient(110deg,var(--raised),var(--panel));box-shadow:inset 0 1px 0 #e8c77d20}.new-chat,.account{transition:border-color .18s,background .18s}.new-chat:hover,.account:hover{border-color:var(--accent)}
@keyframes language-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes loading-pulse{50%{opacity:.5}}@keyframes royal-orbit{to{transform:rotateX(55deg) rotate(360deg)}}
@media(min-width:761px) and (max-width:1150px){#sidebar{width:250px;padding-left:14px;padding-right:14px}.connection{display:none}header{padding:0 16px}.header-right{gap:7px}#header-subtitle{font-size:8px}}
@media(max-width:760px){#sidebar{width:min(310px,86vw);padding:22px 18px 14px}header{height:auto;min-height:76px;padding:12px 14px;flex-wrap:wrap;gap:10px}.header-left{flex:1}#header-title{font-size:12px}#header-subtitle{font-size:7px;letter-spacing:1px}.header-right{gap:6px;flex-wrap:wrap}.connection{display:none}.founder-credit{font-size:10px;padding:5px}.founder-credit span{font-size:7px}#signin{font-size:11px}.header-right .nav-link{font-size:10px;padding:7px 8px}#header-tools{gap:5px}.studio-stats{gap:6px}.studio-stats>div{padding:12px 9px}.studio-stats strong{font-size:22px}.studio-stats span{font-size:9px}.permission-grid{gap:10px}.permission-row{padding:18px!important}.luxury-banner{padding:22px 14px}#draft-selection{font-size:10px;flex-wrap:wrap}.copy{min-height:36px}.language-list{max-height:180px}.founder #welcome-title{font-size:34px}.composer-area{padding-bottom:max(12px,env(safe-area-inset-bottom))}}
@media(max-height:680px){.edition{margin-bottom:14px}#sidebar>p.nav-label{margin-top:14px}.history-heading{margin-top:14px}.tool-links{max-height:150px}.sidebar-bottom{padding-top:8px}.account{padding:9px}.switch-account{padding:7px}}
body[data-motion=none] *,body[data-motion=none] *:before,body[data-motion=none] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original Roxy component styles: care.css */
/* Roxy Care: a quieter visual rhythm, compatible with existing Luxury palettes. */
.brand{letter-spacing:-1.6px;font-weight:500}.brand .logo{background:none;box-shadow:none;width:40px;height:40px;border-radius:14px}.roxy-mark{display:block;object-fit:contain;max-width:100%;height:auto}.emblem{margin-bottom:18px}.emblem-core{background:none!important;box-shadow:none!important;transform:none!important;border-radius:24px;width:76px;height:76px;animation:none!important}.emblem-core .roxy-mark{width:76px}.emblem .orbit{opacity:.25}.emblem .spark{display:none}#dialog-mark .roxy-mark{width:40px}.message-avatar{background:none}.message-avatar .roxy-mark{width:31px}.thinking .roxy-mark{width:23px}.edition{letter-spacing:2px;font-size:9px}#welcome{padding-top:36px;padding-bottom:28px}#welcome-title,.founder #welcome-title{font:400 clamp(36px,4vw,56px)/1.12 Georgia,serif;letter-spacing:-1.5px}#welcome-copy{max-width:500px;line-height:1.9}.welcome-credit{letter-spacing:1.5px}.suggestions>button{padding:20px;border-radius:17px;box-shadow:none}.suggestions>button:hover{transform:translateY(-2px)}#main:before{opacity:.13!important}#modes button{border-radius:9px}.composer-area{padding-top:10px}.writing-caption{font-size:12px;line-height:1.6}#writing-options{justify-content:space-between;padding:4px 0 12px;gap:8px}.language-control{padding:8px 11px;border:1px solid var(--border);border-radius:9px;font-size:12px;color:var(--text);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-control:after{content:'⌄';margin-left:12px;color:var(--accent)}.writing-option{border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:12px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.writing-option .message-text{font-size:16px;line-height:1.8}.writing-choose{border:1px solid var(--border);padding:9px 18px;border-radius:9px;color:var(--accent);font-size:12px}.writing-choose:hover{background:var(--raised);border-color:var(--accent)}.writing-response{padding:4px 0 12px}.message-content{overflow-wrap:anywhere}.quiet-dialog{width:min(780px,calc(100vw - 32px));max-width:780px;padding:34px;background:radial-gradient(ellipse at 80% 0%,#9bc4b21a,transparent 52%),#141c1d;color:#edf2ec;border-color:#52645e55}.quiet-dialog #dialog-mark{margin-bottom:16px}.quiet-dialog #dialog-title{font:400 32px/1.2 Georgia,serif;letter-spacing:-.6px}.quiet-dialog #close-dialog{color:#c7d5cd}.quiet-intro{padding:10px 0 24px}.quiet-eyebrow{display:block;color:#abc9ba;font-size:10px;letter-spacing:2px;font-weight:500}.quiet-intro h3,.quiet-stage h3{font:400 30px/1.25 Georgia,serif;margin:14px 0}.quiet-intro p,.quiet-stage p,.quiet-lead{font-size:15px;line-height:1.85;color:#c2cec7;max-width:570px}.quiet-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.exercise-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;gap:12px;background:#202b2a;border:1px solid #53695e66;border-radius:16px;transition:background .2s,border-color .2s}.exercise-card:last-child{grid-column:1/-1}.exercise-card:hover{background:#293833;border-color:#a4c2b5}.exercise-number{color:#a4c2b5;font:15px Georgia,serif}.exercise-card strong{font-size:16px;font-weight:500}.exercise-description{font-size:13px;line-height:1.65;color:#bbcbbf}.exercise-duration{font-size:11px;color:#bed4c7;margin-top:auto;padding-top:6px}.quiet-footnote{font-size:12px!important;line-height:1.8;color:#aabbb0!important;margin:22px 0 12px}.quiet-help{border-top:1px solid #53695e66;padding-top:16px;margin-top:18px;font-size:12px;line-height:1.8;color:#b8cabd}.quiet-help summary{cursor:pointer;color:#d4dfd7}.quiet-help p{font-size:12px!important;color:#b8cabd!important}.quiet-back{display:block;margin:14px 0;padding:8px 0;color:#bad0c2;font-size:13px;text-align:left}.quiet-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0}.quiet-button,.quiet-primary{font-size:13px;padding:12px 22px;border-radius:10px;border:1px solid #738b7d;background:#1c2924;color:#d9e6dc}.quiet-primary{background:#c3d9ca;color:#15221c;border-color:#c3d9ca;font-weight:600}.quiet-length{display:flex;gap:8px;justify-content:center;margin:25px 0}.quiet-length button{padding:8px 16px}.quiet-length [aria-pressed=true]{background:#c3d9ca;color:#15221c}.breath-orb{width:150px;height:150px;border-radius:50%;margin:48px auto;background:radial-gradient(circle at 37% 30%,#c1d9c1,#748f7c 55%,#405c4b);box-shadow:0 0 0 16px #91ae9920,0 0 0 36px #91ae9909;transition:transform 5s ease-in-out;transform:scale(.85)}.breath-orb.inhaling{transform:scale(1.12)}.breath-label{text-align:center;font:22px/1.5 Georgia,serif!important;color:#e1ece1!important;min-height:34px}.quiet-clock{text-align:center;color:#b8cbbc;font-size:12px!important;font-variant-numeric:tabular-nums}.quiet-stage{padding:36px 26px;background:#202b2a;border:1px solid #53695e66;border-radius:18px;min-height:230px;margin:20px 0}.quiet-stage p{margin-bottom:0}.quiet-dialog button:focus-visible{outline:2px solid #d6e9d5;outline-offset:4px}#quiet-shortcut{padding:8px 12px;border:1px solid var(--border);border-radius:9px;color:var(--accent);white-space:nowrap}.privacy-brand{display:flex;align-items:center;gap:10px}.privacy-brand img{border-radius:12px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}
@media(max-width:760px){#welcome{padding:28px 20px 20px}.suggestions>button{padding:16px}.suggestions small{line-height:1.6}#welcome-title,.founder #welcome-title{font-size:38px}.composer-area{padding-left:16px;padding-right:16px}.quiet-dialog{padding:24px 20px}.quiet-grid{grid-template-columns:1fr}.exercise-card:last-child{grid-column:auto}.quiet-dialog #dialog-title{font-size:29px}.quiet-intro h3,.quiet-stage h3{font-size:26px}.quiet-stage{padding:25px 20px}.writing-option{padding:17px}.chat-tools{flex-wrap:wrap}#modes button{padding:8px 10px}#quiet-shortcut{font-size:11px}.language-control{max-width:180px}.writing-caption{font-size:11px}.quiet-primary,.quiet-button{min-height:42px}.breath-orb{width:130px;height:130px;margin:43px auto}}
@media(prefers-reduced-motion:reduce){.breath-orb{transform:none!important;transition:none!important}.suggestions>button:hover{transform:none}}
body[data-motion=none] .breath-orb{transform:none!important;transition:none!important}

.message-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.message-actions .copy{margin:0!important}.writing-response:has(+.message-actions){padding-bottom:4px}

/* Original Roxy component styles: product-upgrades.css */
:root{--roxy-panel:color-mix(in srgb,var(--surface,#17131f) 92%,transparent);--roxy-line:rgba(255,255,255,.09);--roxy-soft:rgba(255,255,255,.055)}
.roxy-upgrade-nav{position:relative}.roxy-upgrade-nav::after{content:'NEW';font-size:8px;letter-spacing:.14em;opacity:.55;margin-left:auto}.roxy-default-pill{font-size:9px;letter-spacing:.12em;opacity:.5;margin-left:auto}.roxy-sheet-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(7,6,12,.72);backdrop-filter:blur(18px);display:grid;place-items:center;padding:20px;animation:roxyFade .18s ease}.roxy-sheet{width:min(760px,100%);max-height:min(86vh,880px);overflow:auto;border:1px solid var(--roxy-line);background:linear-gradient(180deg,rgba(32,26,42,.98),rgba(15,13,21,.985));border-radius:26px;box-shadow:0 34px 90px rgba(0,0,0,.42);padding:24px;animation:roxyRise .22s cubic-bezier(.2,.8,.2,1)}.roxy-sheet-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.roxy-sheet-head>div{flex:1}.roxy-sheet-head h2{margin:3px 0 7px;font-size:26px;letter-spacing:-.025em}.roxy-sheet-head p{margin:0;opacity:.7;line-height:1.55}.roxy-sheet-close{width:38px;height:38px;border-radius:12px;font-size:22px}.roxy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roxy-card{border:1px solid var(--roxy-line);background:var(--roxy-soft);border-radius:18px;padding:16px}.roxy-card h3{margin:0 0 6px;font-size:15px}.roxy-card p,.roxy-card small{opacity:.7;line-height:1.5}.roxy-row{display:flex;align-items:center;gap:10px}.roxy-row.wrap{flex-wrap:wrap}.roxy-spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.roxy-field{display:grid;gap:7px;margin:14px 0}.roxy-field>span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.roxy-field input,.roxy-field textarea,.roxy-field select{width:100%;box-sizing:border-box;border:1px solid var(--roxy-line);background:rgba(0,0,0,.16);color:inherit;border-radius:14px;padding:12px 13px;font:inherit}.roxy-field textarea{min-height:120px;resize:vertical}.roxy-chip-row{display:flex;gap:8px;flex-wrap:wrap}.roxy-chip{border:1px solid var(--roxy-line);background:rgba(255,255,255,.04);border-radius:999px;padding:8px 12px;font-size:12px}.roxy-chip[aria-pressed="true"],.roxy-chip.active{background:rgba(162,116,255,.2);border-color:rgba(190,152,255,.45)}.roxy-primary{border-radius:14px;padding:11px 15px;font-weight:650}.roxy-secondary{border-radius:14px;padding:11px 15px;opacity:.82}.roxy-danger{border-radius:14px;padding:10px 13px}.roxy-empty{padding:28px;text-align:center;border:1px dashed var(--roxy-line);border-radius:18px;opacity:.65}.roxy-list{display:grid;gap:10px;margin-top:14px}.roxy-person.active,.roxy-capsule.active{border-color:rgba(186,144,255,.55);box-shadow:0 0 0 1px rgba(186,144,255,.12) inset}.roxy-journal-entry time{font-size:11px;opacity:.5}.roxy-journal-entry p{white-space:pre-wrap}.roxy-fingerprint{padding:14px;border-radius:16px;background:rgba(168,121,255,.09);border:1px solid rgba(190,152,255,.16);line-height:1.55}.roxy-mic{min-width:38px;height:34px;border-radius:12px;display:inline-grid;place-items:center;font-size:15px}.roxy-mic.listening{animation:roxyPulse 1s ease-in-out infinite;box-shadow:0 0 0 5px rgba(190,152,255,.09)}.roxy-card-action,.roxy-pin{border:0;background:transparent;opacity:.62;font-size:12px;padding:5px 7px;border-radius:8px}.roxy-card-action:hover,.roxy-pin:hover{opacity:1;background:rgba(255,255,255,.06)}.history-item{transition:transform .18s ease,background .18s ease}.history-item.roxy-pinned{background:rgba(175,130,255,.07)}.history-item.roxy-pinned::before{content:'•';opacity:.45;margin-right:2px}.roxy-pin{margin-left:auto}.roxy-quiet-exit{position:fixed;right:20px;top:18px;z-index:9000;border:1px solid var(--roxy-line);background:rgba(18,15,25,.9);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px}.real-quiet-room #sidebar,.real-quiet-room #shade,.real-quiet-room header .header-right,.real-quiet-room .history-heading{display:none!important}.real-quiet-room .app{grid-template-columns:1fr!important}.real-quiet-room main{max-width:980px;width:100%;margin:0 auto}.real-quiet-room header{padding-inline:24px}.real-quiet-room #scroll{scrollbar-width:none}.real-quiet-room #scroll::-webkit-scrollbar{display:none}.focus-lab #messages .message:not(:nth-last-child(-n+2)){display:none!important}.focus-lab #messages::before{content:'Focus mode · showing the latest exchange';display:block;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.42;margin:12px 0 24px}.roxy-theme-quick{margin:4px 0 18px;padding:14px;border:1px solid var(--roxy-line);border-radius:18px;background:rgba(255,255,255,.03)}.roxy-theme-quick strong{display:block;margin-bottom:9px}.roxy-control-hint{display:block;font-size:11px;line-height:1.45;opacity:.58;margin-top:5px;text-transform:none;letter-spacing:0}.roxy-default-box{padding:14px 16px;border-radius:18px;background:rgba(110,200,255,.06);border:1px solid rgba(110,200,255,.14);margin:12px 0 18px}.roxy-default-box strong{display:block;margin-bottom:5px}.roxy-default-box p{margin:0;opacity:.7;line-height:1.5}.permission-row{transition:transform .16s ease,background .16s ease}.permission-row:hover{transform:translateY(-1px)}.composer-area{backdrop-filter:blur(18px)}#chat-form{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}#chat-form:focus-within{box-shadow:0 16px 46px rgba(0,0,0,.12),0 0 0 1px rgba(178,137,255,.12)}.suggestions button,.structured-card,.writing-response,.writing-option{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.suggestions button:hover{transform:translateY(-2px)}.message{animation:roxyMessage .22s ease}.roxy-thread-note{font-size:11px;opacity:.58;margin-left:8px}.roxy-lab-output{white-space:pre-wrap;margin-top:12px}.roxy-lock-note{font-size:12px;opacity:.6;margin-top:8px}@keyframes roxyFade{from{opacity:0}to{opacity:1}}@keyframes roxyRise{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes roxyPulse{50%{transform:scale(1.04);opacity:.7}}@keyframes roxyMessage{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:760px){.roxy-sheet-backdrop{padding:0;align-items:end}.roxy-sheet{width:100%;max-height:91vh;border-radius:24px 24px 0 0;padding:20px}.roxy-grid{grid-template-columns:1fr}.roxy-sheet-head h2{font-size:23px}.real-quiet-room header{padding-inline:16px}.roxy-quiet-exit{right:12px;top:12px}}@media(prefers-reduced-motion:reduce){.roxy-sheet-backdrop,.roxy-sheet,.message,.roxy-mic.listening{animation:none!important}.suggestions button,.structured-card,.writing-response,.writing-option,.history-item{transition:none!important}}

/* Original Roxy component styles: product-polish.css */
.roxy-nav-hidden-by-hub{display:none!important}.roxy-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roxy-tool-card{position:relative;display:grid;gap:7px;text-align:left;min-height:128px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));color:inherit;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.roxy-tool-card::before{content:'';position:absolute;inset:-50% 40% 40% -20%;background:radial-gradient(circle,rgba(187,145,255,.13),transparent 65%);pointer-events:none}.roxy-tool-card:hover{transform:translateY(-2px);border-color:rgba(190,152,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.03));box-shadow:0 14px 34px rgba(0,0,0,.14)}.roxy-tool-card strong{position:relative;font-size:15px;letter-spacing:-.01em}.roxy-tool-card span{position:relative;font-size:12px;line-height:1.55;opacity:.66}.roxy-tool-card i{position:absolute;right:16px;bottom:14px;font-style:normal;opacity:.45}.roxy-polish-sheet{overflow-x:hidden}.roxy-lab-block{display:grid;gap:10px;margin:16px 0}.roxy-lab-block>strong{font-size:13px}.roxy-lab-block>small{margin-top:-5px;opacity:.55}.roxy-lab-select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.16);color:inherit;border-radius:14px;padding:12px 13px;font:inherit}.roxy-lab-modifiers .roxy-chip{transition:transform .15s ease,background .15s ease,border-color .15s ease}.roxy-lab-modifiers .roxy-chip:hover{transform:translateY(-1px)}.roxy-lab-note{font-size:12px;opacity:.56;margin:14px 0 18px}.roxy-simple-controls{margin:16px 0 18px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}.roxy-simple-head{font-weight:700;margin-bottom:5px}.roxy-simple-controls>p{margin:0 0 14px;opacity:.62;font-size:12px;line-height:1.5}.roxy-simple-controls>small{display:block;margin-top:12px;opacity:.52}.roxy-segment-setting{display:grid;grid-template-columns:minmax(84px,auto) 1fr;align-items:center;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.055)}.roxy-segment-setting:first-of-type{border-top:0}.roxy-segment-setting>span{font-size:12px;opacity:.72}.roxy-segments{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.roxy-segments button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:inherit;border-radius:999px;padding:7px 10px;font-size:11px}.roxy-segments button[aria-pressed=true]{background:rgba(170,126,255,.18);border-color:rgba(191,155,255,.34)}.roxy-extra-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:22px 0 10px}.roxy-extra-heading strong{font-size:14px}.roxy-extra-heading span{font-size:11px;opacity:.52;text-align:right}.roxy-usage-pill{width:max-content;max-width:100%;padding:7px 10px!important;border-radius:999px;background:rgba(115,196,255,.07);border:1px solid rgba(115,196,255,.13);opacity:.85!important}.roxy-polish-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:13000;padding:10px 14px;border-radius:999px;background:rgba(20,17,27,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 50px rgba(0,0,0,.3);font-size:13px}.roxy-mic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.roxy-mic.listening svg{display:none}.roxy-mic.listening::before{content:'●';font-size:12px}.permission-grid{gap:9px}.permission-row{border-radius:16px!important}.luxury-grid{gap:10px!important}.roxy-sheet-body{scrollbar-width:thin}.roxy-sheet-body::-webkit-scrollbar{width:7px}.roxy-sheet-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}@media(max-width:760px){.roxy-tool-grid{grid-template-columns:1fr}.roxy-tool-card{min-height:112px}.roxy-segment-setting{grid-template-columns:1fr;gap:8px}.roxy-segments{justify-content:flex-start}.roxy-extra-heading{align-items:flex-start;flex-direction:column}.roxy-extra-heading span{text-align:left}}@media(prefers-reduced-motion:reduce){.roxy-tool-card,.roxy-lab-modifiers .roxy-chip{transition:none!important}}
/* Original Roxy component styles: product-suite-safe.css */
#tool-drawer .tool-links>#translation-nav,#tool-drawer .tool-links>#favourites-nav,#tool-drawer .tool-links>#export-nav{display:none!important}
#roxy-safe-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:12000;padding:10px 14px;border-radius:999px;background:rgba(20,17,27,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 50px rgba(0,0,0,.3);font-size:13px;color:#fff}.roxy-writing-language{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.roxy-writing-language>span{font-size:12px;opacity:.68;white-space:nowrap}.roxy-language-rail{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px;min-width:0;mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 10px),transparent 100%)}.roxy-language-rail::-webkit-scrollbar{display:none}.roxy-language-chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:inherit;border-radius:999px;padding:7px 11px;font:inherit;font-size:12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.roxy-language-chip:hover{transform:translateY(-1px)}.roxy-language-chip[aria-pressed=true]{background:rgba(196,155,255,.16);border-color:rgba(205,170,255,.38);box-shadow:0 0 0 1px rgba(205,170,255,.06) inset}.real-quiet-room #sidebar,.real-quiet-room header,.real-quiet-room .chat-tools,.real-quiet-room .disclaimer{opacity:.12;filter:blur(1px);pointer-events:none}.real-quiet-room .composer-area{max-width:860px}.roxy-quiet-exit{position:fixed;right:22px;top:22px;z-index:10000;border:1px solid rgba(255,255,255,.1);background:rgba(15,12,22,.88);color:#fff;border-radius:999px;padding:9px 13px;backdrop-filter:blur(14px)}.focus-lab #sidebar,.focus-lab #welcome,.focus-lab .history-heading{display:none!important}.focus-lab .app{grid-template-columns:1fr!important}.focus-lab #messages .message{display:none}.focus-lab #messages .message:nth-last-child(-n+2){display:grid}.roxy-pin{min-width:28px!important;width:28px;height:28px;padding:0!important;border-radius:9px!important;opacity:.56}.roxy-pinned{order:-1}.roxy-pinned .roxy-pin{opacity:1}.roxy-mic{width:36px;height:36px;border-radius:11px;display:inline-grid;place-items:center;padding:8px}.roxy-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.roxy-mic.listening{box-shadow:0 0 0 4px rgba(220,170,255,.1)}.roxy-card-action,.roxy-card-studio-backdrop{display:none!important}.history-empty{font-size:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%}.history-empty::before{content:'Your conversations will appear here.';font-size:12px;line-height:1.5;color:var(--muted)}.roxy-sheet-backdrop{position:fixed;inset:0;z-index:11000;background:rgba(5,4,8,.6);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;padding:22px}.roxy-sheet{width:min(760px,100%);max-height:min(82vh,860px);overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(20,17,27,.98);box-shadow:0 30px 100px rgba(0,0,0,.5);animation:roxySafeIn .2s ease both}.roxy-sheet-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 20px 14px;background:linear-gradient(rgba(20,17,27,.99),rgba(20,17,27,.94));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.roxy-sheet-head h2{margin:0 0 5px}.roxy-sheet-head p{margin:0;opacity:.62;font-size:13px}.roxy-sheet-close{width:36px;height:36px;border-radius:12px}.roxy-sheet-body{display:grid;gap:14px;padding:18px}.roxy-card{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025);border-radius:18px;padding:16px}.roxy-card h3{margin:0 0 7px}.roxy-card p{margin:6px 0;opacity:.76}.roxy-card.active{border-color:rgba(205,170,255,.36);background:rgba(205,170,255,.07)}.roxy-field{display:grid;gap:7px;margin:10px 0}.roxy-field>span{font-size:12px;opacity:.7}.roxy-field input,.roxy-field textarea,.roxy-lab-select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);background:rgba(0,0,0,.18);color:inherit;border-radius:13px;padding:11px 12px;font:inherit}.roxy-field textarea{min-height:110px;resize:vertical}.roxy-row{display:flex;align-items:center;gap:9px}.roxy-row.wrap{flex-wrap:wrap;margin-top:12px}.roxy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roxy-list{display:grid;gap:10px}.roxy-empty{opacity:.58;text-align:center;padding:24px}.roxy-primary,.roxy-secondary{border-radius:12px;padding:9px 12px}.roxy-primary{background:rgba(205,170,255,.17);border:1px solid rgba(205,170,255,.34)}@keyframes roxySafeIn{from{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}@media(max-width:700px){.roxy-sheet-backdrop{padding:0;align-items:flex-end}.roxy-sheet{border-radius:22px 22px 0 0;max-height:88vh}.roxy-grid{grid-template-columns:1fr}.roxy-writing-language{align-items:flex-start;flex-direction:column}.roxy-language-rail{width:100%}}@media(prefers-reduced-motion:reduce){.roxy-sheet,.roxy-language-chip{animation:none;transition:none}}

/* Original Roxy component styles: professional-ui.css */
/* Roxy AI professional workspace — visual layer only. No chat/auth/network logic. */
:root{
  --bg:#0f1115;--side:#0b0d10;--panel:#171a20;--raised:#20242c;--border:#303641;
  --text:#f3f4f6;--muted:#9aa3b2;--accent:#8bb7ff;--solid:#5f8fe6;--glow:#6ea8ff16;
  --warm:#a9bad2;
}
body[data-theme=eclipse],body:not([data-theme]){
  background:var(--bg);
}
body[data-theme=eclipse] main,body:not([data-theme]) main{
  background:radial-gradient(ellipse at 50% 0%,rgba(91,143,230,.08),transparent 42%),var(--bg);
}
body[data-theme=eclipse] #main:before,body:not([data-theme]) #main:before{
  opacity:.08!important;
  animation:none!important;
  background:radial-gradient(ellipse at 50% 0%,rgba(91,143,230,.16),transparent 52%)!important;
}
body[data-theme=eclipse] .emblem-core,body:not([data-theme]) .emblem-core{
  background:linear-gradient(145deg,#2b3340,#1b2028)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.28)!important;
}
body[data-theme=eclipse] .orbit,body:not([data-theme]) .orbit{opacity:.22}
body[data-theme=eclipse] h1 em,body:not([data-theme]) h1 em{
  background:linear-gradient(100deg,#dbeafe,#8bb7ff);background-clip:text;color:transparent
}
body[data-theme=eclipse] .suggestions>button,body:not([data-theme]) .suggestions>button,
body[data-theme=eclipse] .roxy-tool-card,body:not([data-theme]) .roxy-tool-card{
  background:#15191f!important;border-color:#2a3039!important;box-shadow:none!important;
}
body[data-theme=eclipse] .suggestions>button:hover,body:not([data-theme]) .suggestions>button:hover,
body[data-theme=eclipse] .roxy-tool-card:hover,body:not([data-theme]) .roxy-tool-card:hover{
  border-color:#465466!important;background:#191e25!important;transform:translateY(-1px)!important;
}
body[data-theme=eclipse] .roxy-tool-card::before,body:not([data-theme]) .roxy-tool-card::before{display:none}
body[data-theme=eclipse] #tool-drawer,body:not([data-theme]) #tool-drawer,
body[data-theme=eclipse] .account,body:not([data-theme]) .account,
body[data-theme=eclipse] .new-chat,body:not([data-theme]) .new-chat{
  background:#14171c!important;border-color:#2b313a!important;
}

/* Professional reply actions */
.message-actions{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:nowrap!important;margin-top:10px!important}
.message-actions>.copy,.message-actions>button{margin:0!important;flex:0 0 auto!important;white-space:nowrap!important}
.message-actions .copy{padding:7px 9px!important;background:transparent!important;border-color:transparent!important}
.message-actions .copy:hover{background:var(--raised)!important;border-color:transparent!important}
@media(max-width:540px){.message-actions{overflow-x:auto;scrollbar-width:none}.message-actions::-webkit-scrollbar{display:none}}

/* Code mode bar */
.code-workbench{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;
  border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025)
}
.code-workbench[hidden]{display:none!important}
.code-workbench-title{display:flex;align-items:center;gap:8px;margin-right:auto;min-width:190px}
.code-workbench-dot{width:8px;height:8px;border-radius:50%;background:#79a9ff;box-shadow:0 0 0 4px rgba(121,169,255,.09)}
.code-workbench-title strong{font-size:12px;font-weight:650}.code-workbench-title span:last-child{font-size:10px;color:var(--muted)}
.code-workbench label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}
.code-workbench select{min-width:118px;max-width:160px;background:var(--panel);border-color:var(--border);padding:7px 9px;border-radius:9px}
body[data-theme=eclipse] #modes button[aria-pressed=true]{background:#1d2530;border-color:#34465d;color:#b9d3ff}

/* Rich assistant formatting */
.message-text h2,.message-text h3,.message-text h4{margin:18px 0 8px;font-weight:650;letter-spacing:-.01em;color:var(--text)}
.message-text h2{font-size:20px}.message-text h3{font-size:17px}.message-text h4{font-size:15px}
.message-text ul,.message-text ol{margin:8px 0 14px;padding-left:24px}.message-text li{margin:5px 0;line-height:1.7}
.inline-code{font:500 .92em ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--raised);border:1px solid var(--border);padding:2px 5px;border-radius:5px}
.code-block{margin:13px 0 16px;border:1px solid #313844;border-radius:12px;overflow:hidden;background:#0b0e12;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.code-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;background:#151920;border-bottom:1px solid #2b313a;color:#9ba6b5}
.code-block-language{font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em}
.code-copy{font-size:10px;color:#b9c4d3;padding:5px 7px;border-radius:6px}
.code-copy:hover{background:#232a34;color:#fff}
.code-block pre{margin:0;padding:15px 16px;overflow:auto;tab-size:2}
.code-block code{display:block;white-space:pre;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;color:#e6edf3}

/* Professional sheets and tools on the default workspace */
body[data-theme=eclipse] .roxy-sheet,body:not([data-theme]) .roxy-sheet{
  background:#12151a!important;border-color:#2c323b!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important
}
body[data-theme=eclipse] .roxy-sheet-head,body:not([data-theme]) .roxy-sheet-head{background:#12151af2!important}
body[data-theme=eclipse] .roxy-card,body:not([data-theme]) .roxy-card,
body[data-theme=eclipse] .roxy-simple-controls,body:not([data-theme]) .roxy-simple-controls{
  background:#171b21!important;border-color:#2b313a!important
}

/* Tone Fingerprint */
.roxy-fingerprint-preview{display:grid;gap:10px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.roxy-fingerprint-preview strong{font-size:12px}.roxy-fingerprint-summary{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.roxy-fingerprint-chips{display:flex;gap:6px;flex-wrap:wrap}
.roxy-fingerprint-chips span{font-size:10px;padding:6px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--muted)}

/* Message Lab */
.roxy-message-lab{display:grid;gap:14px}
.roxy-lab-editor{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.roxy-lab-pane{display:grid;gap:8px;padding:13px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
.roxy-lab-pane-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.roxy-lab-pane-head strong{font-size:12px}.roxy-lab-pane-head span{font-size:10px;color:var(--muted)}
.roxy-lab-pane textarea{min-height:190px;max-height:360px;border:0;background:transparent;padding:0;font-size:14px;line-height:1.7;resize:vertical}
.roxy-lab-pane.revised{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}
.roxy-lab-toolbar{display:flex;gap:7px;flex-wrap:wrap}
.roxy-lab-action{border:1px solid var(--border);background:var(--panel);padding:8px 10px;border-radius:9px;font-size:11px;color:var(--muted)}
.roxy-lab-action:hover,.roxy-lab-action[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--raised)}
.roxy-lab-status{font-size:11px;color:var(--muted);min-height:18px}
.roxy-lab-status.busy{color:var(--accent)}
.roxy-lab-footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.roxy-lab-footer button{padding:9px 11px;border-radius:9px;border:1px solid var(--border);font-size:11px}
.roxy-lab-footer .roxy-primary{margin:0}
@media(max-width:700px){.roxy-lab-editor{grid-template-columns:1fr}.code-workbench{align-items:flex-start}.code-workbench-title{width:100%}}

/* Luxury users may keep the expressive Roxy widgets independently of theme choice. */
body[data-widgets=roxy] .roxy-tool-card{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022))!important;
  border-color:rgba(255,255,255,.09)!important;
}
body[data-widgets=roxy] .roxy-tool-card::before{display:block!important}
body[data-widgets=roxy] .roxy-card,
body[data-widgets=roxy] .roxy-simple-controls{
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
}
.message.assistant .message-content>.copy{
  background:transparent!important;border-color:transparent!important;margin-top:8px!important;padding-left:7px!important;padding-right:7px!important
}
.message.assistant .message-content>.copy:hover{background:var(--raised)!important}


/* Standard AI workspace: neutral, minimal, professional. Luxury custom widgets can opt out. */
body[data-widgets=standard]{
  --bg:#181818;--side:#232228;--panel:#2f2f2f;--raised:#343434;--border:#3b3b3f;
  --text:#ececec;--muted:#a1a1aa;--accent:#8fb7f7;--solid:#5f8fd8;--glow:transparent;--warm:#a8b2c2;
}
body[data-widgets=standard] main{
  background:#181818!important;
}
body[data-widgets=standard] #main:before{display:none!important}
body[data-widgets=standard] #sidebar{
  background:#232228!important;
  border-right:1px solid #302f35!important;
}
body[data-widgets=standard] header{
  background:#181818!important;
  border-bottom:0!important;
  min-height:64px;
}
body[data-widgets=standard] .brand{
  font-size:21px!important;
  letter-spacing:-.5px!important;
}
body[data-widgets=standard] .brand .logo{
  width:30px!important;height:30px!important;border-radius:9px!important;
  box-shadow:none!important;background:#2f3035!important;
}
body[data-widgets=standard] .edition{display:none!important}
body[data-widgets=standard] .new-chat{
  margin-top:18px!important;
  background:#34333a!important;
  border-color:#3d3c43!important;
  border-radius:10px!important;
}
body[data-widgets=standard] #tool-drawer{
  background:transparent!important;
  border-color:#35343a!important;
}
body[data-widgets=standard] .nav-link.active,
body[data-widgets=standard] .nav-link:hover{
  background:#34333a!important;
  color:var(--text)!important;
}
body[data-widgets=standard] .account{
  background:#2b2a30!important;
  border-color:#39383e!important;
}
body[data-widgets=standard] #creator-nav{display:none!important}
body[data-widgets=standard] #welcome{
  max-width:760px!important;
  padding-top:clamp(90px,16vh,190px)!important;
}
body[data-widgets=standard] #welcome .emblem,
body[data-widgets=standard] #welcome-kicker,
body[data-widgets=standard] #welcome-copy,
body[data-widgets=standard] .welcome-credit,
body[data-widgets=standard] .suggestions,
body[data-widgets=standard] .night{
  display:none!important;
}
body[data-widgets=standard] #welcome-title{
  font-size:clamp(30px,3vw,40px)!important;
  font-weight:600!important;
  letter-spacing:-1.1px!important;
  color:#f1f1f1!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}
body[data-widgets=standard] .composer-area{
  max-width:800px!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
body[data-widgets=standard] #chat-form{
  background:#303030!important;
  border:1px solid #404040!important;
  border-radius:25px!important;
  box-shadow:none!important;
  padding:14px 16px 11px!important;
}
body[data-widgets=standard] #chat-form:focus-within{
  border-color:#525252!important;
  box-shadow:none!important;
}
body[data-widgets=standard] textarea{
  font-size:15px!important;
  line-height:1.55!important;
}
body[data-widgets=standard] #send{
  background:#ececec!important;
  color:#202020!important;
  border-radius:50%!important;
  width:34px!important;height:34px!important;
  font-size:21px!important;
}
body[data-widgets=standard] #modes button{
  border-radius:10px!important;
  padding:7px 10px!important;
}
body[data-widgets=standard] #modes button[aria-pressed=true]{
  background:#303030!important;
  border-color:#454545!important;
  color:#f0f0f0!important;
}
body[data-widgets=standard] .user .message-content{
  background:#303030!important;
  border-color:#404040!important;
  border-radius:18px!important;
}
body[data-widgets=standard] .message-avatar{
  background:transparent!important;
}
body[data-widgets=standard] .message-label{
  color:#b8b8be!important;
}
body[data-widgets=standard] .message-text{
  color:#ececec!important;
}
body[data-widgets=standard] .connection{
  background:#252525!important;
  border-color:#393939!important;
}
.roxy-focus-exit{
  position:fixed;right:22px;top:18px;z-index:14000;
  border:1px solid var(--border)!important;background:var(--panel)!important;color:var(--text)!important;
  border-radius:10px!important;padding:9px 12px!important;font-size:12px!important;
  box-shadow:0 10px 32px rgba(0,0,0,.22)
}
@media(max-width:760px){
  body[data-widgets=standard] #welcome{padding-top:80px!important}
  .roxy-focus-exit{right:12px;top:12px}
}

/* Creator identity is available through chat, not permanent product chrome. */
#creator-nav{display:none!important}


/* Complete standard-interface normalization.
   Roxy Tools, Stress Reset and other dialogs follow the same neutral workspace. */
body[data-widgets=standard] #welcome-copy{
  display:block!important;
  max-width:580px!important;
  margin:14px auto 0!important;
  color:#a9a9b2!important;
  font-size:14px!important;
  line-height:1.65!important;
}
body[data-widgets=standard] #welcome-title{
  max-width:720px;margin:0 auto!important;
}
body[data-widgets=standard] .roxy-sheet-backdrop{
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(6px)!important;
}
body[data-widgets=standard] .roxy-sheet{
  background:#202020!important;
  border:1px solid #3b3b3f!important;
  color:#ececec!important;
  box-shadow:0 26px 80px rgba(0,0,0,.48)!important;
}
body[data-widgets=standard] .roxy-sheet-head{
  background:#202020f2!important;
  border-bottom:1px solid #35353a!important;
}
body[data-widgets=standard] .roxy-sheet-head p,
body[data-widgets=standard] .roxy-lab-note,
body[data-widgets=standard] .roxy-empty{
  color:#a1a1aa!important;
}
body[data-widgets=standard] .roxy-tool-card,
body[data-widgets=standard] .roxy-card,
body[data-widgets=standard] .roxy-simple-controls,
body[data-widgets=standard] .roxy-fingerprint-preview,
body[data-widgets=standard] .roxy-lab-pane{
  background:#292929!important;
  border-color:#3d3d42!important;
  box-shadow:none!important;
}
body[data-widgets=standard] .roxy-tool-card:hover,
body[data-widgets=standard] .roxy-card.active{
  background:#303030!important;
  border-color:#52525a!important;
}
body[data-widgets=standard] .roxy-tool-card::before{display:none!important}
body[data-widgets=standard] .roxy-field input,
body[data-widgets=standard] .roxy-field textarea,
body[data-widgets=standard] .roxy-lab-select,
body[data-widgets=standard] .roxy-segments button,
body[data-widgets=standard] .roxy-lab-action{
  background:#202020!important;
  border-color:#414146!important;
  color:#ececec!important;
}
body[data-widgets=standard] .roxy-primary{
  background:#ececec!important;
  border-color:#ececec!important;
  color:#1c1c1c!important;
}
body[data-widgets=standard] .roxy-secondary,
body[data-widgets=standard] .roxy-sheet-close{
  background:transparent!important;
  border-color:#44444a!important;
  color:#d4d4d8!important;
}
body[data-widgets=standard] .roxy-segments button[aria-pressed=true],
body[data-widgets=standard] .roxy-lab-action[aria-pressed=true]{
  background:#383838!important;
  border-color:#66666d!important;
  color:#fff!important;
}
body[data-widgets=standard] .roxy-polish-toast{
  background:#2a2a2a!important;
  border-color:#44444a!important;
}

/* Stress Reset should look like the standard AI, not the older green/hex care skin. */
body[data-widgets=standard] .quiet-dialog{
  background:#202020!important;
  border-color:#3b3b3f!important;
  color:#ececec!important;
  box-shadow:0 26px 80px rgba(0,0,0,.48)!important;
}
body[data-widgets=standard] .quiet-dialog #dialog-title,
body[data-widgets=standard] .quiet-intro h3,
body[data-widgets=standard] .quiet-stage h3,
body[data-widgets=standard] .breath-label{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  color:#ececec!important;
}
body[data-widgets=standard] .quiet-eyebrow{color:#9db7df!important}
body[data-widgets=standard] .quiet-intro p,
body[data-widgets=standard] .quiet-stage p,
body[data-widgets=standard] .quiet-lead,
body[data-widgets=standard] .quiet-footnote,
body[data-widgets=standard] .quiet-help,
body[data-widgets=standard] .quiet-help p{
  color:#a7a7b0!important;
}
body[data-widgets=standard] .exercise-card,
body[data-widgets=standard] .quiet-stage{
  background:#292929!important;
  border-color:#3f3f44!important;
}
body[data-widgets=standard] .exercise-card:hover{
  background:#303030!important;
  border-color:#56565d!important;
}
body[data-widgets=standard] .exercise-number,
body[data-widgets=standard] .exercise-duration,
body[data-widgets=standard] .quiet-back{
  color:#a9c3eb!important;
}
body[data-widgets=standard] .quiet-help{
  border-color:#3f3f44!important;
}
body[data-widgets=standard] .quiet-button{
  background:#292929!important;
  color:#ececec!important;
  border-color:#4b4b52!important;
}
body[data-widgets=standard] .quiet-primary,
body[data-widgets=standard] .quiet-length [aria-pressed=true]{
  background:#ececec!important;
  color:#1b1b1b!important;
  border-color:#ececec!important;
}
body[data-widgets=standard] .breath-orb{
  background:radial-gradient(circle at 37% 30%,#d5d9e0,#8ea3bd 55%,#536477)!important;
  box-shadow:0 0 0 16px rgba(130,155,190,.10),0 0 0 36px rgba(130,155,190,.04)!important;
}
body[data-widgets=standard] .quiet-dialog button:focus-visible{
  outline-color:#9db7df!important;
}


/* Professional Tools drawer */
#tool-drawer{overflow:hidden}
#tool-drawer summary{
  min-height:56px;
  padding:12px 14px!important;
}
#tool-drawer summary>span{
  margin-top:5px!important;
  font-size:10px!important;
  line-height:1.3;
}
#tool-drawer .tool-links{
  max-height:320px!important;
  padding:4px 8px 10px!important;
}
.roxy-tool-group{
  display:grid;
  gap:2px;
  padding:9px 0;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);
}
.roxy-tool-group:first-child{border-top:0;padding-top:4px}
.roxy-tool-group-label{
  display:block;
  padding:5px 10px 7px;
  font-size:8px!important;
  line-height:1;
  font-weight:650;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  opacity:.72;
}
#tool-drawer .roxy-tool-group>.nav-link{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  color:var(--muted)!important;
  font-size:13px!important;
  white-space:nowrap;
}
#tool-drawer .roxy-tool-group>.nav-link:hover{
  background:var(--raised)!important;
  color:var(--text)!important;
  transform:none!important;
}
#tool-drawer .tool-icon{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  font-size:13px!important;
  line-height:1;
  color:var(--muted);
  opacity:.88;
}
#tool-drawer .tool-title{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:13px!important;
  line-height:1.25;
}
#tool-drawer .roxy-upgrade-nav::after{display:none!important}
#tool-drawer #translation-nav,
#tool-drawer #favourites-nav,
#tool-drawer #export-nav{display:none!important}
body[data-widgets=standard] .roxy-tool-group{border-color:#34343a}
body[data-widgets=standard] #tool-drawer .roxy-tool-group>.nav-link:hover{background:#303036!important}
body[data-widgets=standard] #tool-drawer .roxy-tool-group>.nav-link:focus-visible{outline-color:#7fa8e8}

/* Memory Center */
.roxy-memory-sheet{width:min(860px,100%)!important}
.roxy-memory-overview{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.roxy-memory-stat{
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel);
}
.roxy-memory-stat-label{
  margin:0 0 8px!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.2!important;
}
.roxy-memory-stat strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:620;
}
.roxy-memory-stat.active strong{color:var(--accent)}
.roxy-memory-section{
  display:grid;
  gap:14px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.roxy-memory-section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.roxy-memory-section-head h3{
  margin:0;
  font-size:15px;
  font-weight:650;
  letter-spacing:-.01em;
}
.roxy-memory-section-copy{
  margin:5px 0 0!important;
  color:var(--muted);
  font-size:11px!important;
  line-height:1.5!important;
}
.roxy-memory-status{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--muted);
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.roxy-memory-status.active{
  color:var(--accent);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border));
  background:color-mix(in srgb,var(--accent) 8%,transparent);
}
.roxy-memory-section .roxy-field{margin:0}
.roxy-memory-section .roxy-field textarea{min-height:120px}
.roxy-memory-toggle{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:flex-start;
  gap:11px;
  padding:12px 13px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
  cursor:pointer;
}
.roxy-memory-toggle input{
  margin:3px 0 0;
  accent-color:var(--accent);
}
.roxy-memory-toggle strong{
  display:block;
  font-size:12px;
  font-weight:600;
}
.roxy-memory-toggle p{
  margin:4px 0 0!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.45!important;
}
.roxy-memory-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.roxy-memory-actions button{
  min-height:36px;
  padding:8px 11px;
  border:1px solid var(--border);
  border-radius:9px;
  font-size:11px;
}
.roxy-memory-source-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.roxy-memory-source{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
}
.roxy-memory-source-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--border);
  border-radius:9px;
  color:var(--accent);
  font-size:11px;
  font-weight:650;
  background:var(--panel);
}
.roxy-memory-source strong{
  display:block;
  font-size:12px;
  font-weight:620;
}
.roxy-memory-source p{
  margin:4px 0!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.4!important;
}
.roxy-memory-source small{
  color:var(--muted);
  font-size:9px;
  opacity:.75;
}
.roxy-memory-open{
  min-width:72px;
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:8px;
  color:var(--text);
  font-size:10px;
}
.roxy-memory-open:hover:not(:disabled){background:var(--raised)}
.roxy-memory-privacy{background:transparent}
body[data-widgets=standard] .roxy-memory-stat,
body[data-widgets=standard] .roxy-memory-section{background:#292929!important;border-color:#3d3d42!important}
body[data-widgets=standard] .roxy-memory-toggle,
body[data-widgets=standard] .roxy-memory-source{background:#202020!important;border-color:#3b3b40!important}
body[data-widgets=standard] .roxy-memory-source-icon{background:#292929!important;border-color:#414146!important}
@media(max-width:700px){
  .roxy-memory-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .roxy-memory-section{padding:14px}
  .roxy-memory-source{grid-template-columns:30px minmax(0,1fr)}
  .roxy-memory-source-icon{width:30px;height:30px}
  .roxy-memory-open{grid-column:2;width:max-content}
}

.roxy-memory-toggle input{
  appearance:none;
  width:36px;
  height:20px;
  border:0;
  border-radius:999px;
  background:var(--border);
  position:relative;
  cursor:pointer;
  transition:background .16s ease;
}
.roxy-memory-toggle input::before{
  content:'';
  position:absolute;
  width:14px;
  height:14px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:var(--muted);
  transition:transform .16s ease,background .16s ease;
}
.roxy-memory-toggle input:checked{background:var(--solid)}
.roxy-memory-toggle input:checked::before{transform:translateX(16px);background:#fff}


/* Professional profile */
.profile-hero{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.profile-hero-avatar{
  width:52px;height:52px;flex:0 0 52px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,var(--raised),var(--panel));
  border:1px solid var(--border);
  color:var(--text);
  font-size:18px;font-weight:650;
}
.profile-hero-copy{min-width:0}
.profile-eyebrow{
  display:block;
  margin-bottom:4px;
  color:var(--muted);
  font-size:8px;
  font-weight:650;
  letter-spacing:.14em;
}
.profile-hero-copy h3{
  margin:0;
  color:var(--text);
  font-size:17px;
  font-weight:650;
  letter-spacing:-.02em;
}
.profile-hero-copy p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-section{
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.profile-section-head{
  color:var(--text);
  font-size:12px;
  font-weight:650;
}
.profile-section-copy{
  margin:-5px 0 0!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.5!important;
}
.profile-account-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.profile-account-copy{
  min-width:0;
  display:grid;
  gap:4px;
}
.profile-account-copy span{
  color:var(--muted);
  font-size:9px;
}
.profile-account-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:12px;
  font-weight:550;
}
.profile-status{
  flex:0 0 auto;
  padding:5px 8px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));
  border-radius:999px;
  color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,transparent);
  font-size:9px;
  font-weight:600;
}
.profile-field{
  display:grid;
  gap:7px;
}
.profile-field>span{
  color:var(--muted);
  font-size:10px;
}
.profile-field input{
  width:100%;
  min-height:42px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--bg);
  padding:10px 12px;
  color:var(--text);
  outline:0;
}
.profile-field input:focus{
  border-color:color-mix(in srgb,var(--accent) 50%,var(--border));
}
.profile-shortcuts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.profile-shortcut{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
  text-align:left;
}
.profile-shortcut:hover{
  background:var(--raised);
  border-color:color-mix(in srgb,var(--accent) 26%,var(--border));
  transform:none!important;
}
.profile-shortcut-icon{
  width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid var(--border);
  border-radius:9px;
  color:var(--accent);
  background:var(--panel);
}
.profile-shortcut-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.profile-shortcut-copy strong{
  color:var(--text);
  font-size:11px;
  font-weight:600;
}
.profile-shortcut-copy small{
  color:var(--muted);
  font-size:9px;
  line-height:1.35;
}
.profile-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:2px;
}
.profile-actions .primary{
  min-width:130px;
  min-height:40px;
  border-radius:10px;
  padding:9px 14px;
}
body[data-widgets=standard] .profile-hero,
body[data-widgets=standard] .profile-section{
  background:#292929!important;
  border-color:#3d3d42!important;
}
body[data-widgets=standard] .profile-field input,
body[data-widgets=standard] .profile-shortcut{
  background:#202020!important;
  border-color:#3b3b40!important;
}
body[data-widgets=standard] .profile-shortcut-icon{
  background:#292929!important;
  border-color:#414146!important;
}
@media(max-width:620px){
  .profile-shortcuts{grid-template-columns:1fr}
  .profile-hero{align-items:flex-start}
}


/* Roxy Luxury — clear professional settings layout */
dialog:has(.luxury-guide){
  width:min(900px,calc(100vw - 28px))!important;
  max-width:900px!important;
}
.luxury-banner{
  padding:20px!important;
  margin:4px 0 18px!important;
  text-align:left!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 92%,var(--bg)))!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
}
.luxury-banner::after{display:none!important}
.luxury-crest{display:none!important}
.luxury-kicker{
  margin-bottom:7px;
  color:var(--muted)!important;
  font-size:8px!important;
  font-weight:700;
  letter-spacing:.15em!important;
}
.luxury-title{
  margin:0 0 7px!important;
  font:650 24px/1.2 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  letter-spacing:-.03em!important;
}
.luxury-banner p{
  max-width:680px;
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
.luxury-guide{
  display:grid;
  gap:6px;
  padding:14px 16px;
  margin-bottom:12px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--panel);
}
.luxury-guide h3{
  margin:0;
  font-size:13px;
  font-weight:650;
}
.luxury-guide p{
  margin:0!important;
  color:var(--muted);
  font-size:11px!important;
  line-height:1.55!important;
}
.luxury-essentials{
  margin:0 0 12px!important;
}
.luxury-settings-section{
  display:grid;
  gap:13px;
  padding:16px;
  margin:12px 0;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--panel);
}
.luxury-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.luxury-settings-head h3{
  margin:0;
  font-size:14px;
  font-weight:650;
  letter-spacing:-.01em;
}
.luxury-settings-head p{
  margin:4px 0 0!important;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.5!important;
}
.luxury-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.luxury-setting{
  display:grid!important;
  gap:7px;
  align-content:start;
  margin:0!important;
  padding:13px!important;
  border:1px solid var(--border)!important;
  border-radius:12px!important;
  background:var(--bg)!important;
  font-size:11px!important;
  color:var(--text)!important;
}
.luxury-setting select{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-height:36px;
}
.luxury-setting-copy{
  margin:0!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.luxury-setting-value{
  display:block;
  min-height:28px;
  color:color-mix(in srgb,var(--accent) 75%,var(--text))!important;
  font-size:9px!important;
  line-height:1.4!important;
}
.luxury-save-row{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
  margin:4px 0 16px;
}
.luxury-save-row button{
  min-height:38px;
  padding:9px 13px;
  border-radius:9px;
}
.luxury-preset-create{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:end;
}
.luxury-preset-create .form-field{
  margin:0!important;
}
.luxury-preset-create button{
  min-height:38px;
  padding:9px 12px;
  border:1px solid var(--border);
  border-radius:9px;
}
.luxury-preset-list{
  display:grid;
  gap:7px;
}
.luxury-presets .preset-row{
  margin:0!important;
  padding:9px 10px!important;
  background:var(--bg);
}
.luxury-presets .preset-row button:first-child{
  color:var(--text);
  font-size:11px;
}
.luxury-presets .preset-row button:last-child{
  color:var(--muted);
  font-size:10px;
}
.luxury-empty{
  margin:0!important;
  color:var(--muted);
  font-size:10px!important;
}
.luxury-personal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.luxury-personal-card{
  display:grid;
  gap:9px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg);
}
.luxury-personal-card:last-child{
  grid-column:1/-1;
}
.luxury-personal-card h4{
  margin:0;
  font-size:12px;
  font-weight:650;
}
.luxury-personal-card>p{
  margin:0!important;
  min-height:30px;
  color:var(--muted);
  font-size:10px!important;
  line-height:1.45!important;
}
.luxury-personal-field{
  margin:0!important;
}
.luxury-personal-field input,
.luxury-personal-field textarea{
  width:100%;
}
.luxury-personal-card button{
  justify-self:start;
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--border);
  border-radius:8px;
  font-size:10px;
}
body[data-widgets=standard] .luxury-guide,
body[data-widgets=standard] .luxury-settings-section{
  background:#292929!important;
  border-color:#3d3d42!important;
}
body[data-widgets=standard] .luxury-setting,
body[data-widgets=standard] .luxury-personal-card,
body[data-widgets=standard] .luxury-presets .preset-row{
  background:#202020!important;
  border-color:#3b3b40!important;
}
@media(max-width:720px){
  .luxury-settings-grid,
  .luxury-personal-grid{grid-template-columns:1fr}
  .luxury-personal-card:last-child{grid-column:auto}
  .luxury-preset-create{grid-template-columns:1fr}
  .luxury-save-row{justify-content:stretch;flex-wrap:wrap}
  .luxury-save-row button{flex:1}
}


/* Roxy 2.0 professional product layer */
.history-search{
  display:flex;
  align-items:center;
  gap:7px;
  margin:2px 8px 8px;
  padding:0 9px;
  min-height:34px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 84%,transparent);
  color:var(--muted);
}
.history-search:focus-within{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border));
  background:var(--panel);
}
.history-search>span{font-size:13px;opacity:.72}
.history-search input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--text)!important;
  font-size:11px!important;
  padding:8px 0!important;
  box-shadow:none!important;
}
.history-search input::placeholder{color:var(--muted);opacity:.72}

.answer-depth{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  padding-left:10px;
  border-left:1px solid var(--border);
  color:var(--muted);
  font-size:10px;
  white-space:nowrap;
}
.answer-depth>span{opacity:.78}
.answer-depth select{
  min-height:30px;
  padding:5px 24px 5px 8px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--panel);
  color:var(--text);
  font:inherit;
  outline:0;
}
.answer-depth select:focus-visible{
  border-color:color-mix(in srgb,var(--accent) 48%,var(--border));
}

.roxy-command-trigger{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 8px;
  border:1px solid var(--border);
  border-radius:9px;
  background:transparent;
  color:var(--muted);
  font-size:10px;
}
.roxy-command-trigger:hover{
  background:var(--raised);
  color:var(--text);
}
.roxy-command-trigger kbd{
  padding:2px 5px;
  border:1px solid var(--border);
  border-radius:5px;
  background:var(--panel);
  color:var(--muted);
  font:8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
}

.roxy-command-backdrop{
  position:fixed;
  inset:0;
  z-index:30000;
  display:grid;
  place-items:start center;
  padding:12vh 16px 16px;
  background:rgba(0,0,0,.54);
  backdrop-filter:blur(5px);
}
.roxy-command-backdrop[hidden]{display:none!important}
.roxy-command-palette{
  width:min(620px,100%);
  max-height:min(620px,76vh);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid #414147;
  border-radius:15px;
  background:#202022;
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}
.roxy-command-search{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  border-bottom:1px solid #36363b;
}
.roxy-command-search>span{color:#92929b;font-size:17px}
.roxy-command-search input{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f0f0f2!important;
  padding:4px 0!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.roxy-command-search input::placeholder{color:#85858e}
.roxy-command-search kbd,
.roxy-command-palette footer{
  color:#8e8e97;
  font-size:9px;
}
.roxy-command-search kbd{
  padding:4px 6px;
  border:1px solid #424249;
  border-radius:6px;
  background:#29292d;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}
.roxy-command-list{
  overflow:auto;
  padding:7px;
}
.roxy-command-item{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:10px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  text-align:left;
  color:#e7e7ea;
}
.roxy-command-item:hover,
.roxy-command-item[data-active=true]{
  background:#303035;
}
.roxy-command-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.roxy-command-copy strong{
  font-size:11px;
  font-weight:600;
}
.roxy-command-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#96969f;
  font-size:9px;
}
.roxy-command-item kbd{
  min-width:23px;
  padding:3px 5px;
  border:1px solid #44444a;
  border-radius:6px;
  color:#9797a0;
  text-align:center;
  font:8px ui-monospace,SFMono-Regular,Consolas,monospace;
}
.roxy-command-empty{
  margin:18px!important;
  color:#8f8f98!important;
  text-align:center;
  font-size:10px!important;
}
.roxy-command-palette footer{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 12px;
  border-top:1px solid #36363b;
  background:#1d1d1f;
}

.message-actions{
  display:flex;
  align-items:center;
  gap:3px!important;
  flex-wrap:wrap;
  margin-top:9px;
}
.message-actions .copy,
.message-actions .save-reply,
.message-action{
  min-height:28px!important;
  padding:5px 8px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1!important;
}
.message-actions .copy:hover,
.message-actions .save-reply:hover,
.message-action:hover{
  border-color:var(--border)!important;
  background:var(--raised)!important;
  color:var(--text)!important;
  transform:none!important;
}

.profile-field select,
.profile-field textarea{
  width:100%;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--bg);
  padding:10px 12px;
  color:var(--text);
  outline:0;
  font:inherit;
}
.profile-field textarea{
  min-height:92px;
  resize:vertical;
  line-height:1.5;
}
.profile-field select:focus,
.profile-field textarea:focus{
  border-color:color-mix(in srgb,var(--accent) 50%,var(--border));
}

body[data-widgets=standard] .history-search{
  background:#202020!important;
  border-color:#39393e!important;
}
body[data-widgets=standard] .answer-depth select{
  background:#252525!important;
  border-color:#414146!important;
}
body[data-widgets=standard] .profile-field select,
body[data-widgets=standard] .profile-field textarea{
  background:#202020!important;
  border-color:#3b3b40!important;
}

body[data-widgets=standard] header{
  min-height:58px!important;
  border-bottom:1px solid #303034!important;
  background:rgba(24,24,24,.92)!important;
  backdrop-filter:blur(12px)!important;
}
body[data-widgets=standard] #header-title{
  font-size:12px!important;
  font-weight:620!important;
  letter-spacing:-.01em!important;
}
body[data-widgets=standard] #header-subtitle{
  margin-top:2px!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
  color:#85858e!important;
}
body[data-widgets=standard] #welcome{
  max-width:780px!important;
  padding-top:clamp(100px,18vh,210px)!important;
}
body[data-widgets=standard] #welcome-title{
  font-size:clamp(30px,3.2vw,42px)!important;
  font-weight:590!important;
  letter-spacing:-1.3px!important;
}
body[data-widgets=standard] #welcome-copy{
  max-width:600px!important;
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.6!important;
  color:#9c9ca5!important;
}
body[data-widgets=standard] .composer-area{
  max-width:820px!important;
}
body[data-widgets=standard] #chat-form{
  border-radius:22px!important;
  background:#2b2b2d!important;
  border-color:#414145!important;
  box-shadow:0 10px 32px rgba(0,0,0,.14)!important;
}
body[data-widgets=standard] #chat-form:focus-within{
  border-color:#55555b!important;
  box-shadow:0 12px 38px rgba(0,0,0,.2)!important;
}
body[data-widgets=standard] .disclaimer{
  color:#74747d!important;
  font-size:8px!important;
}

@media(max-width:760px){
  .answer-depth>span{display:none}
  .answer-depth{padding-left:6px}
  .answer-depth select{max-width:92px}
  .roxy-command-trigger span{display:none}
  .roxy-command-trigger kbd{border:0;background:transparent;padding:0}
  .roxy-command-palette footer span:last-child{display:none}
}

body[data-widgets=standard] #quiet-shortcut{display:none!important}
body[data-widgets=standard] .chat-tools{
  align-items:center!important;
  gap:6px!important;
}
body[data-widgets=standard] #modes{
  gap:4px!important;
}
body[data-widgets=standard] #modes button{
  min-height:31px!important;
  padding:6px 9px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#93939c!important;
  font-size:10px!important;
}
body[data-widgets=standard] #modes button:hover{
  background:#29292c!important;
  color:#e6e6e9!important;
}
body[data-widgets=standard] #modes button[aria-pressed=true]{
  background:#303034!important;
  border-color:#424247!important;
  color:#f0f0f2!important;
}


.roxy-selection-actions{
  position:fixed;
  z-index:29000;
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px;
  border:1px solid #414147;
  border-radius:9px;
  background:#232326;
  box-shadow:0 12px 34px rgba(0,0,0,.38);
}
.roxy-selection-actions[hidden]{display:none!important}
.roxy-selection-actions button{
  min-height:28px;
  padding:5px 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#cfcfd5;
  font-size:9px;
}
.roxy-selection-actions button:hover{
  background:#34343a;
  color:#fff;
}


.roxy-selection-actions button{
  min-height:34px;
  min-width:54px;
  cursor:pointer;
  touch-action:manipulation;
}
.roxy-selection-actions button:focus-visible{
  outline:2px solid #8d8d98;
  outline-offset:2px;
}
@media (max-width:640px),(pointer:coarse){
  .roxy-selection-actions{
    gap:4px;
    padding:5px;
    max-width:calc(100vw - 20px);
  }
  .roxy-selection-actions button{
    min-height:38px;
    padding:7px 10px;
    font-size:11px;
  }
}


/* ===== Roxy professional workspace refresh ===== */
body[data-theme="purple"]{
  --bg:#171717;
  --side:#101010;
  --panel:#242424;
  --raised:#2f2f2f;
  --border:#3a3a3f;
  --text:#ececf1;
  --muted:#9b9ba4;
  --accent:#b9a6ff;
  --solid:#7563d4;
  --glow:rgba(126,91,255,.12);
  --warm:#d2c6ff;
}
body[data-theme="midnight"]{
  --bg:#0d1117;
  --side:#090d12;
  --panel:#161b22;
  --raised:#202733;
  --border:#303845;
  --text:#edf2f7;
  --muted:#929cab;
  --accent:#91b9ff;
  --solid:#4f79c8;
  --glow:rgba(73,124,202,.12);
  --warm:#b9d4ff;
}
body[data-theme="aqua"]{
  --bg:#101514;
  --side:#0b100f;
  --panel:#18201f;
  --raised:#222d2b;
  --border:#30413e;
  --text:#edf7f5;
  --muted:#93aaa5;
  --accent:#83e4d0;
  --solid:#2a9d88;
  --glow:rgba(64,205,178,.11);
  --warm:#b0f0e3;
}
body[data-theme="purple"] main,
body[data-theme="midnight"] main,
body[data-theme="aqua"] main{
  background:
    radial-gradient(800px 420px at 50% -80px,var(--glow),transparent 68%),
    var(--bg)!important;
}
body[data-theme="purple"] #main:before,
body[data-theme="midnight"] #main:before,
body[data-theme="aqua"] #main:before{display:none!important}
body[data-theme="purple"] header,
body[data-theme="midnight"] header,
body[data-theme="aqua"] header{
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(18px);
}
.focus-shortcut{display:none!important}

/* Professional answer typography */
.message.assistant .message-content{max-width:min(780px,100%)}
.message.assistant .message-text{line-height:1.76;letter-spacing:-.01em}
.message.assistant .message-text h2{
  margin:22px 0 9px;
  font-size:19px;
  line-height:1.35;
  font-weight:650;
  letter-spacing:-.02em;
}
.message.assistant .message-text h3,
.message.assistant .message-text h4{
  margin:18px 0 8px;
  font-size:15px;
  line-height:1.4;
  font-weight:650;
}
.message.assistant .message-text ul,
.message.assistant .message-text ol{
  margin:10px 0 14px;
  padding-left:24px;
}
.message.assistant .message-text li{margin:6px 0;padding-left:2px}
.message.assistant .message-text strong{font-weight:650;color:var(--text)}
.message.assistant .message-text em{color:color-mix(in srgb,var(--text) 86%,var(--muted))}
.message-link{color:var(--accent);text-underline-offset:3px}
.inline-code{
  border:1px solid var(--border);
  border-radius:6px;
  background:color-mix(in srgb,var(--raised) 72%,transparent);
  padding:1px 5px;
  font:0.9em ui-monospace,SFMono-Regular,Consolas,monospace;
}

/* One clean action row per Roxy answer */
.message-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:11px!important;
  min-height:32px;
  flex-wrap:wrap!important;
}
.message-action-group{
  display:flex;
  align-items:center;
  gap:3px;
}
.message-action-refine{
  padding-left:9px;
  border-left:1px solid color-mix(in srgb,var(--border) 75%,transparent);
}
.message-actions .copy,
.message-actions .save-reply,
.message-action{
  min-height:30px!important;
  margin:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--muted)!important;
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  white-space:nowrap;
}
.message-actions .copy:hover,
.message-actions .save-reply:hover,
.message-action:hover{
  background:var(--raised)!important;
  color:var(--text)!important;
}
.message-actions .action-icon{width:15px;height:15px}
.message-action-icon{
  width:15px;
  height:15px;
  display:grid;
  place-items:center;
  color:color-mix(in srgb,var(--muted) 88%,var(--accent));
  font-size:12px;
}
.response-origin{
  display:flex;
  align-items:center;
  gap:5px;
  width:max-content;
  margin-top:8px;
  color:var(--muted);
  font-size:10px;
  letter-spacing:.01em;
}
.response-origin-mark{color:var(--accent)}

/* Stable chat rows + ChatGPT-style menu */
.history-item{
  position:relative;
  display:flex;
  align-items:center;
  gap:2px;
  margin:2px 0;
  border-radius:9px;
}
.history-open{
  min-width:0;
  flex:1;
  display:flex!important;
  align-items:center;
  gap:7px;
  padding:9px 8px!important;
  color:var(--muted)!important;
  border-radius:8px!important;
  text-align:left;
}
.history-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.history-item.current{background:var(--raised)}
.history-item.current .history-open{color:var(--text)!important;background:transparent!important}
.history-pin-indicator{
  width:16px;
  height:16px;
  flex:0 0 16px;
  color:var(--muted);
  display:grid;
  place-items:center;
}
.history-icon{
  width:17px;
  height:17px;
  display:block;
}
.history-menu-trigger{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:var(--muted);
  opacity:0;
}
.history-item:hover .history-menu-trigger,
.history-item.current .history-menu-trigger,
.history-menu-trigger:focus-visible{opacity:1}
.history-menu-trigger:hover{background:color-mix(in srgb,var(--raised) 72%,var(--panel));color:var(--text)}

.history-menu{
  position:fixed;
  z-index:32000;
  width:220px;
  padding:6px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 96%,#000);
  box-shadow:0 18px 60px rgba(0,0,0,.45);
  backdrop-filter:blur(18px);
  animation:roxyMenuIn .13s ease both;
}
.history-menu-section+.history-menu-section{
  border-top:1px solid var(--border);
  margin-top:5px;
  padding-top:5px;
}
.history-menu-item{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:8px;
  color:var(--text);
  font-size:13px;
  text-align:left;
}
.history-menu-item:hover{background:var(--raised)}
.history-menu-item.danger{color:#ff8f8f}
.history-menu-item .history-icon{width:18px;height:18px;color:currentColor}
@keyframes roxyMenuIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}

/* Delete confirmation */
.dialog-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:9px;
  margin-top:24px;
}
.dialog-actions .secondary,
.dialog-actions .danger{
  width:auto!important;
  min-width:96px;
  margin:0!important;
  padding:10px 14px;
  border-radius:10px;
  font-size:13px;
}
.dialog-actions .secondary{
  color:var(--text);
  border:1px solid var(--border);
  background:var(--raised);
}
.dialog-actions .danger{
  color:#fff;
  border:1px solid rgba(255,100,100,.22);
  background:#7f3335;
}
.dialog-actions .danger:hover{background:#984043}

/* Roxy Tools */
.roxy-tools-body{gap:22px!important}
.roxy-tool-section{display:grid;gap:9px}
.roxy-tool-section-title{
  color:var(--muted);
  font-size:10px;
  font-weight:650;
  letter-spacing:.11em;
  text-transform:uppercase;
  padding:0 2px;
}
.roxy-tool-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.roxy-tool-card{
  position:relative;
  min-height:92px!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:11px!important;
  padding:14px!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--panel) 76%,var(--bg))!important;
  color:var(--text)!important;
  text-align:left!important;
  overflow:hidden;
}
.roxy-tool-card:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important;
  background:var(--raised)!important;
}
.roxy-tool-card::before{display:none!important}
.roxy-tool-card-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));
  border-radius:10px;
  background:color-mix(in srgb,var(--accent) 8%,transparent);
  color:var(--accent);
  font-size:14px;
}
.roxy-tool-card-copy{display:grid;gap:4px;min-width:0}
.roxy-tool-card-copy strong{font-size:13px;font-weight:600}
.roxy-tool-card-copy small{color:var(--muted);font-size:11px;line-height:1.45}
.roxy-tool-card i{
  color:var(--muted)!important;
  font-style:normal!important;
  font-size:20px!important;
  text-align:center;
}

/* Focus Mode: isolated, intentional, no merged chrome */
.focus-lab .app{display:block!important;height:100dvh!important}
.focus-lab #sidebar,
.focus-lab header,
.focus-lab #welcome,
.focus-lab .chat-tools,
.focus-lab #writing-options,
.focus-lab .disclaimer{display:none!important}
.focus-lab main{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  background:
    radial-gradient(650px 360px at 50% 0,var(--glow),transparent 72%),
    var(--bg)!important;
}
.focus-lab #scroll{
  height:calc(100dvh - 150px)!important;
  max-width:960px!important;
  width:100%!important;
  margin:0 auto!important;
  padding-top:76px!important;
}
.focus-lab #messages{
  max-width:850px!important;
  margin:0 auto!important;
  padding:22px 28px 34px!important;
}
.focus-lab #messages .message{display:none!important;opacity:1!important}
.focus-lab #messages .message:nth-last-child(-n+2){display:flex!important}
.focus-lab .composer-area{
  max-width:850px!important;
  margin:0 auto!important;
  padding:12px 28px 24px!important;
  background:linear-gradient(180deg,transparent,var(--bg) 26%)!important;
}
.roxy-focus-shell{
  position:fixed;
  z-index:30000;
  top:0;
  left:0;
  right:0;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 22px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(18px);
}
.roxy-focus-brand{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--text);
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
}
.roxy-focus-brand img{width:24px;height:24px;object-fit:contain}
.roxy-focus-exit{
  position:static!important;
  border:1px solid var(--border)!important;
  background:var(--raised)!important;
  color:var(--text)!important;
  border-radius:9px!important;
  padding:8px 11px!important;
  font-size:11px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Slightly calmer core controls */
#chat-form{
  border-radius:20px!important;
  box-shadow:0 6px 26px rgba(0,0,0,.15)!important;
}
#chat-form:focus-within{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent),0 9px 30px rgba(0,0,0,.18)!important;
}
#modes button{border-radius:10px!important;padding:7px 10px!important}
#modes button[aria-pressed=true]{
  background:var(--raised)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
}

@media(max-width:700px){
  .roxy-tool-grid{grid-template-columns:1fr!important}
  .history-menu-trigger{opacity:1}
  .message-action-refine{
    width:100%;
    border-left:0;
    padding-left:0;
    padding-top:4px;
  }
  .focus-lab #scroll{height:calc(100dvh - 138px)!important;padding-top:62px!important}
  .focus-lab #messages{padding:18px 15px 28px!important}
  .focus-lab .composer-area{padding:8px 13px max(14px,env(safe-area-inset-bottom))!important}
  .roxy-focus-shell{height:54px;padding:0 13px}
}


.message-table-wrap{
  width:100%;
  overflow:auto;
  margin:14px 0 18px;
  border:1px solid var(--border);
  border-radius:12px;
  background:color-mix(in srgb,var(--panel) 78%,var(--bg));
}
.message-table{
  width:100%;
  min-width:420px;
  border-collapse:collapse;
  font-size:13px;
}
.message-table th,
.message-table td{
  padding:10px 12px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent);
  border-right:1px solid color-mix(in srgb,var(--border) 68%,transparent);
  text-align:left;
  vertical-align:top;
}
.message-table th{
  color:var(--text);
  background:color-mix(in srgb,var(--raised) 72%,transparent);
  font-weight:650;
}
.message-table tr:last-child td{border-bottom:0}
.message-table th:last-child,
.message-table td:last-child{border-right:0}
.message-quote{
  margin:13px 0;
  padding:10px 13px;
  border-left:2px solid color-mix(in srgb,var(--accent) 60%,var(--border));
  background:color-mix(in srgb,var(--raised) 48%,transparent);
  color:color-mix(in srgb,var(--text) 88%,var(--muted));
  border-radius:0 9px 9px 0;
}
.message-rule{
  border:0;
  border-top:1px solid var(--border);
  margin:20px 0;
}


.image-web-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:32px;
  padding:5px 9px;
  border:1px solid var(--border);
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 80%,var(--bg));
  color:var(--muted);
  cursor:pointer;
}
.image-web-toggle:hover{color:var(--text);background:var(--raised)}
.image-web-toggle input{
  width:15px;
  height:15px;
  accent-color:var(--solid);
}
.image-web-toggle:has(input:checked){
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border));
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));
}


/* ===== Functional chat search ===== */
.history-result-copy{
  min-width:0;
  flex:1;
  display:grid;
  gap:3px;
}
.history-result-snippet{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:10px;
  line-height:1.35;
}
.history-match{
  color:var(--text);
  background:color-mix(in srgb,var(--accent) 22%,transparent);
  border-radius:3px;
  padding:0 1px;
}
.history-search-empty{
  display:grid!important;
  gap:5px;
  padding:18px 10px!important;
  white-space:normal!important;
  overflow:visible!important;
  max-width:none!important;
  font-size:12px!important;
  text-align:center;
}
.history-search-empty::before{display:none!important}
.history-search-empty strong{
  color:var(--text);
  font-size:12px;
  font-weight:600;
}
.history-search-empty span{
  color:var(--muted);
  font-size:10px;
  line-height:1.45;
}

/* ===== Quiet Room fullscreen refresh ===== */
body.real-quiet-room{
  overflow:hidden!important;
  background:var(--bg)!important;
}
body.real-quiet-room .app{
  position:fixed!important;
  inset:0!important;
  z-index:15000!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  display:block!important;
  background:var(--bg)!important;
}
body.real-quiet-room #sidebar,
body.real-quiet-room #shade,
body.real-quiet-room header{
  display:none!important;
}
body.real-quiet-room main{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  max-width:none!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding-top:62px!important;
  display:flex!important;
  flex-direction:column!important;
  background:
    radial-gradient(820px 440px at 50% -80px,var(--glow),transparent 72%),
    var(--bg)!important;
}
body.real-quiet-room main::before{display:none!important}
body.real-quiet-room #scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  scrollbar-width:none;
}
body.real-quiet-room #scroll::-webkit-scrollbar{display:none}
body.real-quiet-room #welcome{
  width:min(720px,100%)!important;
  max-width:720px!important;
  margin:auto!important;
  padding:48px 28px 34px!important;
}
body.real-quiet-room #welcome .emblem{
  height:72px!important;
  margin-bottom:14px!important;
}
body.real-quiet-room #welcome .emblem-core{
  width:54px!important;
  height:54px!important;
}
body.real-quiet-room #welcome .emblem-core .roxy-mark{
  width:54px!important;
  height:54px!important;
}
body.real-quiet-room #welcome .orbit,
body.real-quiet-room #welcome .spark,
body.real-quiet-room #welcome .eyebrow,
body.real-quiet-room #welcome .suggestions,
body.real-quiet-room #welcome .welcome-credit,
body.real-quiet-room #welcome .night{
  display:none!important;
}
body.real-quiet-room #welcome-title{
  font:500 clamp(34px,5vw,52px)/1.12 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  letter-spacing:-.04em!important;
}
body.real-quiet-room #welcome-copy{
  max-width:500px!important;
  margin:14px auto 0!important;
  color:var(--muted)!important;
  font-size:14px!important;
  line-height:1.7!important;
}
body.real-quiet-room #messages{
  width:min(900px,100%)!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:34px 28px 22px!important;
}
body.real-quiet-room .composer-area{
  flex:0 0 auto!important;
  width:min(900px,100%)!important;
  max-width:900px!important;
  margin:0 auto!important;
  padding:12px 28px 26px!important;
  background:linear-gradient(180deg,transparent,var(--bg) 32%)!important;
  backdrop-filter:none!important;
}
body.real-quiet-room .chat-tools,
body.real-quiet-room #writing-options,
body.real-quiet-room .disclaimer{
  display:none!important;
}
body.real-quiet-room #chat-form{
  border-radius:20px!important;
  background:color-mix(in srgb,var(--panel) 92%,var(--bg))!important;
  border-color:color-mix(in srgb,var(--border) 82%,transparent)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22)!important;
}
body.real-quiet-room #chat-form:focus-within{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.24),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)!important;
}

.roxy-quiet-shell{
  position:fixed;
  z-index:30000;
  inset:0 0 auto 0;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 20px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  background:color-mix(in srgb,var(--bg) 88%,transparent);
  backdrop-filter:blur(18px);
}
.roxy-quiet-brand{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--text);
  font-size:12px;
  font-weight:600;
  letter-spacing:.01em;
}
.roxy-quiet-brand img{
  width:24px;
  height:24px;
  object-fit:contain;
}
.roxy-quiet-exit{
  position:static!important;
  right:auto!important;
  top:auto!important;
  z-index:auto!important;
  border:1px solid var(--border)!important;
  background:var(--raised)!important;
  color:var(--text)!important;
  border-radius:9px!important;
  padding:8px 11px!important;
  font-size:11px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

@media(max-width:700px){
  body.real-quiet-room main{padding-top:56px!important}
  body.real-quiet-room #welcome{padding:34px 18px 24px!important}
  body.real-quiet-room #messages{padding:24px 15px 18px!important}
  body.real-quiet-room .composer-area{
    padding:9px 13px max(14px,env(safe-area-inset-bottom))!important;
  }
  .roxy-quiet-shell{
    height:56px;
    padding:0 13px;
  }
  .roxy-quiet-brand{font-size:11px}
  .roxy-quiet-exit{padding:8px 10px!important}
}


/* ===== 2026 professional interface pass ===== */
body[data-widgets=standard][data-theme="purple"]{
  --bg:#17161a;
  --side:#111013;
  --panel:#232126;
  --raised:#2d2a31;
  --border:#39363f;
  --text:#f1eff3;
  --muted:#a19ca6;
  --accent:#b7a6ff;
  --solid:#7f6ddd;
  --glow:rgba(133,104,235,.10);
}
body[data-widgets=standard][data-theme="midnight"]{
  --bg:#0d1117;
  --side:#090d12;
  --panel:#171c23;
  --raised:#202731;
  --border:#303945;
  --text:#eef2f6;
  --muted:#96a0ad;
  --accent:#91b9ff;
  --solid:#527fd0;
  --glow:rgba(79,125,202,.10);
}
body[data-widgets=standard][data-theme="aqua"]{
  --bg:#101514;
  --side:#0a100f;
  --panel:#18201f;
  --raised:#222c2a;
  --border:#30413e;
  --text:#edf6f4;
  --muted:#95a7a3;
  --accent:#82e2cf;
  --solid:#319d89;
  --glow:rgba(60,201,176,.09);
}

body[data-widgets=standard]{
  background:var(--bg)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] *{
  scrollbar-color:color-mix(in srgb,var(--border) 90%,transparent) transparent;
}
body[data-widgets=standard] button{
  transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease!important;
}
body[data-widgets=standard] button:hover:not(:disabled),
body[data-widgets=standard] button:active:not(:disabled){
  transform:none!important;
  filter:none!important;
}
body[data-widgets=standard] button:focus-visible,
body[data-widgets=standard] input:focus-visible,
body[data-widgets=standard] textarea:focus-visible,
body[data-widgets=standard] select:focus-visible,
body[data-widgets=standard] a:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 62%,transparent)!important;
  outline-offset:2px!important;
}

/* Shell */
body[data-widgets=standard] #sidebar{
  width:252px!important;
  padding:18px 12px 12px!important;
  gap:0!important;
  background:var(--side)!important;
  border-right:1px solid color-mix(in srgb,var(--border) 76%,transparent)!important;
}
body[data-widgets=standard] .brand{
  gap:9px!important;
  margin:2px 8px 0!important;
  font-size:19px!important;
  font-weight:620!important;
  letter-spacing:-.03em!important;
}
body[data-widgets=standard] .brand small{
  display:none!important;
}
body[data-widgets=standard] .brand .logo{
  width:29px!important;
  height:29px!important;
  border-radius:8px!important;
  background:var(--panel)!important;
  box-shadow:none!important;
}
body[data-widgets=standard] .edition{
  display:none!important;
}
body[data-widgets=standard] .new-chat{
  min-height:39px!important;
  margin:18px 4px 8px!important;
  padding:8px 10px!important;
  gap:9px!important;
  border:1px solid color-mix(in srgb,var(--border) 90%,transparent)!important;
  border-radius:9px!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  font-size:12px!important;
  font-weight:560!important;
}
body[data-widgets=standard] .new-chat:hover{
  background:var(--raised)!important;
  border-color:color-mix(in srgb,var(--accent) 25%,var(--border))!important;
}
body[data-widgets=standard] .new-chat-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  flex:0 0 20px;
  color:var(--muted);
  font-size:17px;
}
body[data-widgets=standard] #sidebar>p.nav-label{
  margin:18px 9px 7px!important;
  font-size:8px!important;
  letter-spacing:.13em!important;
  color:var(--muted)!important;
}
body[data-widgets=standard] .nav-link{
  min-height:36px!important;
  margin:1px 3px!important;
  padding:8px 9px!important;
  gap:9px!important;
  border-radius:8px!important;
  color:var(--muted)!important;
  font-size:11px!important;
}
body[data-widgets=standard] .nav-link span{
  font-size:11px!important;
}
body[data-widgets=standard] .nav-link.active,
body[data-widgets=standard] .nav-link:hover{
  background:var(--raised)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] #tool-drawer{
  margin:5px 3px 0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
}
body[data-widgets=standard] #tool-drawer summary{
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  padding:8px 9px!important;
  border-radius:8px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  font-weight:500!important;
}
body[data-widgets=standard] #tool-drawer summary:hover{
  background:var(--raised)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] #tool-drawer summary::after{
  top:9px!important;
  right:10px!important;
  color:var(--muted)!important;
}
body[data-widgets=standard] #tool-drawer summary>span{
  display:none!important;
}
body[data-widgets=standard] #tool-drawer .tool-links{
  padding:3px 0 4px!important;
}
body[data-widgets=standard] #tool-drawer .roxy-tool-group-label{
  margin:7px 10px 4px!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
}
body[data-widgets=standard] #tool-drawer .roxy-tool-group>.nav-link{
  min-height:34px!important;
  padding:7px 9px!important;
  background:transparent!important;
  border:0!important;
}
body[data-widgets=standard] #tool-drawer .tool-icon{
  width:19px!important;
  height:19px!important;
  font-size:11px!important;
}
body[data-widgets=standard] .history-heading{
  margin:18px 9px 8px!important;
}
body[data-widgets=standard] .history-heading .nav-label{
  font-size:8px!important;
  letter-spacing:.13em!important;
  color:var(--muted)!important;
}
body[data-widgets=standard] #history-count{
  font-size:9px!important;
}
body[data-widgets=standard] .history-search{
  min-height:34px!important;
  margin:0 4px 7px!important;
  padding:0 9px!important;
  border:1px solid color-mix(in srgb,var(--border) 85%,transparent)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--panel) 80%,var(--side))!important;
}
body[data-widgets=standard] .history-search:focus-within{
  background:var(--panel)!important;
  border-color:color-mix(in srgb,var(--accent) 34%,var(--border))!important;
}
body[data-widgets=standard] .history-search input{
  font-size:10px!important;
  padding:7px 0!important;
}
body[data-widgets=standard] .history-item{
  min-height:34px!important;
  margin:1px 3px!important;
  border-radius:8px!important;
}
body[data-widgets=standard] .history-open{
  min-height:34px!important;
  padding:7px 8px!important;
  border-radius:8px!important;
  color:var(--muted)!important;
}
body[data-widgets=standard] .history-title{
  font-size:11px!important;
}
body[data-widgets=standard] .history-result-snippet{
  font-size:9px!important;
}
body[data-widgets=standard] .history-item.current{
  background:var(--raised)!important;
}
body[data-widgets=standard] .history-menu-trigger{
  width:28px!important;
  height:28px!important;
}
body[data-widgets=standard] .sidebar-bottom{
  margin-top:8px!important;
  padding-top:10px!important;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;
}
body[data-widgets=standard] .account{
  min-height:50px!important;
  padding:7px 8px!important;
  gap:8px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
}
body[data-widgets=standard] .account:hover{
  background:var(--raised)!important;
}
body[data-widgets=standard] .account .avatar{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border:1px solid var(--border)!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  font-size:11px!important;
}
body[data-widgets=standard] .account strong{
  max-width:155px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:11px!important;
  font-weight:580!important;
}
body[data-widgets=standard] .account small{
  margin-top:2px!important;
  color:var(--muted)!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
body[data-widgets=standard] .account>span:last-child{
  color:var(--muted)!important;
  font-size:17px!important;
}

/* Header */
body[data-widgets=standard] header{
  height:58px!important;
  min-height:58px!important;
  padding:0 20px!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  background:color-mix(in srgb,var(--bg) 92%,transparent)!important;
  backdrop-filter:blur(14px)!important;
}
body[data-widgets=standard] #header-title{
  color:var(--text)!important;
  font-size:11px!important;
  font-weight:600!important;
}
body[data-widgets=standard] #header-subtitle{
  display:none!important;
}
body[data-widgets=standard] .header-right{
  gap:7px!important;
}
body[data-widgets=standard] .connection{
  min-height:27px!important;
  padding:5px 8px!important;
  border:1px solid var(--border)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--muted)!important;
  font-size:8px!important;
}
body[data-widgets=standard] #signin{
  min-height:29px!important;
  padding:5px 7px!important;
  color:var(--muted)!important;
  font-size:9px!important;
}

/* Startup */
body[data-widgets=standard] #scroll{
  background:transparent!important;
}
body[data-widgets=standard] #welcome{
  width:min(760px,100%)!important;
  max-width:760px!important;
  min-height:100%!important;
  margin:0 auto!important;
  padding:50px 24px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
body[data-widgets=standard] #welcome .emblem{
  display:grid!important;
  width:50px!important;
  height:50px!important;
  margin:0 auto 18px!important;
}
body[data-widgets=standard] #welcome .emblem-core{
  display:grid!important;
  width:46px!important;
  height:46px!important;
  border:1px solid var(--border)!important;
  border-radius:14px!important;
  background:var(--panel)!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}
body[data-widgets=standard] #welcome .roxy-mark{
  width:32px!important;
  height:32px!important;
}
body[data-widgets=standard] #welcome .orbit,
body[data-widgets=standard] #welcome .spark,
body[data-widgets=standard] #welcome-kicker,
body[data-widgets=standard] .welcome-credit,
body[data-widgets=standard] .night{
  display:none!important;
}
body[data-widgets=standard] #welcome-title{
  margin:0!important;
  color:var(--text)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  font-size:clamp(28px,3vw,38px)!important;
  font-weight:590!important;
  letter-spacing:-.035em!important;
  line-height:1.14!important;
}
body[data-widgets=standard] #welcome-copy{
  display:block!important;
  max-width:520px!important;
  margin:10px auto 22px!important;
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
body[data-widgets=standard] .suggestions{
  display:grid!important;
  width:min(620px,100%)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  text-align:left!important;
}
body[data-widgets=standard] .suggestions>button{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:9px!important;
  padding:9px 10px!important;
  border:1px solid var(--border)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--panel) 86%,var(--bg))!important;
  box-shadow:none!important;
}
body[data-widgets=standard] .suggestions>button:hover{
  background:var(--raised)!important;
  border-color:color-mix(in srgb,var(--accent) 26%,var(--border))!important;
}
body[data-widgets=standard] .suggest-icon{
  width:28px!important;
  height:28px!important;
  margin:0!important;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  background:var(--panel)!important;
  color:var(--accent)!important;
  font-size:13px!important;
}
body[data-widgets=standard] .suggestions strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:10px!important;
  font-weight:590!important;
}
body[data-widgets=standard] .suggestions small{
  display:none!important;
}
body[data-widgets=standard] .suggestions i{
  position:static!important;
  justify-self:end!important;
  color:var(--muted)!important;
  font-size:15px!important;
}

/* Composer */
body[data-widgets=standard] .composer-area{
  width:min(820px,100%)!important;
  max-width:820px!important;
  padding:9px 18px 14px!important;
  background:linear-gradient(180deg,transparent,var(--bg) 20%)!important;
  backdrop-filter:none!important;
}
body[data-widgets=standard] .chat-tools{
  min-height:32px!important;
  gap:4px!important;
  margin:0 0 7px!important;
}
body[data-widgets=standard] #modes{
  gap:2px!important;
}
body[data-widgets=standard] #modes button{
  min-height:29px!important;
  padding:5px 8px!important;
  border:1px solid transparent!important;
  border-radius:7px!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
body[data-widgets=standard] #modes button:hover{
  background:var(--panel)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] #modes button[aria-pressed=true]{
  border-color:var(--border)!important;
  background:var(--raised)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] .answer-depth{
  gap:5px!important;
  padding-left:8px!important;
  border-left:1px solid var(--border)!important;
  font-size:8px!important;
}
body[data-widgets=standard] .answer-depth select{
  min-height:29px!important;
  max-width:92px!important;
  padding:4px 21px 4px 7px!important;
  border-radius:7px!important;
  background:var(--panel)!important;
  border-color:var(--border)!important;
  color:var(--text)!important;
  font-size:8px!important;
}
body[data-widgets=standard] #chat-form{
  padding:12px 13px 9px!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  background:var(--panel)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
}
body[data-widgets=standard] #chat-form:focus-within{
  border-color:color-mix(in srgb,var(--accent) 32%,var(--border))!important;
  box-shadow:0 10px 32px rgba(0,0,0,.16)!important;
}
body[data-widgets=standard] #prompt{
  min-height:30px!important;
  color:var(--text)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
body[data-widgets=standard] #prompt::placeholder{
  color:color-mix(in srgb,var(--muted) 78%,transparent)!important;
}
body[data-widgets=standard] .compose-actions{
  gap:8px!important;
  margin-top:8px!important;
}
body[data-widgets=standard] #attach{
  min-height:30px!important;
  gap:5px!important;
  color:var(--muted)!important;
  font-size:17px!important;
}
body[data-widgets=standard] #attach span{
  font-size:9px!important;
}
body[data-widgets=standard] #compose-hint{
  color:var(--muted)!important;
  font-size:8px!important;
}
body[data-widgets=standard] #send{
  width:31px!important;
  height:31px!important;
  border-radius:9px!important;
  background:var(--text)!important;
  color:var(--bg)!important;
  font-size:18px!important;
}
body[data-widgets=standard] .disclaimer{
  margin-top:8px!important;
  color:color-mix(in srgb,var(--muted) 72%,transparent)!important;
  font-size:7px!important;
}

/* Dialog system */
body[data-widgets=standard] dialog{
  width:min(610px,calc(100vw - 28px))!important;
  max-width:610px!important;
  max-height:min(88dvh,780px)!important;
  padding:22px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--panel) 96%,var(--bg))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}
body[data-widgets=standard] dialog::backdrop{
  background:rgba(0,0,0,.58)!important;
  backdrop-filter:blur(5px)!important;
}
body[data-widgets=standard] dialog h2{
  margin:2px 0 16px!important;
  color:var(--text)!important;
  font-size:19px!important;
  font-weight:620!important;
  letter-spacing:-.025em!important;
}
body[data-widgets=standard] #dialog-mark{
  width:28px!important;
  height:28px!important;
  margin-bottom:10px!important;
}
body[data-widgets=standard] #dialog-mark .roxy-mark{
  width:28px!important;
  height:28px!important;
}
body[data-widgets=standard] .dialog-close{
  top:10px!important;
  right:10px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:8px!important;
  color:var(--muted)!important;
  font-size:19px!important;
}
body[data-widgets=standard] .dialog-close:hover{
  background:var(--raised)!important;
  color:var(--text)!important;
}
body[data-widgets=standard] #dialog-body{
  color:var(--text)!important;
}
body[data-widgets=standard] dialog p{
  color:var(--muted)!important;
  font-size:11px!important;
  line-height:1.6!important;
}
body[data-widgets=standard] .primary{
  min-height:38px!important;
  margin-top:10px!important;
  padding:8px 13px!important;
  border-radius:9px!important;
  background:var(--text)!important;
  color:var(--bg)!important;
  font-size:10px!important;
  font-weight:620!important;
}
body[data-widgets=standard] .secondary{
  min-height:36px!important;
  padding:8px 11px!important;
  border:1px solid var(--border)!important;
  border-radius:9px!important;
  color:var(--text)!important;
  font-size:10px!important;
}

/* Profile */
body[data-widgets=standard] dialog:has(.profile-dialog-body){
  width:min(680px,calc(100vw - 28px))!important;
  max-width:680px!important;
}
body[data-widgets=standard] dialog:has(.profile-dialog-body) #dialog-mark{
  display:none!important;
}
body[data-widgets=standard] .profile-dialog-body{
  display:grid!important;
  gap:0!important;
}
body[data-widgets=standard] .profile-hero{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 0 17px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
}
body[data-widgets=standard] .profile-hero-avatar{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border:1px solid var(--border)!important;
  border-radius:13px!important;
  background:var(--raised)!important;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:620!important;
}
body[data-widgets=standard] .profile-eyebrow{
  margin:0 0 3px!important;
  color:var(--muted)!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
}
body[data-widgets=standard] .profile-hero-copy h3{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:15px!important;
  font-weight:620!important;
}
body[data-widgets=standard] .profile-hero-copy p{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:3px 0 0!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
body[data-widgets=standard] .profile-status{
  padding:4px 7px!important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--accent) 7%,transparent)!important;
  color:var(--accent)!important;
  font-size:8px!important;
  font-weight:600!important;
}
body[data-widgets=standard] .profile-section{
  display:grid!important;
  gap:10px!important;
  padding:15px 0!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--border) 82%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
}
body[data-widgets=standard] .profile-section-head{
  color:var(--muted)!important;
  font-size:8px!important;
  font-weight:650!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}
body[data-widgets=standard] .profile-section-copy{
  display:none!important;
}
body[data-widgets=standard] .profile-detail-list{
  display:grid!important;
  gap:0!important;
}
body[data-widgets=standard] .profile-detail-row{
  min-height:34px!important;
  display:grid!important;
  grid-template-columns:90px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important;
}
body[data-widgets=standard] .profile-detail-row:first-child{
  border-top:0!important;
}
body[data-widgets=standard] .profile-detail-label{
  color:var(--muted)!important;
  font-size:9px!important;
}
body[data-widgets=standard] .profile-detail-value{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:10px!important;
  font-weight:560!important;
  text-align:right!important;
}
body[data-widgets=standard] .profile-field-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
body[data-widgets=standard] .profile-field-wide{
  grid-column:1/-1!important;
}
body[data-widgets=standard] .profile-field{
  min-width:0!important;
  gap:5px!important;
}
body[data-widgets=standard] .profile-field>span{
  color:var(--muted)!important;
  font-size:8px!important;
  white-space:nowrap!important;
}
body[data-widgets=standard] .profile-field input,
body[data-widgets=standard] .profile-field select,
body[data-widgets=standard] .profile-field textarea{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  padding:8px 9px!important;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  background:var(--bg)!important;
  color:var(--text)!important;
  font-size:10px!important;
  box-shadow:none!important;
}
body[data-widgets=standard] .profile-field textarea{
  min-height:74px!important;
  resize:vertical!important;
  line-height:1.45!important;
}
body[data-widgets=standard] .profile-field input:focus,
body[data-widgets=standard] .profile-field select:focus,
body[data-widgets=standard] .profile-field textarea:focus{
  border-color:color-mix(in srgb,var(--accent) 38%,var(--border))!important;
  outline:0!important;
}
body[data-widgets=standard] .profile-shortcuts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
body[data-widgets=standard] .profile-shortcut{
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr) 14px!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 9px!important;
  border:1px solid var(--border)!important;
  border-radius:9px!important;
  background:var(--bg)!important;
  text-align:left!important;
}
body[data-widgets=standard] .profile-shortcut:hover{
  background:var(--raised)!important;
  border-color:color-mix(in srgb,var(--accent) 25%,var(--border))!important;
}
body[data-widgets=standard] .profile-shortcut-icon{
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--panel)!important;
  color:var(--accent)!important;
  font-size:10px!important;
}
body[data-widgets=standard] .profile-shortcut-copy{
  display:block!important;
  min-width:0!important;
}
body[data-widgets=standard] .profile-shortcut-copy strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:9px!important;
  font-weight:580!important;
}
body[data-widgets=standard] .profile-shortcut-copy small{
  display:none!important;
}
body[data-widgets=standard] .profile-shortcut-arrow{
  color:var(--muted)!important;
  font-size:15px!important;
}
body[data-widgets=standard] .profile-actions{
  justify-content:flex-end!important;
  margin-top:14px!important;
}
body[data-widgets=standard] .profile-actions .primary{
  width:auto!important;
  min-width:88px!important;
  margin:0!important;
}

/* Menus */
body[data-widgets=standard] .history-menu{
  width:205px!important;
  padding:5px!important;
  border:1px solid var(--border)!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--panel) 97%,var(--bg))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.38)!important;
}
body[data-widgets=standard] .history-menu-item{
  min-height:35px!important;
  gap:8px!important;
  padding:7px 8px!important;
  border-radius:7px!important;
  color:var(--text)!important;
  font-size:10px!important;
}
body[data-widgets=standard] .history-menu-item:hover{
  background:var(--raised)!important;
}

/* Mobile */
@media(max-width:760px){
  body[data-widgets=standard] #sidebar{
    width:min(286px,88vw)!important;
    padding:16px 10px 10px!important;
  }
  body[data-widgets=standard] header{
    height:56px!important;
    min-height:56px!important;
    padding:0 11px!important;
    flex-wrap:nowrap!important;
  }
  body[data-widgets=standard] .header-right{
    flex-wrap:nowrap!important;
  }
  body[data-widgets=standard] .connection{
    display:none!important;
  }
  body[data-widgets=standard] #welcome{
    padding:34px 14px 22px!important;
  }
  body[data-widgets=standard] #welcome .emblem{
    margin-bottom:14px!important;
  }
  body[data-widgets=standard] #welcome-title{
    font-size:30px!important;
  }
  body[data-widgets=standard] #welcome-copy{
    max-width:330px!important;
    margin-bottom:18px!important;
    font-size:10px!important;
  }
  body[data-widgets=standard] .suggestions{
    grid-template-columns:1fr!important;
    max-width:360px!important;
  }
  body[data-widgets=standard] .composer-area{
    padding:7px 10px max(10px,env(safe-area-inset-bottom))!important;
  }
  body[data-widgets=standard] .chat-tools{
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  body[data-widgets=standard] .chat-tools::-webkit-scrollbar{display:none}
  body[data-widgets=standard] #modes{
    flex-wrap:nowrap!important;
  }
  body[data-widgets=standard] .answer-depth>span{
    display:none!important;
  }
  body[data-widgets=standard] #chat-form{
    border-radius:16px!important;
  }
  body[data-widgets=standard] dialog{
    width:calc(100vw - 18px)!important;
    max-height:90dvh!important;
    padding:18px!important;
    border-radius:14px!important;
  }
  body[data-widgets=standard] .profile-field-grid,
  body[data-widgets=standard] .profile-shortcuts{
    grid-template-columns:1fr!important;
  }
  body[data-widgets=standard] .profile-field-wide{
    grid-column:auto!important;
  }
  body[data-widgets=standard] .profile-hero{
    grid-template-columns:42px minmax(0,1fr) auto!important;
  }
  body[data-widgets=standard] .profile-hero-avatar{
    width:42px!important;
    height:42px!important;
  }
  body[data-widgets=standard] .profile-detail-row{
    grid-template-columns:72px minmax(0,1fr)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body[data-widgets=standard] *,
  body[data-widgets=standard] *::before,
  body[data-widgets=standard] *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* ===== Roxy controls + theme system refresh ===== */
body[data-widgets=standard][data-theme="default"]{
  --bg:#181818;
  --side:#111113;
  --panel:#232326;
  --raised:#2d2d31;
  --border:#3a3a40;
  --text:#f0f0f2;
  --muted:#9b9ba3;
  --accent:#b7b7c2;
  --solid:#ececf0;
  --glow:rgba(255,255,255,.035);
  --warm:#cfcfd6;
}
body[data-widgets=standard][data-theme="blurple"],
body[data-widgets=standard][data-theme="purple"]{
  --bg:#15161d;
  --side:#0f1016;
  --panel:#20222c;
  --raised:#2a2d39;
  --border:#393d4d;
  --text:#f2f3f8;
  --muted:#9ea3b3;
  --accent:#8e95ff;
  --solid:#5865f2;
  --glow:rgba(88,101,242,.12);
  --warm:#b8bcff;
}
body[data-widgets=standard][data-theme="midnight"]{
  --bg:#0d1117;
  --side:#090d12;
  --panel:#171c23;
  --raised:#202731;
  --border:#303945;
  --text:#eef2f6;
  --muted:#96a0ad;
  --accent:#8db8ff;
  --solid:#4e7fcf;
  --glow:rgba(78,127,207,.10);
  --warm:#b8d3ff;
}
body[data-widgets=standard][data-theme="aqua"]{
  --bg:#101514;
  --side:#0a100f;
  --panel:#18201f;
  --raised:#222c2a;
  --border:#30413e;
  --text:#edf6f4;
  --muted:#95a7a3;
  --accent:#82e2cf;
  --solid:#319d89;
  --glow:rgba(60,201,176,.09);
  --warm:#b5efe4;
}
body[data-widgets=standard][data-theme="default"] main,
body[data-widgets=standard][data-theme="blurple"] main,
body[data-widgets=standard][data-theme="purple"] main,
body[data-widgets=standard][data-theme="midnight"] main,
body[data-widgets=standard][data-theme="aqua"] main{
  background:
    radial-gradient(760px 360px at 50% -120px,var(--glow),transparent 70%),
    var(--bg)!important;
}
body[data-widgets=standard][data-theme="default"] header,
body[data-widgets=standard][data-theme="blurple"] header,
body[data-widgets=standard][data-theme="purple"] header,
body[data-widgets=standard][data-theme="midnight"] header,
body[data-widgets=standard][data-theme="aqua"] header{
  background:color-mix(in srgb,var(--bg) 92%,transparent)!important;
}

/* Chat-first sidebar */
body[data-widgets=standard] .new-chat{
  justify-content:flex-start!important;
}
body[data-widgets=standard] .new-chat .new-chat-icon{
  margin-left:auto!important;
  color:var(--muted)!important;
}
body[data-widgets=standard] #history{
  flex:1 1 auto!important;
  min-height:70px!important;
}
body[data-widgets=standard] #tool-drawer{
  flex:0 0 auto!important;
  margin:8px 3px 0!important;
  padding-top:8px!important;
  border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:0!important;
}
body[data-widgets=standard] #tool-drawer summary{
  border-radius:8px!important;
}

/* Unified Roxy picker */
.roxy-select-source{
  display:none!important;
}
.roxy-select-shell{
  display:inline-flex;
  min-width:0;
  max-width:100%;
  vertical-align:middle;
}
.roxy-select-trigger{
  min-width:112px;
  max-width:100%;
  min-height:31px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:6px 8px;
  border:1px solid var(--border)!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--panel) 92%,var(--bg))!important;
  color:var(--text)!important;
  text-align:left;
  font-size:9px!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.roxy-select-trigger:hover{
  background:var(--raised)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,var(--border))!important;
}
.roxy-select-value{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.roxy-select-chevron{
  color:var(--muted);
  font-size:11px;
  line-height:1;
}
.roxy-select-menu{
  position:fixed;
  z-index:50000;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in srgb,var(--panel) 98%,var(--bg));
  box-shadow:0 18px 60px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
  animation:roxyMenuIn .12s ease both;
}
.roxy-select-menu-head{
  padding:9px 10px 7px;
  border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  color:var(--muted);
  font-size:8px;
  font-weight:650;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.roxy-select-menu-list{
  min-height:0;
  overflow:auto;
  padding:5px;
}
.roxy-select-option{
  width:100%;
  min-height:34px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 18px;
  align-items:center;
  gap:8px;
  padding:7px 8px;
  border-radius:7px;
  color:var(--text);
  text-align:left;
  font-size:10px;
}
.roxy-select-option:hover,
.roxy-select-option[aria-selected="true"]{
  background:var(--raised);
}
.roxy-select-option[aria-selected="true"]{
  color:var(--text);
}
.roxy-select-option-copy{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.roxy-select-check{
  color:var(--accent);
  text-align:center;
  font-size:10px;
}
.answer-depth .roxy-select-trigger{
  min-width:78px!important;
  min-height:29px!important;
  padding:5px 7px!important;
  font-size:8px!important;
}
.profile-field .roxy-select-shell,
.profile-field .roxy-select-trigger,
.form-field .roxy-select-shell,
.form-field .roxy-select-trigger{
  width:100%!important;
}
.form-field .roxy-select-shell{
  margin-top:8px;
}
.options-row label .roxy-select-trigger{
  min-width:118px;
}

/* Roxy Luxury as one quick-control surface */
body[data-widgets=standard] dialog:has(.luxury-overview),
body[data-widgets=standard] dialog:has(.luxury-control-intro){
  width:min(780px,calc(100vw - 28px))!important;
  max-width:780px!important;
}
.luxury-overview{
  display:grid;
  gap:5px;
  margin:0 0 14px;
  padding:12px 13px;
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in srgb,var(--panel) 88%,var(--bg));
}
.luxury-overview strong{
  color:var(--text);
  font-size:11px;
  font-weight:620;
}
.luxury-overview p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.luxury-control-intro{
  display:grid;
  gap:4px;
  margin-bottom:14px;
}
.luxury-control-kicker{
  color:var(--muted);
  font-size:7px;
  font-weight:650;
  letter-spacing:.13em;
}
.luxury-control-intro h3{
  margin:0;
  color:var(--text);
  font-size:16px;
  font-weight:620;
  letter-spacing:-.02em;
}
.luxury-control-intro p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.luxury-control-group{
  display:grid;
  gap:10px;
  margin:0;
  padding:14px 0;
  border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);
}
.luxury-control-group-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.luxury-control-group-head h3{
  margin:0;
  color:var(--text);
  font-size:11px;
  font-weight:620;
}
.luxury-control-group-head p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:8px!important;
  line-height:1.4!important;
  text-align:right;
}
.luxury-control-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.luxury-quick-control{
  min-width:0;
  display:grid;
  gap:9px;
  padding:11px;
  border:1px solid var(--border);
  border-radius:11px;
  background:color-mix(in srgb,var(--panel) 86%,var(--bg));
}
.luxury-quick-control-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.luxury-quick-control-head strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--text);
  font-size:10px;
  font-weight:600;
}
.luxury-quick-current{
  flex:0 0 auto;
  color:var(--muted);
  font-size:8px;
}
.luxury-quick-copy{
  min-height:28px;
  margin:0!important;
  color:var(--muted)!important;
  font-size:8px!important;
  line-height:1.45!important;
}
.luxury-quick-options{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.luxury-quick-option{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--bg);
  color:var(--muted);
  font-size:8px;
  white-space:nowrap;
}
.luxury-quick-option:hover{
  background:var(--raised);
  color:var(--text);
}
.luxury-quick-option[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--accent) 42%,var(--border));
  background:color-mix(in srgb,var(--accent) 9%,var(--raised));
  color:var(--text);
}
.luxury-theme-option{
  min-width:108px;
  justify-content:flex-start;
}
.luxury-theme-swatch{
  width:14px;
  height:14px;
  flex:0 0 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.08);
}
.luxury-theme-option[data-value="default"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#181818 0 50%,#b7b7c2 50%);
}
.luxury-theme-option[data-value="blurple"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#15161d 0 50%,#5865f2 50%);
}
.luxury-theme-option[data-value="midnight"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#0d1117 0 50%,#4e7fcf 50%);
}
.luxury-theme-option[data-value="aqua"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#101514 0 50%,#319d89 50%);
}
.luxury-save-row{
  margin:12px 0 4px!important;
}
.luxury-save-row .primary,
.luxury-save-row .secondary{
  min-height:35px!important;
  margin:0!important;
  padding:7px 11px!important;
  font-size:9px!important;
}
.luxury-presets{
  margin-top:12px;
}
.theme-picker-intro{
  display:grid;
  gap:4px;
  margin-bottom:12px;
}
.theme-picker-intro strong{
  color:var(--text);
  font-size:11px;
}
.theme-picker-intro p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
.theme-picker-control{
  padding:13px!important;
}
.theme-picker-control .luxury-quick-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.theme-picker-control .luxury-theme-option{
  width:100%;
  min-width:0;
  min-height:38px;
}
body[data-theme="blurple"] .luxury-theme-option[data-value="blurple"],
body[data-theme="midnight"] .luxury-theme-option[data-value="midnight"],
body[data-theme="aqua"] .luxury-theme-option[data-value="aqua"],
body[data-theme="default"] .luxury-theme-option[data-value="default"]{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
}

@media(max-width:700px){
  .luxury-control-grid{
    grid-template-columns:1fr;
  }
  .luxury-control-group-head{
    display:grid;
    gap:3px;
  }
  .luxury-control-group-head p{
    text-align:left;
  }
  .theme-picker-control .luxury-quick-options{
    grid-template-columns:1fr;
  }
  .roxy-select-menu{
    max-width:calc(100vw - 20px);
  }
}


/* ===== Final control fixes ===== */

/* Exactly five supported themes */
body[data-widgets=standard][data-theme="rose"]{
  --bg:#171316;
  --side:#100d10;
  --panel:#241d22;
  --raised:#30262d;
  --border:#44343e;
  --text:#f5eef2;
  --muted:#aa9da5;
  --accent:#e8a7be;
  --solid:#b85d80;
  --glow:rgba(184,93,128,.09);
  --warm:#f1c4d3;
}
body[data-widgets=standard][data-theme="emerald"]{
  --bg:#101513;
  --side:#0a0f0d;
  --panel:#18211d;
  --raised:#222d28;
  --border:#30413a;
  --text:#edf5f1;
  --muted:#98a69f;
  --accent:#8dd6b1;
  --solid:#3e9f72;
  --glow:rgba(62,159,114,.09);
  --warm:#b7e7cf;
}
body[data-widgets=standard][data-theme="rose"] main,
body[data-widgets=standard][data-theme="emerald"] main{
  background:
    radial-gradient(760px 360px at 50% -120px,var(--glow),transparent 70%),
    var(--bg)!important;
}
body[data-widgets=standard][data-theme="rose"] header,
body[data-widgets=standard][data-theme="emerald"] header{
  background:color-mix(in srgb,var(--bg) 92%,transparent)!important;
}
.luxury-theme-option[data-value="rose"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#171316 0 50%,#b85d80 50%);
}
.luxury-theme-option[data-value="emerald"] .luxury-theme-swatch{
  background:linear-gradient(135deg,#101513 0 50%,#3e9f72 50%);
}
body[data-theme="rose"] .luxury-theme-option[data-value="rose"],
body[data-theme="emerald"] .luxury-theme-option[data-value="emerald"]{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);
}

/* Retired Blurple/Purple gracefully render as Default until preferences migrate. */
body[data-widgets=standard][data-theme="blurple"],
body[data-widgets=standard][data-theme="purple"]{
  --bg:#181818;
  --side:#111113;
  --panel:#232326;
  --raised:#2d2d31;
  --border:#3a3a40;
  --text:#f0f0f2;
  --muted:#9b9ba3;
  --accent:#b7b7c2;
  --solid:#ececf0;
  --glow:rgba(255,255,255,.035);
  --warm:#cfcfd6;
}

/* Remove the redundant standalone Natural selector. */
#tone,
#tone + .roxy-select-shell{
  display:none!important;
}

/* Tools disclosure: down when closed, up when open. */
body[data-widgets=standard] #tool-drawer summary::after{
  content:'⌄'!important;
  transform:none!important;
  transition:none!important;
}
body[data-widgets=standard] #tool-drawer[open] summary::after{
  content:'⌃'!important;
  transform:none!important;
}

/* Rename dialog */
.rename-chat-field{
  margin-top:2px;
}
.rename-chat-field + .dialog-actions .primary{
  width:auto!important;
  min-width:92px!important;
  margin:0!important;
  padding:8px 13px!important;
}

/* Message actions stay compact beside Copy/Saved Reply. */
.message-action-group .message-action{
  white-space:nowrap;
}


/* Original Roxy component styles: workspace-polish.css */
/* Brand belongs on the welcome screen; work surfaces stay focused on content. */
.message.assistant .message-avatar,.thinking .roxy-mark,.dialog-emblem,
.roxy-quiet-brand img,.roxy-focus-brand img,.luxury-crest{display:none!important}
body[data-widgets=standard] .message.assistant{display:block!important;padding-left:0!important}
body[data-widgets=standard] .message.assistant .message-content{width:100%;max-width:100%;min-width:0}
body[data-widgets=standard] .message-label{font-size:12px!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--muted)!important;margin-bottom:10px!important}
body[data-widgets=standard] .message-text{line-height:1.7!important;overflow-wrap:anywhere}
.message-text p{margin:0 0 1em}
.message-text h2,.message-text h3,.message-text h4{line-height:1.35;margin:1.4em 0 .6em;font-weight:650}
.message-text>:first-child{margin-top:0}
.message-text ul,.message-text ol{padding-inline-start:1.4em;margin:.6em 0 1.1em}
.message-text li{margin:.35em 0}
.message-text strong{font-weight:650}
.message-text .code-block{margin:1em 0;box-shadow:none}
.message-text .message-table-wrap{margin:1em 0;overflow-x:auto}


.roxy-lab-status{min-height:24px;line-height:1.5}
.roxy-lab-pane textarea{line-height:1.65;resize:vertical}
.roxy-lab-action{min-height:40px}
body[data-widgets=standard][data-theme=graphite]{
 --bg:#191b1e!important;--side:#121417!important;--panel:#23262b!important;--raised:#2e3239!important;--border:#3d434c!important;
 --text:#f0f1f3!important;--muted:#adb4bf!important;--accent:#bdc9db!important;--solid:#73849c!important;--warm:#b6beca!important;--glow:transparent!important;
}
body[data-widgets=standard][data-theme=ivory]{
 --bg:#f7f4ed!important;--side:#eee9df!important;--panel:#fffdf8!important;--raised:#e8e0d2!important;--border:#cfc5b5!important;
 --text:#28251f!important;--muted:#655e52!important;--accent:#795322!important;--solid:#795322!important;--warm:#795322!important;--glow:transparent!important;
 color-scheme:light;
}
body[data-theme=graphite] main,body[data-theme=ivory] main{background:var(--bg)!important;color:var(--text)!important}
body[data-theme=graphite] header,body[data-theme=ivory] header{background:var(--bg)!important}
body[data-theme=graphite] #main:before,body[data-theme=ivory] #main:before{display:none!important}
body[data-theme=ivory] dialog,body[data-theme=ivory] .roxy-sheet,body[data-theme=ivory] .roxy-select-menu{background:var(--panel)!important;color:var(--text)!important}
body[data-theme=ivory] .code-block pre{background:#ece6da!important;color:#28251f!important}
.luxury-theme-option[data-value=graphite] .luxury-theme-swatch{background:linear-gradient(135deg,#191b1e,#73849c)!important}
.luxury-theme-option[data-value=ivory] .luxury-theme-swatch{background:linear-gradient(135deg,#fffdf8,#cfc5b5)!important}
@media(max-width:760px){body[data-widgets=standard] .message-text{font-size:16px!important}.roxy-lab-editor{grid-template-columns:1fr!important}}
body[data-widgets=standard] [hidden],body[data-widgets=standard] #welcome[hidden],body[data-widgets=standard] #messages[hidden]{display:none!important}
body[data-widgets=standard][data-theme=ivory] :is(button,input,textarea,select,.nav-link,.history-open,.message-text,.message-text p,.message-text li,.message-text code,.code-block-head,.code-block-language,.roxy-sheet p,.roxy-sheet label){color:var(--text)!important}
body[data-widgets=standard][data-theme=ivory] :is(.new-chat,.message.user .message-content,.code-block,.code-block-head,.code-block pre,#chat-form,.roxy-sheet input,.roxy-sheet textarea,.roxy-sheet select){background:var(--panel)!important;border-color:var(--border)!important}
body[data-widgets=standard][data-theme=ivory] :is(#send,.roxy-lab-action,.new-chat-icon){background:var(--raised)!important;color:var(--text)!important}
body[data-widgets=standard][data-theme=ivory] :is(.message-label,.disclaimer,.disclaimer button,.history-date,.roxy-lab-status,small){color:var(--muted)!important}
body[data-widgets=standard][data-theme=ivory] .message-text a{color:var(--accent)!important}
body[data-widgets=standard][data-theme=ivory] #sidebar :is(button,a,span){color:var(--text)!important}
body[data-widgets=standard][data-theme=ivory] #sidebar :is(.new-chat,.history-item,.history-item.active,button:hover){background:var(--panel)!important}
body[data-widgets=standard][data-theme=ivory] #modes button{background:transparent!important;color:var(--muted)!important}
body[data-widgets=standard][data-theme=ivory] #modes button.active,body[data-widgets=standard][data-theme=ivory] #modes button[aria-pressed=true]{background:var(--raised)!important;color:var(--text)!important}
body[data-widgets=standard][data-theme=ivory] :is(.message-actions button,#roxy-tools-hub,#reply-length){color:var(--muted)!important}
@media(max-width:760px){
body[data-widgets=standard] #roxy-scroll-progress{--roxy-scroll-progress:0;position:absolute;top:calc(56px + env(safe-area-inset-top));left:0;right:0;z-index:12;height:2px;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .18s ease}
body[data-widgets=standard] #roxy-scroll-progress[data-active]{opacity:1}
#roxy-scroll-progress>span{display:block;width:100%;height:100%;transform:scaleX(var(--roxy-scroll-progress));transform-origin:left center;background:var(--accent);transition:transform .08s linear}
}
/* Roxy workspace: consistent spacing, typography and restrained surfaces. */
body[data-widgets=standard]{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
body[data-widgets=standard] #sidebar{border-right:1px solid var(--border)!important;padding:22px 16px!important}
body[data-widgets=standard] header{border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)!important}
body[data-widgets=standard] .brand{font-size:22px!important;font-weight:650!important;letter-spacing:-.7px!important}
body[data-widgets=standard] #messages{max-width:860px!important;margin:auto!important;padding:36px 30px 60px!important;width:100%;box-sizing:border-box}
body[data-widgets=standard] .message{margin-bottom:36px!important}
body[data-widgets=standard] .message.assistant .message-text{font-size:15px!important;line-height:1.8!important;letter-spacing:0!important}
body[data-widgets=standard] .message.user{margin-left:auto!important;max-width:85%!important}
body[data-widgets=standard] .message.user .message-content{padding:15px 20px!important;border-radius:18px!important;background:var(--panel)!important}
body[data-widgets=standard] .message-text h3{font-size:19px!important}
body[data-widgets=standard] .composer-area{max-width:860px!important;width:100%;margin-inline:auto!important;box-sizing:border-box}
body[data-widgets=standard] #chat-form{border:1px solid var(--border)!important;border-radius:20px!important;box-shadow:0 8px 30px #00000010!important}
body[data-widgets=standard] #prompt{font-size:16px!important;line-height:1.6!important}
body[data-widgets=standard] :is(.roxy-sheet,dialog){border:1px solid var(--border)!important;border-radius:22px!important;background:var(--bg)!important;color:var(--text)!important;box-shadow:0 24px 90px #0005!important}
body[data-widgets=standard] .roxy-sheet{width:min(900px,calc(100vw - 40px))!important;max-height:90dvh!important;padding:0!important;overflow:auto!important}
body[data-widgets=standard] .roxy-sheet-head{padding:28px 32px 22px!important;margin:0!important;border-bottom:1px solid var(--border)!important;align-items:flex-start!important}
body[data-widgets=standard] .roxy-sheet-head h2{font-size:24px!important;letter-spacing:-.6px!important;margin:0 0 8px!important}
body[data-widgets=standard] .roxy-sheet-head p{font-size:13px!important;color:var(--muted)!important;line-height:1.6!important;max-width:640px}
body[data-widgets=standard] .roxy-sheet-body{padding:28px 32px!important}
body[data-widgets=standard] :is(.roxy-card,.roxy-tool-card,.roxy-memory-core,.roxy-memory-source,.luxury-panel){box-shadow:none!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--panel)!important}
body[data-widgets=standard] .roxy-tool-grid{gap:14px!important}
body[data-widgets=standard] .roxy-tool-card{padding:20px!important;min-height:104px!important}
body[data-widgets=standard] .roxy-tool-card strong{font-size:14px!important}
body[data-widgets=standard] .roxy-tool-card small{line-height:1.65!important;color:var(--muted)!important}
body[data-widgets=standard] .roxy-field{display:flex!important;flex-direction:column!important;gap:9px!important;min-width:0!important}
body[data-widgets=standard] .roxy-field>span{font-size:12px!important;font-weight:600!important;color:var(--muted)!important}
body[data-widgets=standard] .roxy-field :is(input,textarea,select){box-sizing:border-box!important;width:100%!important;max-width:none!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:12px!important;background:var(--panel)!important;color:var(--text)!important;font:inherit!important}
body[data-widgets=standard] .roxy-lab-editor{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:0 0 24px!important}
body[data-widgets=standard] .roxy-lab-pane{padding:18px!important;border-radius:14px!important;background:var(--panel)!important;border:1px solid var(--border)!important}
body[data-widgets=standard] .roxy-lab-pane-head{margin-bottom:16px!important}
body[data-widgets=standard] .roxy-lab-pane textarea{width:100%!important;height:260px!important;min-height:180px!important;box-sizing:border-box!important;font-size:15px!important;line-height:1.75!important;padding:0 4px 0 0!important;border:0!important;background:transparent!important;color:var(--text)!important;resize:vertical!important}
body[data-widgets=standard] .roxy-lab-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.roxy-lab-options>.roxy-field:last-child{grid-column:1/-1}
body[data-widgets=standard] .roxy-lab-status{padding:18px 0!important;margin:0!important;font-size:13px!important;line-height:1.6!important;color:var(--muted)!important}
body[data-widgets=standard] .roxy-lab-status.error{color:#e69b93!important}
body[data-widgets=standard] .roxy-lab-footer{display:flex!important;gap:10px!important;flex-wrap:wrap!important;border-top:1px solid var(--border);padding-top:20px!important;margin-top:0!important}
body[data-widgets=standard] .roxy-lab-footer button{min-height:42px!important;padding:10px 16px!important;border-radius:10px!important}
body[data-widgets=standard] .roxy-lab-footer button:first-child{margin-right:auto!important}
body[data-widgets=standard] .roxy-primary{background:var(--text)!important;color:var(--bg)!important;font-weight:600!important;border:1px solid transparent!important}
body[data-widgets=standard] .roxy-sheet button:disabled{opacity:.4!important;cursor:not-allowed!important}
body[data-widgets=standard] :is(button,input,textarea,select):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}
body[data-widgets=standard] .thinking img{display:none!important}
@media(max-width:760px){body[data-widgets=standard] #messages{padding:24px 18px 40px!important}body[data-widgets=standard] .roxy-sheet{width:calc(100vw - 20px)!important}body[data-widgets=standard] .roxy-sheet-head,body[data-widgets=standard] .roxy-sheet-body{padding:22px 20px!important}body[data-widgets=standard] .roxy-lab-editor{grid-template-columns:1fr!important}body[data-widgets=standard] .roxy-lab-pane textarea{height:190px!important}body[data-widgets=standard] .roxy-lab-footer button:first-child{margin-right:0!important}}
body[data-widgets=standard] .roxy-sheet{display:flex!important;flex-direction:column!important;overflow:hidden!important}
body[data-widgets=standard] .roxy-sheet-head{position:relative!important;inset:auto!important;flex:none!important;background:var(--bg)!important}
body[data-widgets=standard] .roxy-sheet-body{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;margin:0!important}
body[data-widgets=standard] .roxy-lab-pane textarea{height:220px!important}
body[data-widgets=standard] .roxy-lab-options .roxy-field{margin:0!important}
body[data-widgets=standard][data-theme=ivory] .roxy-primary{color:var(--bg)!important;background:var(--text)!important}
/* Preserve existing accessibility and density preferences over the default polish. */
body[data-widgets=standard][data-size=large] .message.assistant .message-text{font-size:19px!important}
body[data-widgets=standard][data-density=spacious] .message{margin-bottom:48px!important}
/* Keep loading text stationary; the former logo animation must not target text. */
body .thinking,body .thinking>span{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;filter:none!important}

/* Restrained brand marks and a stationary loading-text shimmer. */
body[data-widgets=standard] #sidebar .brand{display:flex!important;align-items:center!important;gap:9px!important}
body[data-widgets=standard] #sidebar .brand .logo{display:block!important;width:30px!important;height:30px!important;object-fit:contain!important;background:none!important;box-shadow:none!important;animation:none!important}
body[data-widgets=standard] #sidebar .brand small{display:inline!important;font:inherit!important;font-weight:650!important;letter-spacing:0!important;border:0!important;padding:0!important;margin-left:3px!important;vertical-align:baseline!important;color:inherit!important}
body[data-widgets=standard] .message.assistant .message-label{display:flex!important;align-items:center!important;gap:8px!important}
body[data-widgets=standard] .message.assistant .message-label::before{content:'';display:block;flex:0 0 24px;width:24px;height:24px;background:url('/roxy-logo-v12.png') center/contain no-repeat}
@supports (background-clip:text){
 body[data-widgets=standard] .thinking>span{
  background:linear-gradient(105deg,var(--muted) 25%,var(--text) 45%,var(--muted) 65%);
  background-size:250% 100%;background-clip:text;-webkit-background-clip:text;
  color:transparent!important;-webkit-text-fill-color:transparent;
  animation:roxy-thinking-shimmer 2.2s linear infinite!important;transform:none!important;opacity:1!important;
 }
}
@keyframes roxy-thinking-shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
 body[data-widgets=standard] .thinking>span{animation:none!important;background:none!important;color:var(--muted)!important;-webkit-text-fill-color:currentColor}
}
body[data-widgets=standard][data-motion=none] .thinking>span,
body[data-widgets=standard][data-motion=gentle] .thinking>span{animation:none!important;background:none!important;color:var(--muted)!important;-webkit-text-fill-color:currentColor}