:root{color-scheme:dark;--bg:#030e17;--panel:#081c28;--line:#17323f;--cyan:#00dfef;--text:#edf6fa;--muted:#819aa9;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0;color:inherit;background:none}button:hover{color:var(--cyan)}.welcome{max-width:1280px;margin:auto;padding:30px 54px;background:radial-gradient(ellipse at 20% 35%,#0c344744,transparent 55%);min-height:100vh}.welcome>header{display:flex;align-items:center;justify-content:space-between;padding:12px 0 25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;letter-spacing:5px;font-size:24px;font-weight:600}.logo{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--cyan);border-radius:13px;color:var(--cyan);font-size:28px;letter-spacing:0}.web{font-size:10px;letter-spacing:2px;border:1px solid #24505d;padding:5px 7px;border-radius:5px;color:var(--muted)}.back{font-size:13px;color:var(--muted)}.entry{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;padding:64px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan)}.intro h1{font-size:clamp(40px,4.5vw,61px);letter-spacing:-2.5px;line-height:1.15;margin:18px 0}.intro p{max-width:430px;color:var(--muted);line-height:1.8;font-size:16px}.connection-art{display:flex;gap:30px;align-items:center;margin:40px 0 34px;color:#36dce777}.art-phone{border:2px solid #24536a;border-radius:22px;padding:22px 13px;width:89px;height:148px;transform:rotate(-7deg);background:linear-gradient(130deg,#10374a,#04121d)}.art-desktop{border:2px solid #24536a;border-radius:13px;padding:17px;width:218px;height:128px;transform:rotate(3deg);box-shadow:0 13px 35px #00dbed0a}.connection-art span{font-size:9px;letter-spacing:2px}.connection-art .art-link{font-size:25px}.connection-art i{display:block;border-radius:5px;background:#057277;height:12px;margin-top:13px;width:85%}.connection-art i:nth-child(3){width:65%;margin-left:auto;background:#133747}.promise{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#9cb6c6}.login-card{border:1px solid var(--line);background:linear-gradient(145deg,#0b2331,#06151e);border-radius:24px;padding:29px;box-shadow:0 25px 80px #0003}.tabs{display:flex;background:#030f19;border:1px solid #183441;padding:5px;border-radius:11px;margin-bottom:27px}.tabs button{width:50%;padding:11px 5px;font-size:13px;border-radius:7px}.tabs [aria-selected=true]{background:#133443;color:var(--cyan)}h2{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.login-card p{font-size:13px;color:var(--muted);line-height:1.7}.login-card label{font-size:12px;color:#bacdd6;display:block;margin:19px 0 8px}.login-card input{width:100%;border:1px solid #244352;background:#04141f;border-radius:11px;height:47px;color:var(--text);padding:0 14px;font-size:14px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:7px;top:8px;width:31px;height:31px;color:#81a1b1}.primary{width:100%;display:flex;justify-content:space-between;padding:15px 18px;border-radius:11px;background:var(--cyan);color:#03262c;margin-top:25px;font-weight:650;font-size:14px}.primary:hover{background:#74f2ff;color:#03262c}small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.login-card small{margin-top:17px}.availability{margin-top:22px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted);line-height:1.7}.error,.chat-error{color:#ffaaa0;font-size:12px}.error:empty{display:none}.qr-frame{background:white;min-height:216px;width:216px;margin:22px auto;display:grid;place-items:center;border-radius:15px;padding:14px;color:#315062}.qr-frame canvas{max-width:188px;max-height:188px}.secondary{display:block;border:1px solid #2b4d60;border-radius:9px;padding:10px 18px;margin:15px auto;font-size:13px}.waiting-dot{width:15px;height:15px;background:var(--cyan);box-shadow:0 0 25px #00dfef77;border-radius:50%;margin:20px 0;animation:pulse 1.4s infinite}#verification{font-size:36px;letter-spacing:7px;display:block;margin:22px 0;color:var(--cyan)}footer{display:flex;gap:25px;font-size:11px;color:var(--muted);padding:22px 0;border-top:1px solid var(--line)}footer span{margin-right:auto}#workspace{height:100dvh;display:grid;grid-template-columns:70px 340px minmax(0,1fr);max-width:1700px;margin:auto;background:#05121c}.rail{display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line);padding:22px 9px;gap:23px;background:#041019}.rail button{font-size:24px;width:42px;height:42px;border-radius:12px;color:var(--muted)}.rail .active{background:#07323d;color:var(--cyan)}.brand-small{font-size:30px;color:var(--cyan);margin-bottom:20px}#logout{margin-top:auto}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}.sidebar>header{display:flex;align-items:center;justify-content:space-between;padding:30px 22px 18px}.sidebar h1{font-size:25px;margin:0;letter-spacing:-.8px}.web-badge{color:var(--cyan);font-size:9px;letter-spacing:2px;border:1px solid #174651;border-radius:5px;padding:4px 6px}.search{display:flex;gap:9px;align-items:center;background:#102633;border:1px solid #1b3746;border-radius:10px;margin:0 20px;padding:10px;color:var(--muted)}.search input{border:0;background:none;color:var(--text);width:100%;font-size:12px;outline:0}.list-tabs{display:flex;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.list-tabs button{padding:6px 12px;font-size:11px;border-radius:20px;color:var(--muted)}.list-tabs .selected{background:#07424a;color:var(--cyan)}.chat-list{overflow:auto;flex:1}.chat-row{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:17px 19px;border-bottom:1px solid #102733}.chat-row:hover{background:#0b2633}.chat-row.selected{background:#103240}.avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#185367,#0b2733);display:grid;place-items:center;font-size:15px;color:#b8edfa;flex-shrink:0}.chat-row .details{overflow:hidden;flex:1}.chat-row strong{display:block;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:11px;margin-top:4px}.chat-row time{font-size:10px;color:var(--muted)}.phone-state{border-top:1px solid var(--line);padding:16px 20px;display:flex;gap:10px;align-items:center}.phone-state strong{font-size:10px;display:block}.phone-state small{font-size:9px}#online-dot{height:7px;width:7px;border-radius:50%;background:#dba548}#online-dot.online{background:#25d5a7}.conversation{position:relative;min-height:0;background:radial-gradient(ellipse at 50% 70%,#07354633,transparent 60%)}#empty{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;color:var(--muted)}.empty-logo{font-size:60px;color:#00dbef55;margin-bottom:25px}#empty h2{color:#d5e8f1;font-size:29px}#empty p{font-size:13px}#empty small{margin-top:40px}#active-chat{height:100%;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;gap:13px;background:#071924;border-bottom:1px solid var(--line);padding:19px 27px}.chat-header h2{font-size:15px;margin:0}.chat-header small{font-size:10px;color:#77a7ba}.messages{flex:1;overflow:auto;padding:25px 35px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.bubble{max-width:75%;background:#112b3a;border-radius:13px 13px 13px 3px;padding:11px 14px;align-self:flex-start;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;min-width:80px}.bubble.outgoing{align-self:flex-end;background:#064149;border-radius:13px 13px 3px 13px}.bubble .metadata{text-align:right;display:block;font-size:9px;color:#85aab8;margin-top:4px}.bubble .sender{display:block;color:var(--cyan);font-size:10px;margin-bottom:5px}#composer{display:flex;gap:12px;border-top:1px solid var(--line);background:#061724;padding:17px 26px;align-items:flex-end}#message-input{resize:none;border:1px solid #234252;border-radius:14px;background:#102936;color:var(--text);padding:13px 16px;flex:1;font-size:13px;max-height:130px}.send{border:1px solid #00dfef77;border-radius:50%;height:45px;width:45px;background:#00515d;color:var(--cyan);font-size:20px}.chat-error{position:absolute;bottom:85px;left:27px;right:27px;background:#341c24cc;border-radius:8px;padding:9px}.chat-error:empty{display:none}#mobile-back{display:none}.list-note{padding:25px;font-size:12px;color:var(--muted);line-height:1.8}@keyframes pulse{50%{opacity:.35}}@media(max-width:1000px){.welcome{padding:25px 30px}.entry{gap:35px}.connection-art{gap:18px}.art-desktop{width:170px}#workspace{grid-template-columns:60px 280px minmax(0,1fr)}.messages{padding:20px}.bubble{max-width:90%}}@media(max-width:700px){.welcome{padding:20px}.entry{grid-template-columns:1fr;padding:30px 0;gap:25px}.intro h1{font-size:40px}.intro p,.connection-art,.promise{display:none}.intro h1 br{display:none}.login-card{padding:22px}.brand{font-size:19px;letter-spacing:3px}.back{font-size:11px}#workspace{grid-template-columns:55px minmax(0,1fr)}.conversation{display:none}.sidebar{border-right:0}#workspace.chat-open{grid-template-columns:1fr}#workspace.chat-open .sidebar,#workspace.chat-open .rail{display:none}#workspace.chat-open .conversation{display:block}#mobile-back{display:block;font-size:22px;color:var(--cyan)}.chat-header{padding:14px 16px}.messages{padding:18px 14px}#composer{padding:12px}footer{gap:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.logo svg,.brand-small svg,.empty-logo svg{width:100%;height:100%}.brand-small{width:38px;height:38px}.empty-logo svg{max-width:76px;max-height:76px}
@media(max-width:700px){.intro h1{letter-spacing:-1.5px}}
button svg{width:22px;height:22px;vertical-align:middle}.rail svg{width:24px;height:24px}body[data-web-accent=green]{--cyan:#31e2a1}body[data-web-accent=violet]{--cyan:#b99aff}body[data-web-font=large] .bubble{font-size:18px}.compact .chat-row{padding-top:10px;padding-bottom:10px}.hide-background.page-hidden .messages,.hide-background.page-hidden .chat-row small{filter:blur(12px)}#web-settings{color:var(--text,#e9f5fa);background:#081e2a;border:1px solid #264653;border-radius:22px;padding:26px;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);box-shadow:0 25px 90px #0008}#web-settings::backdrop{background:#001018bc;backdrop-filter:blur(8px)}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head h2{font-size:24px}.settings-head button{font-size:28px;color:var(--muted)}.settings-intro{color:var(--muted);font-size:13px;margin:12px 0 22px}#web-settings section{padding:18px 0;border-top:1px solid #22404d}#web-settings h3{font-size:14px;color:var(--cyan);margin:0 0 12px}#web-settings label{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;min-height:45px}#web-settings select{background:#102d3b;color:#e9f5fa;border:1px solid #365768;border-radius:8px;padding:8px}#web-settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan)}#web-settings small{display:block;font-size:12px;color:var(--muted);line-height:1.65}#settings-logout{margin-top:18px}
 .story-strip{display:flex;gap:10px;padding:12px 18px;overflow-x:auto;border-bottom:1px solid #173543}.story-strip[hidden]{display:none}.story-avatar{flex:none;max-width:124px;padding:10px 12px;border:2px solid #00dc93;border-radius:24px;background:#0b2532;color:#eafaff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.story-avatar.viewed{border-color:#36a9ff}.story-avatar:disabled{opacity:.5}.story-viewer{width:min(620px,94vw);height:min(860px,92dvh);padding:18px;background:#03121b;color:#eafaff;border:1px solid #1c4558;border-radius:24px}.story-viewer::backdrop{background:#000c}.story-viewer header,.story-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-viewer button{border:1px solid #1d5265;border-radius:20px;padding:8px 14px;background:#082b37;color:#43e9ec;cursor:pointer}.story-viewer button:disabled{opacity:.4}.story-stage{height:calc(100% - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;overflow:auto;padding:16px 0;touch-action:pan-x}.story-stage img,.story-stage video{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px}.story-text{font-size:clamp(22px,4vw,36px);white-space:pre-wrap;text-align:center;overflow-wrap:anywhere;line-height:1.5;padding:30px;border-radius:20px;background:linear-gradient(150deg,#07435b,#0b655e)}
/* QYRA desktop visual system — approved 11 October 2026. */
:root{--bg:#09121e;--panel:#101d2c;--line:#203242;--cyan:#2adbc8;--text:#eff5f9;--muted:#91a7bb;--raised:#142234;--incoming:#17313c;--outgoing:#104c50}
#workspace{height:100dvh;grid-template-columns:80px 350px minmax(0,1fr);background:var(--bg);overflow:hidden}
.rail{background:#0c1724;border-right:1px solid var(--line);padding:22px 10px 16px;gap:16px;align-items:center}
.rail .brand-small{width:48px;height:65px;display:flex;flex-direction:column;align-items:center;gap:7px;margin-bottom:16px;color:var(--cyan)}
.brand-small svg{width:32px;height:32px}.brand-small::after{content:'QYRA';font-size:12px;font-weight:650;letter-spacing:1.3px;color:var(--text)}
.rail button{width:60px;min-height:62px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:10px;line-height:1.2;transition:background .18s,color .18s}
.rail button svg{width:24px;height:24px;flex:none}.rail button:hover{color:var(--text);background:#ffffff05}.rail button.active{color:var(--cyan);background:#2adbc81a}
.rail #logout{margin-top:auto}.rail .owner-avatar{width:36px;height:36px;margin-top:auto;flex:none}.rail .owner-avatar+#logout{margin-top:0}
.sidebar{background:var(--panel);border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column;overflow:hidden}
.sidebar>header{padding:25px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar h1{font-size:25px;line-height:1.3;letter-spacing:-.7px;margin:0}
.web-badge{display:none}.new-chat{width:34px;height:34px;border-radius:12px;background:var(--raised);color:var(--muted);display:grid;place-items:center}
.search{margin:0 20px 16px;padding:0 13px;height:47px;border:1px solid var(--line);border-radius:14px;background:#0b1724;display:flex;align-items:center;gap:10px}.search svg{width:20px;height:20px;flex:none;color:var(--muted)}.search input{min-width:0;font-size:13px;padding:0;width:100%;color:var(--text);background:transparent;border:0}.search input::placeholder{color:var(--muted)}
.list-tabs{display:flex;gap:10px;padding:0 20px 20px;border:0}.list-tabs button{flex:1;border:1px solid var(--line);border-radius:13px;padding:10px 14px;font-size:12px;font-weight:600;color:var(--muted);background:#ffffff02}.list-tabs button.selected{background:#2adbc812;color:var(--text);border-color:#2adbc83b}
.chat-list{padding:6px 10px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#304759 transparent}.chat-row{display:flex;width:100%;align-items:center;gap:13px;padding:15px 12px;margin:3px 0;border-radius:16px;border:1px solid transparent;border-bottom:none;position:relative;background:transparent;min-width:0;text-align:left;transition:background .18s}
.chat-row:hover{background:#ffffff04;color:var(--text)}.chat-row.selected{background:#2adbc80e;border-color:#2adbc815}.chat-row .details{min-width:0;flex:1}.chat-row strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.chat-row small{font-size:12px;line-height:1.6;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.chat-row .row-end{display:flex;flex-direction:column;align-items:flex-end;gap:10px;align-self:stretch;justify-content:center;flex:none}.chat-row time{font-size:10px;color:var(--muted)}.unread-badge{background:var(--cyan);color:#062a2c;font-size:10px;font-weight:700;border-radius:20px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 5px}
.avatar{width:45px;height:45px;display:grid;place-items:center;flex:none;border-radius:50%;background:hsl(var(--avatar-hue,190) 38% 19%);color:#b9dce5;font-size:14px;font-weight:600;overflow:hidden;border:1px solid #ffffff08}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.phone-state{padding:18px 22px;border-top:1px solid var(--line);gap:11px;background:var(--panel)}.phone-state strong{font-size:11px;font-weight:500}.phone-state small{font-size:9px;color:var(--muted)}#online-dot.online{background:#45d99e;box-shadow:none}
.conversation{background:radial-gradient(ellipse at 45% 10%,#0b1b2b44,transparent 65%),var(--bg);min-width:0}.chat-header{height:86px;padding:16px 26px;border-bottom:1px solid var(--line);background:#0e1b2b88;gap:13px;flex:none;display:flex;align-items:center}.chat-header h2{font-size:18px;font-weight:650;margin:0 0 4px;letter-spacing:-.25px}.chat-header small{font-size:11px;color:var(--muted);display:flex;gap:5px;align-items:center}.chat-header small svg{height:13px;width:13px}.header-copy{min-width:0;flex:1}.header-copy h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-action{height:36px;width:36px;border-radius:12px;color:var(--muted);display:grid;place-items:center}.header-action:hover{background:#ffffff06}
#conversation-search{padding:10px 26px;background:#0d1a28;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}#message-search{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#091522;color:var(--text);font-size:13px}#search-count{font-size:11px;color:var(--muted)}
.messages{padding:24px 30px 28px;gap:13px;scrollbar-width:thin;scrollbar-color:#304759 transparent}.date-marker{align-self:center;padding:5px 14px;border-radius:12px;background:#172638;color:var(--muted);font-size:11px;margin:4px 0 14px}
.message-row{display:flex;align-items:flex-end;gap:10px;max-width:78%;align-self:flex-start;min-width:0}.message-row.outgoing{align-self:flex-end;justify-content:flex-end}.message-avatar{width:28px;height:28px;font-size:10px;margin-bottom:2px}
.bubble{max-width:100%;min-width:105px;background:var(--incoming);border-radius:17px 17px 17px 5px;padding:11px 15px 8px;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ffffff02;box-shadow:0 2px 5px #00000008}.bubble.outgoing{background:var(--outgoing);border-radius:17px 17px 5px 17px}.bubble .metadata{font-size:10px;line-height:1.4;color:#96acbf;margin-top:5px;display:flex;align-items:center;justify-content:flex-end;gap:6px;text-align:right}.metadata svg{width:15px;height:15px}.metadata .read{color:var(--cyan)}.bubble .sender{font-size:11px;margin:0 0 5px;color:var(--cyan)}.bubble mark{background:#ffce66;color:#18202b;border-radius:3px;padding:0 2px}
#composer{padding:18px 26px 24px;background:transparent;border:0;gap:14px;align-items:flex-end;position:relative}.composer-field{display:flex;align-items:flex-end;min-width:0;flex:1;border:1px solid var(--line);background:#0e1e2d;border-radius:20px;padding:7px 8px}#message-input{border:0;background:transparent;border-radius:12px;padding:9px 10px;font-size:14px;line-height:1.5;min-height:39px;width:100%;min-width:0;outline:none;max-height:140px}.emoji-toggle{height:39px;width:39px;flex:none;display:grid;place-items:center;color:var(--muted)}.send{height:52px;width:52px;display:grid;place-items:center;flex:none;background:var(--cyan);color:#07343a;border:0;box-shadow:0 5px 20px #0002}.send:hover{color:#07343a;filter:brightness(1.1)}.send svg{width:23px;height:23px}
#emoji-picker{position:absolute;bottom:90px;left:28px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--raised);box-shadow:0 12px 45px #0008;display:grid;grid-template-columns:repeat(6,38px);gap:4px;z-index:3}#emoji-picker button{font-size:23px;padding:5px;border-radius:9px}#emoji-picker button:hover{background:#ffffff09}.chat-error{bottom:94px;background:#402329;border:1px solid #8d525855}
.story-strip{display:block;padding:3px 20px 17px;border-bottom:1px solid var(--line);overflow:hidden;flex:none}.story-heading-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.story-heading{font-size:13px;font-weight:600}.story-all{font-size:11px;color:var(--muted);padding:3px 0}.story-items{display:flex;align-items:flex-start;gap:15px;overflow-x:auto;scrollbar-width:none;padding:2px 0 5px}.story-avatar{background:none;border:0;border-radius:0;padding:0;flex:none;width:60px;display:flex;align-items:center;flex-direction:column;gap:8px;max-width:none;overflow:visible;white-space:normal}.story-avatar .story-ring{width:57px;height:57px;padding:3px;border:2px solid #35c98b;border-radius:50%;display:grid;place-items:center}.story-avatar.viewed .story-ring{border-color:#4f93e8}.story-avatar .avatar{width:47px;height:47px;font-size:13px;border:0}.story-caption{max-width:68px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.story-avatar:disabled{cursor:default;opacity:.55}.story-empty{font-size:11px;color:var(--muted);line-height:1.6}.story-avatar:hover .story-caption{color:var(--text)}
.story-viewer{width:min(480px,calc(100vw - 100px));height:min(780px,calc(100dvh - 50px));padding:0;overflow:visible;border:1px solid #53647866;border-radius:24px;color:var(--text);background:#0b1623;box-shadow:0 30px 120px #0008}.story-viewer::backdrop{background:#030914c9;backdrop-filter:blur(5px)}.story-stage{height:100%;margin:0;padding:0;overflow:hidden;border-radius:23px;display:grid;place-items:center;touch-action:pan-x;background:radial-gradient(circle at 30% 10%,#17364c,#0b192a 70%)}.story-stage img,.story-stage video{max-height:100%;max-width:100%;width:100%;height:100%;border-radius:0;object-fit:contain}.story-viewer>header{position:absolute;top:0;left:0;right:0;z-index:2;padding:18px 18px 38px;border-radius:23px 23px 0 0;background:linear-gradient(#07131dd9,transparent);display:block}.story-progress{display:flex;gap:5px;margin-bottom:15px}.story-progress span{height:3px;border-radius:3px;background:#ffffff42;flex:1}.story-progress span.done{background:#edf6fc}.story-progress span.current{background:var(--cyan)}.story-header-row{display:flex;gap:10px;align-items:center}.story-header-row .avatar{width:34px;height:34px;font-size:10px}.story-person{flex:1;min-width:0}.story-person strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-person small{font-size:10px;color:#c2ced8}.story-close{border:0!important;width:32px;height:32px;padding:0!important;background:#08132088!important;font-size:24px!important;color:var(--text)!important;border-radius:50%!important}.story-nav{position:absolute;top:50%;width:38px;height:38px;padding:0!important;border:1px solid #62768c88!important;border-radius:50%!important;display:grid;place-items:center;background:#0e1b2bbb!important;color:var(--text)!important;transform:translateY(-50%);font-size:27px!important}.story-prev{left:-52px}.story-next{right:-52px}.story-viewer>footer{position:absolute;bottom:0;left:0;right:0;padding:22px 18px 16px;border:0;border-radius:0 0 23px 23px;background:linear-gradient(transparent,#07131de0);justify-content:space-between;gap:8px;font-size:10px}.story-viewer>footer button{font-size:11px;padding:6px 11px;background:#132b3dbb;color:#e5f5fa;border-color:#60718144}.story-safety{font-size:10px;color:#d4e2ea;display:flex;align-items:center;gap:5px}.story-safety svg{height:12px;width:12px}.story-text{font-size:clamp(20px,2.2vw,32px);padding:80px 28px;line-height:1.5;background:none;white-space:pre-wrap;overflow-wrap:anywhere}.story-viewers{position:absolute;inset:35% 0 0;background:#101d2cf5;border-top:1px solid var(--line);border-radius:22px;z-index:4;padding:20px;overflow:auto}.story-viewers>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.story-viewers h2{font-size:18px}.story-viewers p{font-size:13px;line-height:1.5;color:var(--muted)}
#web-settings{background:var(--panel);border-color:var(--line)}#web-settings section{border-color:var(--line)}#empty{color:var(--muted)}#empty h2{color:var(--text);font-size:30px;letter-spacing:-1px}.empty-logo{box-shadow:none;border-color:var(--line);color:var(--cyan)}
@media(min-width:1500px){#workspace{grid-template-columns:86px 380px minmax(0,1fr)}.messages{padding:28px 48px}.message-row{max-width:65%}}
@media(max-width:1050px){#workspace{grid-template-columns:70px 300px minmax(0,1fr)}.rail{padding:20px 5px}.rail button{width:58px}.sidebar>header{padding:22px 18px 16px}.search{margin-left:16px;margin-right:16px}.list-tabs{padding-left:16px;padding-right:16px}.story-strip{padding-left:16px;padding-right:16px}.chat-row{gap:10px;padding:13px 9px}.messages{padding:22px 20px}.message-row{max-width:88%}.chat-header{padding:15px 20px}.bubble{font-size:13px}}
@media(max-width:700px){#workspace{grid-template-columns:64px minmax(0,1fr)}.rail{padding:18px 3px}.rail button{width:54px;font-size:9px}.rail .brand-small{width:42px}.sidebar>header{padding:20px 18px 15px}#workspace.chat-open{grid-template-columns:1fr}.chat-header{height:76px;padding:12px 16px}.messages{padding:18px 14px}.message-row{max-width:90%}#composer{padding:14px 12px 18px;gap:10px}.send{height:48px;width:48px}.story-viewer{width:calc(100vw - 20px);height:calc(100dvh - 28px);border-radius:20px}.story-prev{left:7px;top:auto;bottom:64px;transform:none}.story-next{right:7px;top:auto;bottom:64px;transform:none}.story-stage{border-radius:19px}.story-nav{z-index:3}.chat-row .avatar{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.story-gallery-list{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;padding:100px 30px}.story-gallery .story-stage{align-content:start;overflow:auto}.story-gallery .story-avatar{width:88px}.story-gallery .story-avatar .story-ring{width:74px;height:74px}.story-gallery .story-avatar .avatar{width:64px;height:64px}.story-gallery .story-caption{font-size:12px;max-width:86px}

/* QYRA approved brand assets */
.qyra-symbol{display:block;width:100%;height:100%;object-fit:contain}.qyra-wordmark{display:block;object-fit:contain}.brand .logo{border:0;background:transparent;box-shadow:none;width:60px;height:60px}.brand-small{background:transparent!important;border:0!important;width:52px!important;height:52px!important}.empty-logo{width:156px!important;height:156px!important;border:0!important;background:transparent!important;box-shadow:none!important}.brand strong{display:flex;align-items:center}.brand strong .qyra-wordmark{width:120px;height:42px}