:root{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-accent:#2563eb;--color-accent-light:#eaf2ff;--color-accent-warm:#1d4ed8;--color-accent-gold:#946b3c;--color-border:#e2e8f0;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--radius:16px;--radius-sm:10px;--radius-pill:9999px;--radius-shell:24px}@media (prefers-color-scheme:dark){:root:not(.light){--color-bg:#0f172a;--color-bg-elevated:#111827;--color-surface:#1e293b;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-accent:#60a5fa;--color-accent-light:#1e3a5f;--color-accent-warm:#93c5fd;--color-accent-gold:#e9a55a;--color-border:#334155;--color-danger:#fb7185;--color-danger-bg:#2d1b1e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006}}:root.dark{--color-bg:#0f172a;--color-bg-elevated:#111827;--color-surface:#1e293b;--color-text:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#64748b;--color-accent:#60a5fa;--color-accent-light:#1e3a5f;--color-accent-warm:#93c5fd;--color-accent-gold:#e9a55a;--color-border:#334155;--color-danger:#fb7185;--color-danger-bg:#2d1b1e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006}*{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}.splash{background:var(--color-accent);z-index:9999;justify-content:center;align-items:center;animation:1s 2s forwards splashFade;display:flex;position:fixed;inset:0}.splash-logo{color:#fff;font-family:Caveat,cursive;font-size:3.5rem;font-weight:700;animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes splashFade{to{opacity:0;pointer-events:none;visibility:hidden}}body{height:100dvh;background:var(--color-bg);height:-webkit-fill-available;color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow:hidden}.skip-link{background:var(--color-accent);color:#fff;z-index:1000;border-radius:0 0 8px;padding:.5rem 1rem;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}#app{background:var(--color-bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-footer{text-align:center;color:var(--color-text-secondary);padding:.4rem 1rem;font-size:.6rem}.app-footer a{color:var(--color-accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}.debug-panel{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);z-index:400;box-shadow:var(--shadow-md);padding:.8rem 1rem;font-size:.68rem;position:fixed;bottom:1rem;left:1rem}.debug-panel h4{margin-bottom:.4rem;font-size:.72rem}.debug-panel p{margin-bottom:.2rem}.debug-panel span{color:var(--color-accent);font-weight:700}.debug-panel #btn-debug-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;position:absolute;top:.3rem;right:.3rem}header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:10;text-align:center;flex-shrink:0;padding:.6rem 1rem;position:sticky;top:0}header h1{color:var(--color-accent);letter-spacing:0;font-family:Caveat,cursive;font-size:2.5rem;font-weight:700}.header-row{justify-content:center;align-items:center;gap:5rem;margin-top:.2rem;font-size:.72rem;display:flex}.header-link{color:var(--color-accent);align-items:center;min-height:40px;padding:0 .3rem;font-weight:600;text-decoration:none;display:inline-flex}.header-link--danger{color:var(--color-danger)}.header-disclaimer{color:var(--color-text-muted);text-underline-offset:2px;margin-top:.15rem;font-size:.68rem;text-decoration:underline;display:block}#theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.1rem;transition:background .2s;display:flex;position:absolute;top:.4rem;right:.5rem}#theme-toggle:hover{background:var(--color-surface)}#theme-toggle svg{color:var(--color-text-muted)}#theme-toggle .icon-sun,:root.dark #theme-toggle .icon-moon{display:none}:root.dark #theme-toggle .icon-sun{display:block}#lang-toggle{border:1px solid var(--color-border);cursor:pointer;border-radius:var(--radius-sm);min-width:36px;min-height:36px;color:var(--color-text-muted);background:0 0;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;transition:background .2s;display:flex;position:absolute;top:.4rem;left:.5rem}#lang-toggle:hover{background:var(--color-surface)}#lang-toggle:disabled{opacity:.3;cursor:not-allowed}#lang-toggle:disabled:hover{background:0 0}#chat-container{scroll-behavior:smooth;flex:1;padding:.8rem .8rem 3.5rem;overflow-y:auto}#messages{flex-direction:column;gap:.6rem;display:flex}.msg{border-radius:var(--radius);max-width:84%;padding:.7rem .9rem;font-size:.9rem;line-height:1.5;animation:.25s fadeIn;position:relative}.msg.bot{background:var(--color-surface);color:var(--color-text);border-bottom-left-radius:4px;align-self:flex-start;padding-left:1.8rem}.msg.bot:before{content:"💙";font-size:.7rem;position:absolute;top:.6rem;left:.55rem}.msg.user{background:var(--color-accent);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg.user .msg-time{color:#fff9}.msg-time{color:var(--color-text-muted);opacity:.6;margin-top:.2rem;font-size:.62rem;display:block}.msg-speak{cursor:pointer;opacity:.4;background:0 0;border:none;font-size:.7rem;transition:opacity .2s;position:absolute;top:.4rem;right:.4rem}.msg-speak:hover{opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#typing-indicator{background:var(--color-surface);border-radius:var(--radius);border-bottom-left-radius:4px;align-items:center;gap:.5rem;max-width:70%;padding:.7rem .9rem .7rem 1.8rem;animation:.25s fadeIn,2s infinite shimmer;display:flex}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.7}}.typing-text{color:var(--color-text-muted);font-size:.8rem}.typing-dots{gap:3px;margin-left:.3rem;display:inline-flex}.typing-dots span{background:var(--color-accent);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite bounce}.typing-dots span:nth-child(2){animation-delay:.16s}.typing-dots span:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}#chat-input-area{background:var(--color-bg-elevated);border-top:1px solid var(--color-border);flex-shrink:0;padding:.6rem .8rem}#chat-form{align-items:center;gap:.4rem;display:flex}#user-input{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);resize:none;scrollbar-width:none;flex:1;min-height:44px;max-height:100px;padding:.65rem 1rem;font-size:16px;overflow-y:auto}#user-input::-webkit-scrollbar{display:none}#user-input{font-family:inherit;line-height:1.4;transition:border-color .2s,box-shadow .2s}#user-input::placeholder{color:var(--color-text-muted)}#user-input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #5b8def1f}#btn-mic{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.1rem;transition:background .2s;display:flex}#btn-mic:hover{background:var(--color-surface)}#btn-send{background:var(--color-accent);color:#fff;border-radius:var(--radius-pill);cursor:pointer;border:none;min-width:44px;min-height:44px;padding:.65rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}#btn-send:hover{background:var(--color-accent-warm)}#btn-send:disabled{opacity:.4;cursor:not-allowed}#sullivan-progress{background:var(--color-bg);padding:.4rem 1rem}.sullivan-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}#sullivan-label{color:var(--color-text-muted);font-size:.7rem;font-weight:500}.sullivan-dots{gap:4px;display:flex}.dot{background:var(--color-border);border-radius:50%;width:6px;height:6px;transition:background .3s}.dot.active{background:var(--color-accent)}.progress-bar{background:var(--color-border);border-radius:2px;height:3px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width .5s}#welcome-screen{flex:1;justify-content:center;align-items:center;padding:1rem 1rem 4rem;animation:.8s welcomeFade;display:flex;overflow-y:auto}@keyframes welcomeFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-content{text-align:center;width:100%;max-width:380px}.welcome-content h2{letter-spacing:-.02em;margin-bottom:.4rem;font-family:Nunito,sans-serif;font-size:1.25rem;font-weight:700}.welcome-lead{color:var(--color-text-secondary);margin-bottom:.2rem;font-size:.88rem}.trust-signals{color:var(--color-text-secondary);justify-content:center;gap:1rem;margin:.8rem 0 1rem;font-size:.82rem;font-weight:500;display:flex}.quick-actions{border:none;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0 0;padding:0;display:flex}.quick-btn{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;min-height:44px;padding:.45rem .8rem;font-size:.78rem;transition:all .2s;display:inline-flex}.quick-btn:hover,.quick-btn:focus{background:var(--color-accent-light);border-color:var(--color-accent);color:var(--color-text-secondary)}.quick-btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.quick-btn--danger:hover,.quick-btn--danger:focus{background:var(--color-danger-bg);border-color:var(--color-danger)}.quick-btn--toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:none;min-height:44px;padding:.4rem .5rem;font-size:.74rem;font-weight:500}.btn-primary{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;min-height:48px;padding:.85rem;font-size:.95rem;font-weight:600;transition:all .2s;display:block;box-shadow:0 2px 8px #5b8def40}.btn-primary:hover{background:var(--color-accent-warm);transform:translateY(-1px);box-shadow:0 4px 16px #5b8def4d}.btn-primary:active{transform:translateY(0)}#btn-emergency-float{background:var(--color-danger);color:#fff;border-radius:var(--radius-pill);cursor:pointer;text-align:center;z-index:10;border:none;min-height:32px;margin:0 auto;padding:.4rem .8rem;font-size:.7rem;font-weight:700;transition:opacity 1.2s;display:none;position:relative;transform:translateY(-25%)}#btn-emergency-float.collapsed{opacity:.4}#btn-emergency-float:hover{opacity:1}#risk-overlay{z-index:200;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.risk-content{background:var(--color-bg-elevated);border-radius:var(--radius-shell);text-align:center;width:100%;max-width:340px;padding:2rem 1.5rem;position:relative;box-shadow:0 20px 60px #0000004d}.risk-content h2{color:var(--color-danger);margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.risk-content p{color:var(--color-text-secondary);margin-bottom:1.2rem;font-size:.85rem;line-height:1.5}.risk-icon{margin-bottom:.8rem;font-size:2.5rem}.risk-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.2rem;display:flex;position:absolute;top:.8rem;right:.8rem}.risk-close:hover{background:var(--color-surface)}.risk-actions{flex-direction:column;gap:.6rem;display:flex}.risk-btn{border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;min-height:48px;padding:.9rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .1s;display:flex}.risk-btn:active{transform:scale(.97)}.risk-btn small{opacity:.8;margin-top:.15rem;font-size:.72rem;font-weight:400}.risk-btn--primary{background:var(--color-danger);color:#fff}.risk-btn--secondary{background:var(--color-accent);color:#fff}.risk-btn--text{color:var(--color-text-muted);background:0 0;margin-top:.3rem;font-size:.8rem;font-weight:400}.risk-resources{text-align:left;color:var(--color-text-secondary);margin-top:.8rem;font-size:.82rem}.risk-resources p{margin-bottom:.4rem}.risk-resources a{color:var(--color-accent);font-weight:600;text-decoration:none}#consent-modal,#lang-modal{-webkit-backdrop-filter:blur(6px);z-index:300;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.consent-content{background:var(--color-bg-elevated);border-radius:var(--radius-shell);text-align:center;width:100%;max-width:380px;padding:2.5rem 2rem;box-shadow:0 20px 60px #0003}.consent-content .btn-primary{margin-top:1.2rem}.consent-brand{margin-bottom:.3rem;font-size:2.2rem}.consent-title{color:var(--color-accent);margin-bottom:.5rem;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700}.consent-lead{color:var(--color-text-secondary);margin-bottom:.4rem;font-size:.95rem}.consent-desc{color:var(--color-text-muted);margin-bottom:1rem;font-size:.82rem;line-height:1.5}.consent-badges{color:var(--color-text-secondary);flex-direction:column;gap:.4rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.consent-emergency{color:var(--color-text-muted);margin-top:1.2rem;font-size:.72rem}.consent-emergency p{margin-bottom:.3rem}.consent-emergency a{color:var(--color-accent);font-weight:600;text-decoration:none}.consent-emergency .consent-sep{color:var(--color-border);margin:0 .5rem}#desktop-shell{height:100dvh}#sidebar{display:none}@media (width>=1024px){body{justify-content:center;align-items:stretch;display:flex}#desktop-shell{grid-template-rows:auto auto 1fr auto auto auto;grid-template-columns:330px 1fr;width:100%;height:100dvh;display:grid;overflow:hidden}#sidebar{background:var(--color-surface);box-shadow:1px 0 0 var(--color-border);flex-direction:column;grid-area:1/1/-1;justify-content:center;padding:2rem 1.8rem;display:flex;overflow-y:auto}.sidebar-content{text-align:center;max-width:280px;margin:0 auto}#app{display:contents}#app>header{grid-area:1/2}#sullivan-progress{grid-area:2/2}#welcome-screen,#chat-container{grid-area:3/2}#btn-emergency-float{grid-area:4/2}#chat-input-area{grid-area:5/2}.app-footer{grid-area:6/2}.welcome-content{max-width:520px}#messages{max-width:580px;margin:0 auto}:root.dark #desktop-shell,:root:not(.light) #desktop-shell{border-color:var(--color-border)}.sidebar-brand{margin-bottom:.7rem;font-size:2.4rem}.sidebar-title{color:var(--color-accent);margin-bottom:.2rem;font-family:Caveat,cursive;font-size:1.5rem;font-weight:700}.sidebar-subtitle{color:var(--color-text-secondary);margin-bottom:.6rem;font-size:.88rem}.sidebar-desc{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.82rem;line-height:1.55}.sidebar-section{margin-bottom:1.4rem}.sidebar-section h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.68rem;font-weight:600}.sidebar-link{color:var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);margin-bottom:.3rem;padding:.55rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s;display:block}.sidebar-link:hover{background:var(--color-accent-light)}.sidebar-link--danger{color:var(--color-danger)}.sidebar-note{color:var(--color-text-muted);margin-top:.2rem;padding-left:.7rem;font-size:.72rem}.sidebar-disclaimer{color:var(--color-text-muted);background:var(--color-surface);border-radius:var(--radius-sm);padding:.7rem .9rem;font-size:.76rem;line-height:1.5}.sidebar-emergency{background:var(--color-danger);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;min-height:44px;margin:1rem 0 1.5rem;padding:.85rem 1rem;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .1s}.sidebar-emergency:hover{opacity:.9}.sidebar-emergency:active{transform:scale(.97)}.header-row{display:none}header{border-bottom:1px solid var(--color-border)}header h1{font-size:2.5rem}#welcome-screen{align-items:center;padding:3rem 2rem}.welcome-content h2{font-size:1.75rem}.welcome-lead{font-size:1.05rem}.trust-signals{gap:1.2rem;font-size:.82rem}.quick-btn{padding:.55rem 1rem;font-size:.86rem}.btn-primary{min-height:52px;padding:1rem;font-size:1.1rem}.msg{padding:.8rem 1rem;font-size:.95rem}.msg.bot{padding-left:2rem}#user-input{font-size:.95rem}#btn-send{font-size:.9rem}}