@charset "UTF-8";
:root{color-scheme:dark;--bg:#0e0c10;--surface:#151217;--surface-2:#1d1920;--border:#3a323f;--text:#f3eef5;--muted:#ada4b0;--purple:#a36fe2;--urgent:#e27f75;--urgent-bg:#2a1718;--error:#ffaaa5;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--purple);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:4px}h1,h2,p{margin-top:0}[hidden]{display:none!important}
.site-header{max-width:1320px;margin:auto;padding:30px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #25222a}.wordmark{display:flex;align-items:center;color:var(--text);font-size:24px;font-weight:700;letter-spacing:-1px}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--purple);color:#17111f!important;border-radius:7px;width:32px;height:32px;margin-right:12px;font-size:24px;letter-spacing:-2px;padding-right:3px}.wordmark-dot{color:var(--purple)}nav{display:flex;align-items:center;gap:32px}.text-button{border:0;background:none;color:var(--muted);padding:5px 0;text-align:left;font-size:14px}.text-button:hover{color:var(--text)}
.eyebrow{color:var(--purple);font-size:12px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:12px}.landing{max-width:1320px;margin:auto;text-align:center;padding:87px 32px 0;min-height:calc(100dvh - 150px)}.landing>.eyebrow{justify-content:center}.short-line{width:24px;height:1px;background:var(--purple)}.landing h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(42px,5.8vw,78px);line-height:1.09;font-weight:500;letter-spacing:-3.8px;margin:27px auto 25px}.landing h1 span{color:var(--purple)}.hero-copy{color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:29px}.landing-bottom{border-top:1px solid #302a38;margin:88px 24px 0;padding:28px 0;display:flex;justify-content:center;gap:72px;text-align:left}.landing-bottom p{font-size:14px;color:#c0b8cb;margin:0}.landing-bottom span{color:var(--purple);font-size:12px;margin-right:12px}.hero-note{font-size:13px;color:var(--muted);margin:16px 0 0}
.primary-button,.secondary-button,.emergency-submit{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:7px;min-height:46px;padding:11px 22px;font-size:15px;font-weight:600}.primary-button{background:var(--purple);color:#130d18}.primary-button:hover:enabled{background:#b984ef}.secondary-button{background:var(--surface-2);color:var(--text);border-color:var(--border)}.secondary-button:hover:enabled{background:#2e2739}.hero-button{min-height:54px;padding:15px 25px;font-size:16px}.hero-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.full-width{width:100%}
.community{max-width:1260px;margin:30px auto 22px;padding:0 44px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px}.community-info h2{font-family:Georgia,"Times New Roman",serif;font-size:35px;font-weight:400;line-height:1.05;letter-spacing:-1.5px;margin:16px 0}.community-info>p{color:var(--muted);font-size:14px}.community-info>.text-button{display:block;margin-bottom:12px}.back-home{margin-bottom:28px!important}.identity-card{border-top:1px solid var(--border);padding:19px 0 9px;margin:24px 0 10px}.small-label{display:block;color:#8c8190;font-size:10px;letter-spacing:.13em}.identity-card strong{display:block;color:var(--purple);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;margin:7px 0;overflow-wrap:anywhere}.identity-card p{color:var(--muted);font-size:12px;margin:0}
.community-options{margin:8px 0 14px}.community-options summary,.message-actions-trigger{width:max-content;list-style:none;cursor:pointer;color:var(--muted);font-size:12px}.community-options summary::-webkit-details-marker,.message-actions-trigger::-webkit-details-marker{display:none}.community-options summary:hover,.message-actions-trigger:hover{color:var(--text)}.community-options summary:after{content:' +';color:var(--purple)}.community-options[open] summary:after{content:' −'}.community-options>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:7px}.community-options .text-button{font-size:12px}.community-options .app-action{margin:0!important}
.emergency-button{width:100%;display:flex;align-items:center;gap:10px;margin:11px 0 17px;padding:12px 13px;border:1px solid #7a403f;border-radius:2px;background:var(--urgent-bg);color:#f5c3bd;text-align:left;font-size:13px}.emergency-button span{width:22px;height:22px;border:1px solid #bc655f;display:grid;place-content:center;border-radius:50%;font:bold 13px Georgia,serif}.emergency-button:hover:enabled{background:#351c1e}.helper-toggle{display:flex;gap:10px;align-items:flex-start;color:var(--muted);cursor:pointer;font-size:13px;margin-bottom:6px}.helper-toggle input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--purple);flex:none}.helper-toggle strong,.helper-toggle small{display:block}.helper-toggle strong{color:#d7d0da;font-weight:500}.helper-toggle small{font-size:11px;line-height:1.45;margin-top:3px}.helper-count{color:#7f7484!important;font-size:11px!important;margin:0 0 18px!important}.support-note{border-top:1px solid var(--border);margin-top:22px;padding-top:17px;color:#918695;font-size:11px}.support-note p{margin-bottom:8px}.support-note a{display:inline-block;font-size:13px;margin-bottom:8px}.support-note span{display:block}
.chat-panel{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border)}.chat-header{padding:19px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--border)}.chat-header h2{margin:0 0 2px;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400}.chat-header p{margin:0;color:var(--muted);font-size:12px}.connection-state{color:#8c8290;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:nowrap}.message-list{height:440px;min-height:240px;padding:27px 25px;overflow-y:auto;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:#55455e transparent}.message{max-width:94%;margin-bottom:25px;overflow-wrap:anywhere}.message:last-child{margin-bottom:0}.message-meta{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.message-meta strong{color:var(--purple);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.message-meta time{color:#827889;font-size:11px}.message-body{margin:0;white-space:pre-wrap;font-size:15px;line-height:1.62}.message.mine{border-left:2px solid var(--purple);padding:11px 14px;background:#211a25}.message.removed .message-body{color:var(--muted);font-size:13px;font-style:italic}.message-actions-menu{margin-top:5px}.message-actions-trigger{padding:2px 0}.message-actions{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:3px}.message-actions button{color:#9b909f;font-size:12px;min-height:25px}.reply-quote{border-left:2px solid #665276;margin:5px 0 10px;padding-left:10px;color:var(--muted);font-size:12px;white-space:pre-wrap}.chat-empty{padding:70px 15px;color:var(--muted);text-align:center;font-size:15px}.chat-empty strong{display:block;margin-bottom:8px;color:var(--text);font-weight:500}.composer{border-top:1px solid var(--border);padding:14px 21px}.composer textarea{width:100%;min-height:60px;max-height:200px;padding:8px 0;resize:vertical;border:0;background:transparent;color:var(--text);font-size:15px}.composer textarea:focus{outline-offset:0}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-bottom>span{color:#8d8391;font-size:11px}.composer-bottom .primary-button{min-height:38px;padding:9px 20px;font-size:14px}.composer-error{margin:0;padding:6px 21px 10px}.preview-banner,.chat-notice{padding:11px 21px;background:#2b2130;color:#d6b9eb;font-size:13px;line-height:1.5}.chat-notice{background:#2b241e;color:#e5d1aa}.reply-bar{display:flex;justify-content:space-between;gap:12px;padding:8px 21px;background:#261e2b;color:var(--purple);font-size:13px}.load-older{align-self:center;margin:8px}
.site-footer{max-width:1260px;margin:auto;padding:18px 44px 24px;display:flex;justify-content:space-between;gap:22px;color:#736a77;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.site-footer p{margin:0}.site-footer>div{display:flex;align-items:center;gap:24px}.site-footer .text-button{font-size:11px}
dialog{width:min(470px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:34px;overflow:auto;border:1px solid #44394a;border-radius:3px;background:var(--surface);color:var(--text);box-shadow:0 22px 75px #0008}dialog::backdrop{background:#070609da}dialog .eyebrow{margin-bottom:15px}dialog h2{margin-bottom:14px;font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:400}.dialog-intro{margin-bottom:22px;color:var(--muted);font-size:14px;line-height:1.62}.close-dialog{position:absolute;right:12px;top:9px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:24px}.auth-tabs{display:flex;gap:28px;margin:12px 0 23px;border-bottom:1px solid var(--border)}.auth-tabs button{padding:9px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px}.auth-tabs button[aria-selected=true]{border-color:var(--purple);color:var(--purple)}.google-g{font-size:19px;font-weight:700}.divider{display:flex;align-items:center;gap:15px;margin:23px 0;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--border)}form label{display:block;margin:16px 0 7px;font-size:14px}input:not([type=checkbox]),select,form textarea:not(#message-input){width:100%;min-width:0;padding:12px;border:1px solid #473c50;border-radius:2px;background:#100d12;color:var(--text);font-size:16px}input::placeholder,textarea::placeholder{color:#817586}.field-hint{margin:7px 0;color:var(--muted);font-size:12px}.form-error{min-height:0;color:var(--error);font-size:13px;line-height:1.5}.form-status{color:#bfdbb8;font-size:13px;overflow-wrap:anywhere}.form-error:empty,.form-status:empty{display:none}#auth-submit{margin-top:17px}.auth-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:14px}.auth-links button{font-size:12px}.auth-privacy{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.code-input{text-align:center;letter-spacing:10px;font-size:25px!important}.rules-list{padding-left:19px;color:var(--muted);font-size:14px}.rules-list li{padding:0 0 16px 7px}.rules-list strong{color:var(--text);font-weight:500}.subtle,.privacy-copy{color:var(--muted);font-size:14px;line-height:1.65}.privacy-copy strong{color:var(--text);font-weight:500}.checkbox-label{display:flex;align-items:flex-start;gap:12px;margin:22px 0;color:var(--muted);font-size:14px}.checkbox-label input{width:18px;height:18px;margin-top:3px;flex:none;accent-color:var(--purple)}.wide-dialog{width:min(700px,calc(100% - 32px))}.report-card{padding:20px 0;border-top:1px solid var(--border)}.report-card p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.report-card .message-body{margin:12px 0;color:var(--text)}.report-card .message-actions{gap:24px}.toast{position:fixed;z-index:80;left:50%;bottom:22px;max-width:calc(100% - 30px);transform:translateX(-50%);padding:13px 22px;border:1px solid #594569;border-radius:2px;background:#2c2232;color:var(--text);text-align:center;font-size:14px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;z-index:100;padding:12px;background:var(--surface)}#captcha-container{margin-top:15px;max-width:100%;overflow:hidden}#action-form>.primary-button,#report-form>.primary-button{margin-top:14px}
.urgent-dialog{border-color:#684044}.urgent-dialog .eyebrow{color:var(--urgent)}.urgent-dialog blockquote{margin:18px 0 22px;padding:13px 15px;border-left:2px solid var(--urgent);background:#211618;color:#ecd8d6;white-space:pre-wrap}.optional{color:#807582;font-size:11px;font-weight:400}.crisis-box{display:flex;flex-direction:column;gap:3px;margin:18px 0;padding:13px 15px;border:1px solid #593436;background:#211416;color:#cbb6b7;font-size:12px}.crisis-box strong{color:#ecc2bd;font-weight:500}.emergency-submit{margin-top:8px;background:#b65e59;color:#170b0b}.emergency-submit:hover:enabled{background:#d77971}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.danger-text{margin-top:12px;color:var(--urgent)}
@media(min-width:1500px){.message-list{height:500px}}
@media(max-width:880px){.site-header{padding:24px 28px}.landing-bottom{gap:30px;margin-left:0;margin-right:0}.community{grid-template-columns:215px minmax(0,1fr);gap:25px;padding:0 28px}.site-footer{padding:18px 28px 24px}}
@media(max-width:640px){.site-header{padding:22px 20px;gap:12px}.wordmark{font-size:21px}.brand-icon{width:27px;height:27px;font-size:20px;margin-right:8px}.nav-rule{display:none}.landing{min-height:calc(100dvh - 130px);padding:76px 20px 0}.landing>.eyebrow{font-size:10px;letter-spacing:1.5px}.landing h1{font-size:45px;letter-spacing:-2px;line-height:1.12;margin:25px 0}.hero-copy{font-size:16px;max-width:350px;margin:0 auto 29px}.desktop-break{display:none}.hero-note{font-size:12px}.landing-bottom{margin-top:65px;padding:26px 8px;display:flex;flex-direction:column;gap:14px;text-align:left;max-width:350px;margin-left:auto;margin-right:auto}.landing-bottom p{font-size:13px}.hero-button{width:100%;max-width:285px}.community{display:block;margin-top:14px;padding:0 11px}.community-info{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;padding:0 5px}.community-info>.eyebrow,.community-info h2,.community-info>p,.identity-card .small-label,.identity-card p{display:none}.community-info>.text-button{margin:0!important;font-size:12px}.back-home{order:-2}.identity-card{order:-1;margin:0 0 0 auto;padding:0;border:0}.identity-card strong{margin:0;font-size:12px}.emergency-button{width:auto;margin:4px 0 8px;padding:8px 10px;font-size:11px}.emergency-button span{width:18px;height:18px}.helper-toggle{margin:4px 0 8px;font-size:11px}.helper-toggle small,.helper-count{display:none}.community-options{margin:2px 0 8px}.support-note{width:100%;margin:0 0 8px;padding-top:9px}.support-note p{display:inline}.support-note a{margin-left:7px}.support-note span{display:none}.chat-header{padding:14px 15px;align-items:flex-start}.chat-header h2{font-size:18px}.chat-header p{max-width:220px;font-size:11px}.connection-state{font-size:9px}.message-list{height:calc(100dvh - 404px);min-height:290px;padding:19px 15px}.message{max-width:100%}.message-body{font-size:14px}.composer{padding:12px 15px}.composer textarea{font-size:16px}.composer-bottom>span{max-width:185px;font-size:10px}.preview-banner{padding:10px 15px;font-size:12px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-top:1px solid #28222b;font-size:10px}.site-footer>div{margin-top:0}.site-footer .text-button{font-size:10px}dialog{padding:29px 22px;max-height:calc(100dvh - 24px)}dialog h2{font-size:27px}.checkbox-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.share-dialog{width:min(760px,calc(100% - 32px))}.share-preview{min-height:260px;display:grid;place-items:center;margin:20px 0 16px;border:1px solid var(--border);background:#0a080c;color:var(--muted);overflow:hidden}.share-preview p{margin:0;padding:45px 20px;font-size:13px}.share-preview img{display:block;width:100%;height:auto}.share-note{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.share-actions{display:flex;justify-content:flex-end;gap:12px}.share-actions button{min-width:150px}
@media(max-width:640px){.share-preview{min-height:180px}.share-actions{flex-direction:column-reverse}.share-actions button{width:100%}}
.app-action{display:block;margin-bottom:12px!important}.typing-state{min-height:26px;margin:0;padding:5px 21px 4px;color:#8f8494;font-size:11px;font-style:italic}.reaction-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.reaction-toggle{min-height:25px;padding:2px 0;border:0;background:transparent;color:#958a99;font-size:11px}.reaction-option{display:none}.reaction-list.expanded .reaction-option,.reaction-option.has-reaction{display:inline-flex}.reaction-chip{min-height:28px;padding:4px 9px;border:1px solid #45394d;border-radius:999px;background:#19151c;color:#aba0af;font-size:11px;line-height:1.2}.reaction-chip:hover:enabled,.reaction-chip.active{border-color:#76558d;background:#261d2c;color:#d8b9ee}.reaction-chip.active{box-shadow:inset 0 0 0 1px #5f4274}#online-count{color:#c5a3dd}.install-ready{color:var(--purple)!important}
@media(max-width:640px){.app-action{margin:0!important;font-size:11px}.typing-state{padding:4px 15px}.reaction-list{gap:5px}.reaction-chip{min-height:27px;padding:4px 8px;font-size:10px}}


/* The application fills the window; only conversation history scrolls. */
html,body{height:100%;overflow:hidden}
body{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.site-header{width:100%;max-width:none;padding:18px 32px}
#main{min-height:0;overflow:hidden}
.site-footer{width:100%;max-width:none;padding:8px 32px;font-size:10px}
.landing{height:100%;min-height:0;padding:clamp(16px,5vh,60px) 24px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.landing h1{font-size:clamp(32px,min(6vw,9vh),76px);margin:18px 0;letter-spacing:-2px}
.hero-copy{font-size:clamp(13px,2.2vh,18px);margin-bottom:20px}
.landing-bottom{width:100%;margin:clamp(16px,5vh,50px) 0 0;padding:16px 0;gap:32px}
.hero-note{margin-top:10px}.hero-button{min-height:44px;padding:11px 22px}
.community{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:20px 32px;grid-template-columns:220px minmax(0,1fr);gap:28px}
.community-info{min-height:0;overflow:hidden}.community-info h2{font-size:32px}.back-home{margin-bottom:20px!important}
.workspace-panel{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
.workspace-tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);padding:0 20px;flex:none;background:#171219}
.workspace-tabs button,.channel-tabs button{border:0;background:transparent;color:var(--muted);padding:14px 4px;font-size:14px}
.workspace-tabs button[aria-selected=true]{color:#ddbeff;border-bottom:2px solid var(--purple)}
.chat-panel{min-height:0;flex:1;border:0;border-radius:0;overflow:hidden}
.room-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid #29232f;flex:none}
.room-toolbar select{flex:1;max-width:360px;min-width:0;border:1px solid var(--border);border-radius:6px;background:#1d1722;color:var(--text);padding:7px 10px;font-size:13px}
.room-toolbar .text-button{font-size:12px;white-space:nowrap}
.channel-tabs{display:flex;gap:8px;padding:8px 20px 0;flex:none}.channel-tabs button{font-size:12px;padding:6px 12px;border-radius:20px}
.channel-tabs button[aria-pressed=true]{background:#30213d;color:#ddb8ff}
.chat-header{padding:10px 20px;flex:none}.chat-header h2{font-size:18px}.chat-header p{font-size:11px}
.chat-header>div{min-width:0;flex:1}.chat-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-list{height:auto;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px}
.composer{flex:none;padding:8px 20px 12px}.composer textarea{min-height:40px;max-height:70px;height:50px;resize:none;font-size:14px}
.composer-tools{display:flex;align-items:center;gap:12px;margin:2px 0 8px;font-size:12px}
.composer-tools select{width:auto;max-width:240px;border:1px solid var(--border);background:var(--surface-2);padding:5px 8px;color:var(--muted);font-size:11px;border-radius:6px}
.composer-tools .text-button{font-size:12px}.composer-bottom .primary-button{padding:7px 20px;min-height:34px}
.composer-error{padding:0 20px 6px}.load-older{font-size:11px;margin:3px}.reply-bar{padding:4px 20px;font-size:12px}.typing-state{padding:3px 20px;min-height:20px}
.trigger-banner{border:1px solid #6a5340;border-radius:6px;padding:8px 12px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;background:#292017;color:#e7c8a0}
.trigger-banner strong{font-weight:500}.trigger-banner button{font-size:12px;color:#eed7ba;white-space:nowrap}
.weekly-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:24px 32px;background:radial-gradient(ellipse at top right,#30203a55,transparent 65%)}
.weekly-heading{flex:none}.weekly-heading h2{font:normal clamp(24px,4vw,36px) Georgia,serif;margin:12px 0 8px}.weekly-heading p{font-size:12px;margin-bottom:10px}
#weekly-list{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.weekly-poem{width:100%;max-width:650px;min-width:0}.poem-author{display:block;color:var(--muted);font:12px ui-monospace,monospace;margin:14px 0;overflow-wrap:anywhere}
.poem-verses{font:clamp(15px,2.5vh,21px)/1.65 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px}
.weekly-empty{max-width:380px;text-align:center;font-size:14px;color:var(--muted)}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding-top:12px;font-size:11px;color:var(--muted)}
.pager .secondary-button{min-height:34px;padding:7px 16px;font-size:12px}
.dialog-tabs{display:flex;gap:18px;margin-bottom:16px;border-bottom:1px solid var(--border)}.dialog-tabs button{font-size:12px;padding:8px 0}.dialog-tabs button[aria-pressed=true]{color:var(--purple);border-bottom:2px solid var(--purple)}
#create-group-form .primary-button,#join-group-form .primary-button{margin-top:18px}
#invite-result{margin-top:14px}#invite-result label{font-size:12px;color:var(--muted)}#generated-invite{font:12px ui-monospace,monospace;width:100%;margin-top:8px;padding:10px;background:#100d12;color:var(--text);border:1px solid var(--border)}
.invite-types{display:flex;gap:16px;margin:12px 0}.invite-types button{font-size:12px}.invite-types button[aria-pressed=true]{color:var(--purple);text-decoration:underline;text-underline-offset:5px}
.invite-duration{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-duration input,.invite-duration select{width:100%;min-width:0}
#create-link-form .primary-button{margin-top:12px}#generated-community-link{margin:8px 0;font-size:12px}#link-result>label{font-size:12px;color:var(--muted)}.link-result-actions{display:flex;flex-wrap:wrap;gap:8px 18px}.link-result-actions button{font-size:12px;margin:0}
dialog{overflow:hidden;max-height:calc(100dvh - 24px);padding:26px;line-height:1.45}.rules-list{min-height:100px}.rules-list li{padding-bottom:8px}.privacy-copy{min-height:130px}
.share-preview{min-height:0;max-height:38dvh;margin:12px 0}.share-preview img{max-height:38dvh;width:auto;max-width:100%;object-fit:contain}
#room-options-content .support-note{margin-top:12px;padding-top:12px}#room-options-content .emergency-button{margin:8px 0 12px}#room-options-content .helper-count{display:block!important}
@media(max-height:650px){
 #groups-dialog{padding:16px 18px}
 #groups-dialog>.subtle{margin-bottom:10px}
 #emergency-note{height:54px;resize:none}
 #emergency-dialog .crisis-box{padding:8px 10px;margin:10px 0}
 #emergency-dialog .field-hint{margin:6px 0;font-size:11px;line-height:1.4}
 #emergency-dialog .dialog-intro{margin-bottom:8px}
 .urgent-dialog blockquote{margin:10px 0;padding:8px 10px;font-size:13px;overflow-wrap:anywhere}
 .report-card{padding:12px 0}
}
@media(max-width:900px){.community{grid-template-columns:170px minmax(0,1fr);gap:18px;padding:14px 20px}.community-info h2{font-size:28px}.identity-card{margin-top:16px}.weekly-panel{padding:18px 22px}}
@media(max-width:640px){
 .site-header{padding:12px 16px}.site-footer{padding:6px 16px;font-size:9px}.site-footer .text-button{font-size:10px}
 .community{display:flex;flex-direction:column;padding:8px;gap:8px}.community-info{display:flex;flex:none;padding:0 6px}
 .community-info .identity-card{margin:0 0 0 auto}.community-info .back-home{margin:0!important;font-size:11px}.identity-card strong{font-size:11px}
 .workspace-panel{flex:1}.workspace-tabs{padding:0 14px;gap:20px}.workspace-tabs button{font-size:13px;padding:11px 2px}
 .room-toolbar{padding:8px 12px;gap:10px}.room-toolbar select{font-size:11px;padding:6px}.room-toolbar .text-button{font-size:11px}
 .channel-tabs{padding:6px 12px 0}.channel-tabs button{font-size:11px;padding:5px 10px}.chat-header{padding:8px 12px}.chat-header h2{font-size:16px}.chat-header p{font-size:10px}.message-list{min-height:0;height:auto;padding:16px 12px}
 .composer{padding:6px 12px 10px}.composer textarea{font-size:16px;height:46px;min-height:38px}.composer-tools{gap:8px;margin:0 0 6px}.composer-tools select{max-width:180px}.composer-bottom>span{font-size:9px;max-width:170px}
 .composer-error{padding:0 12px 5px}.weekly-panel{padding:16px}.weekly-heading h2{font-size:27px;margin:8px 0}.weekly-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.weekly-heading p{font-size:11px}.poem-verses{font-size:16px;line-height:1.5}
 .trigger-banner{font-size:11px;padding:7px 9px;gap:7px}.trigger-banner button{font-size:11px}.weekly-poem>.eyebrow{font-size:10px;letter-spacing:1px}
 .landing{padding:16px}.landing h1{margin:16px 0;font-size:clamp(32px,7.5vh,46px)}.landing-bottom{margin-top:24px;padding:14px 0;gap:8px;max-width:320px}.landing-bottom p{font-size:12px}.hero-copy{font-size:14px;margin-bottom:18px}.hero-note{font-size:11px}
 dialog{padding:24px 20px}dialog h2{font-size:25px}.dialog-intro{font-size:13px;margin-bottom:16px}.subtle,.privacy-copy{font-size:12px}.share-actions{flex-direction:row;gap:8px}.share-actions button{width:auto;min-width:0;font-size:12px;flex:1}
}
@media(max-height:650px){.site-header{padding-top:9px;padding-bottom:9px}.community{padding-top:8px;padding-bottom:8px}.site-footer{padding-top:4px;padding-bottom:4px}.landing h1{margin:12px 0}.landing-bottom{margin-top:12px;padding:10px 0}.hero-copy{margin-bottom:12px}.hero-note{margin-top:6px}.weekly-panel{padding-top:12px;padding-bottom:12px}.weekly-heading h2{margin:6px 0;font-size:24px}.weekly-heading p{margin-bottom:6px}.poem-author{margin:8px 0}.poem-verses{font-size:15px;line-height:1.4}.room-toolbar{padding-top:6px;padding-bottom:6px}.chat-header{padding-top:6px;padding-bottom:6px}.composer textarea{height:40px}.composer{padding-top:4px;padding-bottom:6px}.workspace-tabs button{padding-top:9px;padding-bottom:9px}dialog{padding:20px}dialog h2{font-size:23px;margin-bottom:10px}dialog .eyebrow{margin-bottom:8px}.dialog-intro{margin-bottom:12px}.auth-privacy{margin-top:14px}.field-hint{font-size:11px}form label{margin-top:10px}.rules-list{min-height:80px}.privacy-copy{min-height:100px}}
@media(max-height:460px){.site-footer{display:none}.community-info{display:none}.community{grid-template-columns:minmax(0,1fr);padding:6px 12px}.landing-bottom{flex-direction:row;gap:14px}.landing-bottom p{font-size:10px}.landing h1 br{display:none}.landing h1{font-size:32px}.landing>.eyebrow{font-size:9px}.hero-copy{font-size:12px}.hero-copy .desktop-break{display:none}.hero-note{font-size:10px}.weekly-heading .subtle{font-size:10px}.weekly-heading h2{font-size:22px}.weekly-heading .eyebrow{font-size:9px}.poem-verses{font-size:14px}.poem-author{margin:4px 0}.pager{padding-top:6px}.pager .secondary-button{min-height:28px;padding:4px 12px}}
@media(max-height:460px){
 .site-header{padding:8px 16px}.brand-icon{width:24px;height:24px;font-size:18px}.wordmark{font-size:20px}
 .chat-header p{display:none}.chat-header h2{font-size:15px;margin:0}.channel-tabs{padding-top:2px}.channel-tabs button{padding:3px 10px}
 .composer{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:4px 12px;padding:6px 12px}.composer textarea{grid-column:1;grid-row:1;height:38px;min-height:38px;max-height:38px}
 .composer-tools{grid-column:2;grid-row:1;margin:0;flex-wrap:wrap;gap:4px}.composer-tools select{max-width:160px}.composer-bottom{grid-column:1/-1;grid-row:2}.composer-bottom .primary-button{min-height:28px;padding:4px 16px}
 .room-toolbar{padding:4px 12px}.room-toolbar select{padding:4px 8px}.workspace-tabs button{padding:7px 2px}
 dialog{width:min(740px,calc(100% - 24px));padding:18px 24px}dialog h2{font-size:22px;margin-bottom:8px}dialog p,.dialog-intro,.subtle,.privacy-copy{font-size:11px;line-height:1.4;margin-bottom:8px}.dialog-tabs{margin-bottom:8px}.dialog-tabs button{padding:5px 0}
 dialog input:not([type=checkbox]),dialog select,dialog form textarea:not(#message-input){padding:7px 10px;font-size:13px}
 dialog form label{font-size:12px;margin:7px 0 4px}dialog .primary-button,dialog .secondary-button,dialog .emergency-submit{min-height:32px;padding:6px 14px;font-size:12px}
 .crisis-box{padding:8px;margin:8px 0}.field-hint{font-size:10px}#emergency-note{height:38px;resize:none}#emergency-dialog .dialog-intro{margin-bottom:6px}
 #room-options-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}#room-options-content .emergency-button{grid-column:1;grid-row:1;margin:0;padding:7px 10px}#room-options-content .helper-toggle{grid-column:2;grid-row:1;margin:0}#room-options-content .helper-count{grid-column:2;grid-row:2;margin:0!important}#room-options-content .community-options{grid-column:1;grid-row:2/4;margin:0}#room-options-content .support-note{grid-column:2;grid-row:3;margin:0;padding-top:8px}
 .rules-list{min-height:0;margin-bottom:8px}.privacy-copy{min-height:0}.checkbox-label{font-size:11px}.auth-privacy{margin-top:8px}.share-note{font-size:10px}.share-preview{max-height:32dvh}.share-preview img{max-height:32dvh}
}
@media(max-height:460px){
 #groups-dialog{padding:14px 20px}
 #invite-group-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px}
 #invite-group-hint{margin:0;align-self:center}
 .invite-types{margin:4px 0;gap:12px}
 #invite-code-panel,#create-link-form,#link-result{grid-column:1/-1}
 #create-link-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
 #create-link-form>label:first-child{grid-column:1;grid-row:1}
 #create-link-form>.invite-duration{grid-column:1;grid-row:2}
 #create-link-form>label[for=link-max-uses]{grid-column:2;grid-row:1}
 #link-max-uses{grid-column:2;grid-row:2}
 #create-link-form>.field-hint,#create-link-form>.primary-button{grid-column:1/-1;margin:4px 0 0}
 .weekly-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px}
 .weekly-heading>.eyebrow,.weekly-heading>.subtle{grid-column:1/-1}
 .weekly-heading h2{margin:4px 0;font-size:22px}
 #weekly-period{align-self:center;margin:4px 0;font-size:11px}
 .weekly-heading>.subtle{margin:3px 0;font-size:10px}
 .weekly-poem>.eyebrow{font-size:10px;letter-spacing:1px}
}

/* Legal documents and long policy/rules dialogs must be readable with native scrolling. */
.legal-body{height:auto;min-height:100dvh;overflow:auto;display:flex;flex-direction:column}
.legal-body #main{overflow:visible;min-height:auto;flex:1}
.legal-page{width:min(920px,100%);margin:0 auto;padding:42px 32px 70px}
.legal-back{display:inline-block;margin-bottom:24px}.legal-page-header{margin-bottom:32px}.legal-page-header h1{font:400 clamp(34px,6vw,58px)/1.05 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:16px 0}.legal-page-header p{max-width:680px;color:var(--muted)}.legal-meta{font-size:12px;color:#867a8d!important}.legal-content{color:#d8d0dc}.legal-content h2{margin:30px 0 10px;font:400 25px/1.2 Georgia,"Times New Roman",serif;color:var(--text)}.legal-content p,.legal-content li{font-size:15px;line-height:1.75;color:var(--muted)}.legal-content ul{padding-left:22px}.legal-callout{margin:24px 0;padding:17px 18px;border:1px solid var(--border);background:#17131a;color:#cfc4d4;font-size:14px;line-height:1.65}.legal-callout strong{display:block;color:var(--text);margin-bottom:4px}
#rules-dialog,#privacy-dialog{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55455e transparent}#rules-dialog .rules-list,#privacy-dialog .privacy-copy{min-height:0}
.alias-edit{margin-top:6px;font-size:11px}.alias-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}.alias-actions button{min-width:150px}.moderation-heading{margin:18px 0 8px;color:var(--text);font-size:14px;letter-spacing:.08em;text-transform:uppercase}.moderation-section{margin-top:18px;padding-top:14px;border-top:1px solid var(--border)}.moderation-section>summary{cursor:pointer;color:var(--purple);font-weight:600}.staff-card{padding:15px 0;border-top:1px solid #312936}.staff-card:first-child{border-top:0}.staff-card>strong{display:block;color:var(--text);overflow-wrap:anywhere}.staff-meta{margin:5px 0 9px;color:var(--muted);font-size:12px}.staff-card .message-actions{margin-top:9px}
@media(max-width:640px){.legal-page{padding:30px 20px 56px}.legal-content p,.legal-content li{font-size:14px}.alias-actions{flex-direction:column-reverse}.alias-actions button{width:100%}}
.legal-document{height:auto;overflow:auto}
#moderation-dialog{overflow:auto}
#room-options-button{display:none}@media(max-width:640px),(max-height:460px){#room-options-button{display:inline-flex}}