@charset "UTF-8";
:root{--paper:#f6f2e9;--paper-light:#fcfaf5;--ink:#37291e;--muted:#7b7267;--line:#ded6c8;--blue:#2656df;--blue-dark:#1d42b3;--blue-wash:#e8edff;--wood:#8c5c3a;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #7292f0;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #7292f0;outline-offset:2px}button svg{flex-shrink:0}p{line-height:1.7}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:60px;line-height:1.1;letter-spacing:-2.2px}h1 em{font-weight:400;color:var(--blue)}h2{font-size:34px;letter-spacing:-.8px}h3{font-size:27px;letter-spacing:-.4px}.icon{width:24px;height:24px;vertical-align:middle;display:inline-block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-100px;background:var(--blue);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{height:108px;margin:auto;border-bottom:1px solid var(--line);max-width:1320px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 10px}.brand{border:0;background:none;display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:22px;text-align:left;line-height:.98;letter-spacing:-.4px;padding:0}.brand-mark{height:50px;width:41px;color:var(--blue);display:grid;place-items:center}.brand-mark svg{width:40px;height:48px;stroke-width:1.15}.brand-second{display:block;margin-top:3px}.brand-period{color:var(--blue)}nav{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-link{position:relative;background:none;border:0;padding:12px 0;font-size:13px;color:var(--muted)}.nav-link.selected{color:var(--ink)}.nav-link.selected:after{content:'';height:3px;width:16px;position:absolute;bottom:0;left:calc(50% - 8px);background:var(--blue);border-radius:2px}.nav-link .icon{height:15px;width:15px;margin-right:4px}.header-actions{display:flex;align-items:center;gap:20px;margin-left:26px}.theme-button{display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--muted);font-size:12px;padding:8px 0}.theme-button .icon{height:17px;width:17px}.button{display:inline-flex;justify-content:center;align-items:center;gap:23px;min-height:52px;border-radius:5px;padding:13px 24px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .16s,transform .16s;text-decoration:none;line-height:1.3}.button:hover:not(:disabled){transform:translateY(-1px)}.button .icon{width:19px;height:19px}.primary{background:var(--blue);color:white;box-shadow:0 3px 0 #193dab17}.primary:hover{background:var(--blue-dark)}.outline{background:transparent;border-color:#b9afa1}.outline:hover{background:#ebe5d9}.small{min-height:40px;padding:10px 16px;font-size:12px;gap:16px}.full{width:100%}.text-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:none;border:0;padding:10px 0;font-size:12px;font-weight:600;text-decoration:none}.text-button .icon{width:18px;height:18px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button span{font-size:19px;font-weight:400}.block{display:flex;margin:12px auto 0}.hero{max-width:1250px;min-height:640px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:32px;padding:50px 0 50px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;display:block;color:#796b5b;line-height:1.5}.hero .eyebrow{color:var(--blue);display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:10px;letter-spacing:2.3px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #2656df0c}.hero h1{font-size:70px;line-height:1.015;letter-spacing:-3px;margin:0 0 25px}.hero h1 em{font-style:italic}.hero-copy>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.hero-actions{display:flex;gap:28px;align-items:center}.hero-actions .primary{min-width:169px}.hero-promise{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.2px;margin-top:20px;color:#877c6e}.hero-promise .icon{width:13px;height:13px}.booth-scene{height:525px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.booth-scene:before{content:'';position:absolute;width:450px;height:465px;background:#eae3d2;border-radius:50% 50% 7px 7px;z-index:-3;bottom:25px;opacity:.6}.booth-scene:after{content:'';position:absolute;width:375px;height:430px;border:1px solid #ded5c4;border-radius:50% 50% 0 0;bottom:31px;z-index:-2}.booth{width:260px;height:395px;position:relative;top:15px;background:linear-gradient(90deg,#7d5134 0%,#956744 8%,#a0704a 11%,#825332 13%,#8c5d3c 89%,#6f472c 91%,#956644 95%,#724b31 100%);border-radius:130px 130px 0 0;box-shadow:inset 0 0 0 2px #68452e,4px 2px 1px #68452e31}.booth-cornice{position:absolute;inset:5px 5px 0;border:2px solid #b58a60;border-bottom:0;border-radius:130px 130px 0 0;box-shadow:inset 0 0 0 2px #704a2e,0 0 0 2px #68432b}.booth-arch{position:absolute;inset:19px 19px 5px;background:linear-gradient(90deg,#795335,#ac8055 4%,#8c623f 10%,#956644 89%,#b2875c 96%,#765030);border:2px solid #624328;border-radius:120px 120px 0 0;box-shadow:0 0 0 3px #b08357,0 0 0 6px #7b5134;overflow:hidden}.arch-lines{position:absolute;inset:6px;border:1px solid #cda67a;border-radius:110px 110px 0 0;opacity:.5}.booth-plaque{position:absolute;top:40px;left:30px;right:30px;height:26px;display:grid;place-items:center;font-family:var(--serif);font-size:8px;letter-spacing:1.3px;color:#f1dab4;background:linear-gradient(#654329,#503721);border:1px solid #b78f5e;border-radius:40% 40% 2px 2px;box-shadow:0 2px 2px #38261144}.lattice{position:absolute;top:81px;left:20px;right:20px;height:84px;background-color:#372b20;background-image:repeating-linear-gradient(45deg,transparent 0 8px,#ab855e 8px 10px,#6d4e32 10px 12px,transparent 12px 20px),repeating-linear-gradient(-45deg,transparent 0 8px,#b18b62 8px 10px,#705135 10px 12px,transparent 12px 20px);border:5px solid #6b462c;box-shadow:0 0 0 2px #c09769,inset 0 2px 5px #20160e}.curtain-frame{position:absolute;left:20px;right:20px;top:184px;bottom:15px;border:5px solid #5b3b25;background:#142654;box-shadow:0 0 0 2px #b38659,0 0 0 5px #805434;overflow:hidden}.curtain{position:absolute;inset:0;display:flex;box-shadow:inset 0 10px 8px #0b194878}.curtain:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(#102352,#14367d);z-index:1;border-bottom:1px solid #234699}.curtain span{height:100%;flex:1;background:linear-gradient(90deg,#132b72,#1d419e 28%,#2f5bd0 56%,#254cac 73%,#10275e);border-radius:0 0 35% 20%;box-shadow:3px 0 3px #0715355c;transform-origin:top}.curtain span:nth-child(2n){transform:skew(-1deg);background:linear-gradient(90deg,#172e74,#244eba 30%,#315fd0 55%,#204398 79%,#142c6c)}.curtain-label{position:absolute;top:63px;left:7px;right:7px;height:27px;background:#f1e6cd;color:#604d32;display:flex;gap:5px;align-items:center;justify-content:center;font-size:6px;letter-spacing:1.1px;transform:rotate(-3deg);box-shadow:1px 2px 4px #0004;border-radius:1px}.tiny-light{height:4px;width:4px;border-radius:50%;background:#3158b0}.booth-pillar{position:absolute;top:132px;bottom:0;width:15px;background:linear-gradient(90deg,#a2744c,#785033 40%,#b0865b 60%,#785133);border:1px solid #634029;border-radius:2px}.booth-pillar:before,.booth-pillar:after{content:'';position:absolute;width:22px;height:6px;left:-4px;background:linear-gradient(#a77a51,#70492e);border:1px solid #65452b;top:0}.booth-pillar:after{top:auto;bottom:0;height:16px}.booth-pillar.left{left:-1px}.booth-pillar.right{right:-1px}.booth-step{position:absolute;border:1px solid #64452b;left:-16px;right:-16px;height:10px;bottom:-9px;background:linear-gradient(#ab8157 0 3px,#815b3a 3px 7px,#5c4029 7px);border-radius:1px;box-shadow:0 2px 1px #70512e38}.step-front{bottom:-18px;left:-29px;right:-29px;background:linear-gradient(#ae875f 0 3px,#8d6644 3px 8px,#5f432c 8px)}.booth-shadow{position:absolute;bottom:16px;left:70px;right:60px;height:34px;background:radial-gradient(ellipse,#79664c38,transparent 70%);transform:rotate(-2deg);z-index:-1}.scene-note{font-family:var(--serif);font-size:17px;font-style:italic;color:#8b7f6d;position:absolute;z-index:3}.note-left{top:85px;left:-5px;transform:rotate(-11deg)}.note-left svg{position:absolute;left:35px;top:30px;width:52px;height:35px}.scene-note svg{fill:none;stroke:#9e8f74;stroke-width:1}.note-right{right:-11px;bottom:100px;transform:rotate(9deg);font-size:15px}.note-right svg{position:absolute;right:8px;bottom:26px;width:57px;height:37px;transform:rotate(-20deg)}.scene-star{position:absolute;color:#9a8762;font-family:var(--serif);font-weight:400}.star-one{top:27px;right:62px;font-size:27px;transform:rotate(12deg);color:var(--blue)}.star-two{bottom:90px;left:45px;font-size:30px}.star-three{top:168px;right:36px;font-size:17px}.scene-caption{position:absolute;bottom:-15px;left:0;right:0;display:flex;gap:12px;align-items:center;justify-content:center;font-size:8px;letter-spacing:2.2px;color:#91836f}.scene-caption span{width:25px;height:1px;background:#bfb098}.modes-section{max-width:1250px;margin:0 auto 34px;padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:10px}.section-heading h2{margin:0;font-size:32px}.section-heading>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.mode-card{background:#faf7f0;border:1px solid #d9cfbf;border-radius:7px;padding:26px 28px 0;min-height:292px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.mode-card:hover{border-color:#96a9df;transform:translateY(-3px);box-shadow:0 10px 25px #37291e08}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.mode-icon{display:grid;place-items:center;color:var(--blue);background:#ecebdf;border:1px solid #ddd9c9;width:39px;height:42px;border-radius:21px 21px 4px 4px}.mode-icon svg{width:24px;height:24px}.witness .mode-icon{background:#e9edeb;border-color:#d5deda}.gossip .mode-icon{background:#ece9e4;border-color:#ddd7cd}.card-number{font-family:var(--serif);font-size:12px;color:#a49a8b}.mode-card h3{font-size:30px;line-height:1;margin-bottom:11px}.mode-card h4{font-size:12px;font-weight:600;margin-bottom:9px}.mode-card p{font-size:11px;line-height:1.8;color:var(--muted);max-width:305px;flex:1;margin-bottom:23px}.card-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 0;background:none;border:0;border-top:1px solid #e1d9cc;font-size:11px;font-weight:600;color:var(--blue);text-align:left}.card-cta .icon{width:18px;height:18px}.kindness-strip{max-width:1250px;margin:0 auto 43px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:23px 0;gap:20px}.strip-icon{color:#907d5b}.strip-icon svg{width:27px;height:27px}.kindness-strip>div{display:flex;flex-direction:column;gap:6px}.kindness-strip strong{font-family:var(--serif);font-size:17px;font-weight:400}.kindness-strip span:not(.strip-icon){font-size:11px;color:var(--muted)}.kindness-strip>button{margin-left:auto;font-size:10px;color:#7c6d58}.site-footer{max-width:1250px;margin:0 auto;padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;color:#918676;gap:30px}.footer-tag{font-size:10px}.footer-tag em{font-family:var(--serif);font-size:13px;color:#70624e}.site-footer>div{display:flex;align-items:center;gap:17px;font-size:9px}.site-footer button,.site-footer a{border:0;background:none;font-size:9px;padding:0;color:#918676;text-decoration:none}.site-footer button:hover,.site-footer a:hover{text-decoration:underline}.footer-dot{color:#b8ad9d}.page-width{max-width:1250px;margin:0 auto;min-height:calc(100vh - 190px);padding:45px 0 70px}.page-width .eyebrow{margin-bottom:18px}.back-link{display:inline-flex;gap:8px;align-items:center;border:0;background:none;padding:0;font-size:11px;color:var(--muted);margin-bottom:35px}.back-link .icon{height:16px;width:16px}.lead{font-size:15px;color:var(--muted);line-height:1.85}.reading-page{max-width:800px}.reading-page h1{margin-bottom:20px}.reading-page>.eyebrow{margin-top:10px}.rules-list{margin:24px 0}.rules-list>div{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.rules-list>div>span{font-family:var(--serif);font-size:14px;color:#9e8d72;padding-top:4px}.rules-list p{font-size:13px;color:var(--muted);margin:0}.rules-list strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}.notice,.reading-page>.button{margin-top:10px}.compose-layout{display:grid;grid-template-columns:.9fr 1fr;gap:100px;align-items:start;padding:20px 30px 0}.compose-layout h1{font-size:65px;margin:22px 0}.compose-layout .lead{font-size:14px}.writing-note{font-family:var(--serif);font-size:26px;font-style:italic;color:#9a8b73;line-height:1.5;transform:rotate(-5deg);margin:52px 0 45px 8px}.small-print{color:#958a78;font-size:10px;line-height:1.7;display:flex;align-items:flex-start;gap:8px;max-width:300px}.small-print .icon{width:16px;height:16px;margin-top:2px}.compose-card{border:1px solid #d8cebc;background:#fcfaf5;border-radius:8px;padding:28px;box-shadow:0 8px 40px #4a392505}.field-label{display:block;font-size:12px;font-weight:500;margin:17px 0 9px}.compose-card>.field-label{font-size:9px;letter-spacing:1.7px;margin-top:0;color:#88795f}.compose-card>textarea{border:0;background:transparent;border-radius:3px;font-family:var(--serif);font-size:23px;line-height:1.55;color:var(--ink);resize:vertical;min-height:215px;padding:0;width:100%}.compose-card>textarea::placeholder{color:#b4a893}.input-meta{display:flex;justify-content:space-between;font-size:9px;color:#a0927d;padding:14px 0 22px;border-bottom:1px solid var(--line)}.compose-card h3{font-family:var(--sans);font-size:12px;letter-spacing:0;font-weight:600;margin:25px 0 15px}.choice-card{border:1px solid #ded5c8;background:#f9f6ef;border-radius:5px;display:flex;align-items:center;gap:10px;padding:16px 12px;cursor:pointer;margin-bottom:11px}.choice-card:has(input:checked){border-color:#5378dc;background:#eef1fb}.choice-card>.icon{width:23px;height:23px;color:var(--blue)}.choice-card input{accent-color:var(--blue);width:14px;height:14px;flex-shrink:0;margin:0 2px 0 0}.choice-card strong{display:block;font-weight:600;font-size:11px;margin-bottom:5px}.choice-card small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.compose-card>.button{margin-top:8px}.field-hint{font-size:10px;color:var(--muted);line-height:1.7;margin:12px 0}.centered{text-align:center}.compose-card>.field-hint:last-child{margin-bottom:0}.form-error{color:#aa3d2d;font-size:12px;line-height:1.55;margin:13px 0}.form-error:empty{display:none}.identity-button{display:flex;gap:8px;align-items:center;background:transparent;border:0;padding:0;font-size:11px;max-width:180px;text-align:left}.identity-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{height:29px;width:29px;background:#e8e1d3;border:1px solid #d9cebc;border-radius:50%;display:inline-grid;place-items:center;color:#7d6848;font-family:var(--serif);font-size:12px;flex-shrink:0}.identity-full{overflow-wrap:anywhere;color:var(--blue);font-weight:600;font-size:12px!important}.waiting-page{text-align:center;padding-top:65px;max-width:800px}.queue-label{font-size:10px;letter-spacing:1.5px;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:10px}.waiting-arch{margin:36px auto 30px;width:90px;height:114px;border:1px solid #cdbb9d;background:#ebe1ce;border-radius:50px 50px 4px 4px;display:grid;place-items:center;box-shadow:0 0 0 7px var(--paper),0 0 0 8px #e0d7c8}.waiting-arch .icon{width:45px;height:45px;color:var(--blue);stroke-width:1}.waiting-page h1{font-size:43px;letter-spacing:-1.5px}.waiting-page>p{color:var(--muted);font-size:13px}.waiting-page>blockquote{font-family:var(--serif);font-size:20px;font-style:italic;margin:25px auto;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:620px;overflow-wrap:anywhere;white-space:pre-wrap}.queue-facts{display:flex;align-items:center;gap:36px;justify-content:center;color:var(--muted);font-size:11px;margin:27px 0 22px}.queue-facts strong{color:var(--blue);font-size:17px;font-weight:500;margin-right:4px}.waiting-page>.field-hint{font-size:10px;margin-bottom:24px}.waiting-page .block{font-size:10px;margin-top:20px}.room-page{padding-top:28px}.room-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-topline .back-link{margin:0}.room-state{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;color:var(--blue)}.chat-layout{display:grid;grid-template-columns:310px 1fr;min-height:605px;gap:24px}.confession-sidebar{padding:30px 26px;background:#eee6d7;border:1px solid #ded1bc;border-radius:7px;display:flex;flex-direction:column}.confession-sidebar>.eyebrow{font-size:8px;letter-spacing:1.5px;line-height:1.8;margin-bottom:26px}.sidebar-icon{color:#8f744c;display:block;margin-bottom:28px}.sidebar-icon .icon{width:38px;height:38px;stroke-width:1}.confessed-by{font-size:10px;margin:0 0 14px;color:#8b7c63;overflow-wrap:anywhere}.confessed-by strong{font-weight:500;color:#5f503b}.confession-sidebar blockquote{margin:0 0 25px;font-family:var(--serif);font-size:24px;line-height:1.45;letter-spacing:-.3px;overflow-wrap:anywhere;white-space:pre-wrap;max-height:310px;overflow:auto}.author-status{font-size:10px;line-height:1.6;color:#857359;display:flex;gap:7px;margin-bottom:28px}.author-status .icon{width:15px;height:15px}.room-participants{border-top:1px solid #dbcfba;padding-top:24px;margin-top:auto}.room-participants>.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:15px}.participant{display:flex;align-items:center;gap:9px;margin-bottom:15px}.participant .avatar{background:#e7dbc5;border-color:#d5c6ac}.participant strong{display:block;font-size:10px;font-weight:500;overflow-wrap:anywhere}.participant small{display:block;font-size:9px;color:#968265;margin-top:4px}.confession-sidebar .small-print{font-size:9px;border-top:1px solid #dbcfba;padding-top:18px;margin-top:12px}.chat-panel{min-width:0;background:var(--paper-light);border:1px solid #ded6c8;border-radius:7px;display:flex;flex-direction:column;overflow:hidden;height:605px}.chat-header{padding:23px 25px;border-bottom:1px solid #e6ded1;display:flex;justify-content:space-between;align-items:center}.chat-header h2{font-size:25px;margin:0 0 5px;letter-spacing:-.5px}.chat-header span{font-size:10px;color:#9a8e7b}.icon-button{width:34px;height:34px;background:none;border:1px solid #dfd7ca;border-radius:5px;display:grid;place-items:center;color:#8b7b62}.icon-button:hover{background:#eee7d9}.icon-button .icon{width:16px;height:16px}.chat-log{flex:1;padding:25px;overflow-y:auto;scrollbar-color:#d3c8b7 transparent;scrollbar-width:thin;min-height:100px}.empty-chat{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;color:#9b907b;text-align:center}.empty-chat>.icon{height:33px;width:33px;stroke-width:1;color:#b7aa92}.empty-chat>p{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.5;margin-top:18px}.message{max-width:85%;margin:0 0 23px;display:flex;align-items:flex-start;flex-direction:column}.message.mine{margin-left:auto;align-items:flex-end}.message-meta{display:flex;gap:13px;font-size:9px;color:#9c8e7b;align-items:center;margin-bottom:7px}.message-meta strong{font-weight:500;color:#8c7657;overflow-wrap:anywhere}.message-meta time{font-size:8px;white-space:nowrap}.message-body{background:#eee9df;padding:13px 16px;border-radius:0 9px 9px 9px;color:#514638;font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.mine .message-body{background:#e9eefd;color:#334878;border-radius:9px 0 9px 9px}.mine .message-meta{flex-direction:row-reverse}.composer{border-top:1px solid #e4dccf;padding:18px 22px 15px}.composer textarea{width:100%;border:0;background:transparent;resize:none;font-size:12px;line-height:1.65;padding:0;color:var(--ink);min-height:42px}.composer textarea::placeholder{color:#b0a28e}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.composer-bottom>span{font-size:9px;color:#a79983}.composer .small{min-height:34px;padding:8px 13px;font-size:10px}.composer .form-error{font-size:10px;margin-bottom:0}.read-only{border-top:1px solid #dfd7c7;background:#f2eee5;padding:20px 24px;display:flex;gap:15px;align-items:center}.read-only>.icon{width:25px;height:25px;color:#9a835f}.read-only>div{display:flex;flex-direction:column;gap:6px}.read-only strong{font-size:11px;font-weight:500}.read-only span{font-size:10px;line-height:1.6;color:#8e806a}.read-only .text-button{margin-left:auto;font-size:10px}.room-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:20px}.room-bottom>span{font-size:10px;color:#9b8c74}.room-bottom .text-button{font-size:10px;color:#807058}.chat-ended{text-align:center;border-top:1px solid var(--line);padding:20px;background:#f0ecdf}.chat-ended>strong{font-size:12px;line-height:1.6;font-weight:500}.chat-ended>p{font-size:10px;color:var(--muted);margin:9px 0 15px}.chat-ended .button-row{justify-content:center}.chat-ended .button{font-size:10px;min-height:38px;padding:10px 15px}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.empty-page{text-align:center;padding-top:100px}.empty-page>.icon{height:50px;width:50px;color:var(--blue);margin-bottom:30px}.empty-page h1{font-size:43px}.empty-page p{color:var(--muted);font-size:13px;margin-bottom:30px}.history-page{padding-top:55px}.history-page h1{font-size:55px;margin-bottom:15px}.history-page>.lead{margin-bottom:40px;font-size:13px}.history-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:25px}.list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.list-heading h2{font-size:25px;margin:0}.list-heading>span{font-size:11px;color:var(--muted)}.history-card{border:1px solid #dcd1be;border-radius:6px;background:#fcf9f2;padding:22px;margin-bottom:15px}.history-meta{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#9b8b72;letter-spacing:1px;margin-bottom:18px}.history-meta time{letter-spacing:0}.history-card>p{font-family:var(--serif);font-size:20px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}.history-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.history-card-bottom>span{font-size:10px;color:var(--muted)}.history-card-bottom>.text-button{font-size:10px}.conversation-card{background:#f9f8f2}.empty-card{padding:35px;border:1px dashed #d7c9b2;border-radius:5px;font-size:13px;color:#97876d;line-height:1.9}.blue{color:var(--blue)}.admin-login{max-width:460px;padding-top:65px;text-align:center}.big-icon{color:var(--blue);display:block;margin-bottom:25px}.big-icon .icon{width:40px;height:40px;stroke-width:1}.admin-login h1{font-size:45px}.admin-login p{color:var(--muted);font-size:12px}.admin-login form{text-align:left;margin-top:27px}.admin-login form .button{margin-top:20px}.admin-heading{display:flex;justify-content:space-between;align-items:center}.admin-heading h1{font-size:48px;margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:35px}.stats-grid>div{padding:23px;background:#eee8dc;border:1px solid #dacfbc;border-radius:6px}.stats-grid strong{font-family:var(--serif);font-size:34px;display:block;color:var(--blue);font-weight:400;margin-bottom:10px}.stats-grid span{font-size:11px;color:var(--muted)}.admin-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:32px}.admin-tabs button{background:none;border:0;padding:12px 0;font-size:12px;color:var(--muted);border-bottom:3px solid transparent}.admin-tabs .active{color:var(--blue);border-color:var(--blue)}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.admin-row>div:first-child{min-width:0}.admin-row strong{font-size:12px;font-weight:600}.admin-row p{font-size:11px;color:var(--muted);margin:7px 0 0;max-width:800px;overflow-wrap:anywhere}.admin-row .button-row{flex-shrink:0}.admin-row time{font-size:10px;white-space:nowrap;color:var(--muted)}.admin-row>.button{flex-shrink:0}.space-top{margin-top:32px}.muted{color:var(--muted);font-size:12px}.original-text{padding:15px;background:#f6e4d7;border:1px solid #dfb69a;font-size:11px;line-height:1.6;color:#875137;overflow-wrap:anywhere;white-space:pre-wrap;margin-bottom:15px}.inline-form{display:flex;gap:14px;margin:25px 0}.inline-form input{flex:1}.inline-form .button{flex-shrink:0}.danger{background:#9c3c31;color:#fff}.danger:hover{background:#843025}.danger-text{color:#9c3c31}.admin-page h2{font-size:28px}
dialog{position:fixed;padding:36px;border:1px solid #cbbda7;border-radius:9px;box-shadow:0 25px 100px #2a211635;background:var(--paper-light);color:var(--ink);width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - 60px);overflow-y:auto;scrollbar-color:#cebfaa transparent;scrollbar-width:thin}dialog::backdrop{background:#30251bd0;backdrop-filter:blur(4px)}dialog h2{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:20px 15px 20px 0}dialog>.eyebrow{font-size:9px;letter-spacing:1.7px;margin-top:3px}dialog p{font-size:13px;line-height:1.75;color:var(--muted)}.modal-close{position:absolute;right:15px;top:15px;width:28px;height:28px;border:0}.modal-close>.icon{width:19px;height:19px}dialog .rules-list{margin:23px 0 30px}dialog .rules-list>div{gap:15px;padding:13px 0}dialog .rules-list p{font-size:11px}dialog .rules-list>div>span{font-size:12px}.quiz-question{border:0;border-bottom:1px solid var(--line);padding:0 0 19px;margin:20px 0}.quiz-question legend{font-size:12px;font-weight:600;line-height:1.7;margin-bottom:11px}.radio-row{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5;padding:6px 0;color:#86765e}.radio-row input,.checkbox-row input{width:14px;height:14px;margin:2px 0 0;accent-color:var(--blue);flex-shrink:0}.checkbox-row{display:flex;gap:10px;font-size:11px;line-height:1.65;margin:20px 0 25px}.radio-row:has(input:checked){color:var(--blue)}input:not([type=radio]):not([type=checkbox]),select{width:100%;background:#fffdf8;border:1px solid #cfc3b0;border-radius:4px;padding:12px 13px;color:var(--ink);font-size:12px;min-height:43px}input::placeholder{color:#b0a18a}select{appearance:auto}dialog form>.button{margin-top:20px}dialog .button-row{margin-top:20px}.segmented{display:flex;gap:0;border:1px solid #d8cebc;border-radius:5px;padding:4px;margin:24px 0;background:#eee7da}.segmented button{width:50%;border:0;background:transparent;border-radius:3px;font-size:12px;padding:11px;color:#8e7a5c}.segmented .active{background:#fffdf8;box-shadow:0 1px 4px #72552720;color:var(--ink)}.or-divider{height:1px;background:var(--line);position:relative;margin:34px 0 29px;text-align:center}.or-divider span{position:relative;top:-9px;font-size:8px;letter-spacing:1.5px;color:#9a896d;background:var(--paper-light);padding:0 15px}.detail-stack{margin:20px 0 0}.detail-stack p{font-size:11px;border-top:1px solid var(--line);padding:15px 0 0;margin-bottom:15px}.detail-stack strong{color:var(--ink);display:block;margin-bottom:4px}.detail-stack .button{margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 35px);width:max-content;background:#342c21;color:#fff9ed;border:1px solid #78623f;border-radius:6px;padding:15px 23px;font-size:12px;line-height:1.6;box-shadow:0 5px 20px #37281c30;z-index:100;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}#toast.visible{opacity:1;transform:translate(-50%,0)}
.simple{--paper:#fff;--paper-light:#fff;--ink:#242c39;--muted:#667080;--line:#dce2ec;--blue:#2459df;font-family:Arial,sans-serif}.simple h1,.simple h2,.simple h3,.simple .brand,.simple .footer-tag em{font-family:Arial,sans-serif;letter-spacing:-1px;font-weight:600}.simple .booth-scene{display:none}.simple .hero{display:block;min-height:0;padding:55px 0 35px}.simple .hero h1{font-size:48px;line-height:1.1}.simple .hero h1 br:nth-of-type(odd){display:none}.simple .hero h1 em{font-style:normal}.simple .hero-copy{max-width:900px}.simple .hero .eyebrow{margin-bottom:15px}.simple .hero h1 br{margin-left:8px}.simple .mode-card{background:#fff;border-radius:0}.simple .mode-icon{background:#edf2ff;border-radius:3px;border-color:#d5def3}.simple .writing-note{display:none}.simple .compose-card,.simple .confession-sidebar,.simple .history-card,.simple .stats-grid>div{background:#f4f6fa;border-color:#dce2ec}.simple .chat-layout{grid-template-columns:260px 1fr;gap:12px}.simple .confession-sidebar blockquote{font-family:Arial,sans-serif;font-size:18px}.simple .confession-sidebar,.simple .chat-panel{border-radius:0}.simple .curtain-frame,.simple .scene-note{display:none}.simple .message-body{background:#f0f3f8;border-radius:0}.simple .mine .message-body{background:#e7eeff}.simple .kindness-strip{margin-top:35px}
@media(min-width:1600px){.hero{min-height:680px;padding-top:60px}.booth-scene{transform:scale(1.08)}.hero h1{font-size:77px}.hero-copy>p{font-size:14px}}
@media(max-width:1400px){.site-header{margin:0 50px}.header-inner{padding:0}.hero,.modes-section,.kindness-strip,.site-footer,.page-width{margin-left:70px;margin-right:70px}.hero{gap:35px;min-height:610px;padding-top:40px;padding-bottom:30px}.hero h1{font-size:64px}.booth-scene{transform:scale(.94);transform-origin:center right}.reading-page,.waiting-page,.admin-login{margin-left:auto;margin-right:auto}.hero-copy>p{font-size:12px}.header-actions{margin-left:15px;gap:18px}nav{gap:22px}.note-left{left:-15px}.note-right{right:-25px}.mode-card{padding:23px 24px 0}.mode-card p{font-size:11px}.compose-layout{gap:65px;padding-left:0;padding-right:0}.chat-layout{grid-template-columns:290px 1fr}.site-footer{padding-bottom:25px}}
@media(max-width:1100px){.site-header{margin:0 28px;height:90px}.hero,.modes-section,.kindness-strip,.site-footer,.page-width{margin-left:40px;margin-right:40px}.hero{gap:0;min-height:585px}.hero h1{font-size:58px}.hero-copy>p{font-size:11px}.booth-scene{transform:scale(.81);margin-left:-45px;margin-right:-20px}.note-left{left:-4px;top:75px}.header-actions{gap:12px;margin-left:8px}.theme-button span{display:none}nav{gap:18px}.nav-link{font-size:11px}.brand{font-size:20px}.brand-mark svg{width:33px}.hero-actions{gap:20px}.hero-actions .text-button{font-size:11px}.section-heading h2{font-size:28px}.mode-grid{gap:15px}.mode-card{padding:20px 20px 0}.mode-card h3{font-size:28px}.mode-card h4{font-size:11px}.mode-card p{font-size:10px}.card-cta{font-size:10px}.kindness-strip span:not(.strip-icon){font-size:10px}.kindness-strip>button{flex-shrink:0}.site-footer>div{gap:12px}.reading-page,.waiting-page,.admin-login{margin-left:auto;margin-right:auto;max-width:calc(100% - 90px)}.admin-login{max-width:450px}.compose-layout{gap:42px}.compose-layout h1{font-size:56px}.compose-card{padding:23px}.chat-layout{grid-template-columns:250px 1fr;gap:18px}.confession-sidebar{padding:26px 20px}.confession-sidebar blockquote{font-size:22px}.room-page{margin-left:30px;margin-right:30px}.chat-header{padding:20px}.chat-header h2{font-size:23px}.message{max-width:92%}.header-actions .identity-button{max-width:130px}}
@media(max-width:800px){.site-header{margin:0 24px}.header-inner{gap:12px}.brand{font-size:19px}.brand-mark{width:32px}.brand-mark svg{width:32px}.header-actions{margin-left:auto}.header-actions .small{min-height:35px;font-size:11px;gap:10px;padding:8px 11px}nav{display:none}.theme-button span{display:inline}.hero{grid-template-columns:1fr 1fr;margin:0 30px;min-height:530px;position:relative;padding-top:40px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:51px}.hero-copy>p{font-size:11px;max-width:320px}.hero-copy>p br:nth-child(2){display:none}.booth-scene{transform:scale(.67);transform-origin:center center;width:450px;margin-left:-85px;margin-right:-70px;height:510px}.note-left{display:none}.note-right{right:-10px}.hero-actions{gap:14px;flex-direction:column;align-items:flex-start}.hero-actions .primary{min-height:47px;min-width:155px}.hero-actions .text-button{font-size:10px;padding-top:0}.hero-promise{font-size:8px;margin-top:15px}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.scene-caption{bottom:-25px}.hero h1{margin-bottom:20px}.modes-section,.kindness-strip,.site-footer,.page-width{margin-left:30px;margin-right:30px}.section-heading h2{font-size:25px}.section-heading>p{font-size:10px}.mode-card{padding:20px 16px 0;min-height:305px}.mode-card h3{font-size:26px}.mode-card h4{font-size:10px;line-height:1.6}.mode-card p{font-size:10px;line-height:1.7}.card-cta{font-size:9px;gap:8px}.mode-icon{width:35px;height:39px}.card-top{margin-bottom:20px}.kindness-strip{padding:20px 0;gap:15px;flex-wrap:wrap}.kindness-strip>div{flex:1;min-width:70%}.kindness-strip>button{margin-left:42px}.site-footer{align-items:flex-start}.site-footer>div{flex-wrap:wrap;justify-content:flex-end;gap:10px}.site-footer .footer-tag{min-width:155px}.compose-layout{grid-template-columns:1fr;gap:15px;padding-top:0}.compose-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.compose-layout .eyebrow{grid-column:1/-1}.compose-layout h1{margin-top:0;font-size:50px}.compose-layout .lead{font-size:13px}.writing-note,.compose-layout .small-print{display:none}.compose-card{max-width:650px;width:100%;margin:auto}.page-width{padding-top:30px}.chat-layout{grid-template-columns:210px 1fr;gap:12px}.confession-sidebar{padding:22px 16px}.confession-sidebar blockquote{font-size:20px}.confession-sidebar>.eyebrow{font-size:7px}.confessed-by{font-size:9px}.participant strong{font-size:9px}.chat-header{padding:19px 16px}.chat-header h2{font-size:21px}.chat-header span{font-size:9px}.chat-log{padding:20px 16px}.message{max-width:100%}.message-body{font-size:11px;padding:12px 13px}.message-meta strong{font-size:8px;max-width:140px}.composer{padding:15px}.composer-bottom>span{font-size:8px}.read-only{padding:17px 15px;gap:10px}.read-only>.icon{display:none}.read-only span{font-size:9px}.read-only .text-button{font-size:9px}.history-layout{gap:20px}.history-card{padding:18px}.history-card p{font-size:18px}.history-card-bottom{gap:10px}.history-card-bottom>span{font-size:9px}.history-card-bottom>.text-button{font-size:9px}.history-page h1{font-size:48px}.stats-grid{gap:12px}.stats-grid>div{padding:16px}.stats-grid strong{font-size:29px}.admin-row{gap:20px}.admin-row .button-row{gap:8px}.admin-row .button{font-size:10px;min-height:34px;padding:9px 11px}.admin-row .text-button{font-size:10px}.admin-login{max-width:450px;margin-left:auto;margin-right:auto}.waiting-page h1{font-size:38px}.reading-page h1{font-size:50px}.reading-page .lead{font-size:14px}}
@media(max-width:600px){.site-header{height:82px;margin:0 20px}.brand{font-size:18px}.brand-mark{width:30px;height:40px}.brand-mark svg{width:30px;height:40px}.header-actions{gap:13px}.theme-button span{display:none}.header-actions .identity-button{max-width:130px;font-size:10px}.identity-button .avatar{width:25px;height:25px}.hero{display:flex;flex-direction:column;align-items:stretch;margin:0 27px;padding:38px 0 5px;gap:0;min-height:0}.hero h1{font-size:59px;line-height:1.03;letter-spacing:-2.7px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:22px}.hero-copy>p{font-size:12px;max-width:340px;line-height:1.8;margin-bottom:24px}.hero-copy>p br{display:none}.hero-actions{flex-direction:row;align-items:center;gap:23px}.hero-actions .text-button{padding:10px 0}.hero-promise{font-size:9px;margin-top:19px}.booth-scene{transform:scale(.78);transform-origin:top center;align-self:center;width:430px;height:480px;margin:20px -45px -68px}.booth-scene:before{width:370px;height:420px;bottom:20px}.booth-scene:after{width:320px;height:385px;bottom:25px}.booth{top:25px}.note-right{right:-8px;bottom:63px;font-size:16px}.star-one{top:20px;right:32px}.star-two{bottom:92px;left:9px}.star-three{right:0}.scene-caption{bottom:-38px}.booth-shadow{bottom:-10px}.note-left{display:block;top:65px;left:-5px;font-size:15px}.note-left svg{left:20px;top:25px;transform:rotate(8deg)}.modes-section{padding-top:25px;margin:0 24px 30px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.6px;max-width:280px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:12px}.section-heading>p{font-size:11px;margin-top:13px}.section-heading>p br{display:none}.mode-grid{grid-template-columns:1fr;gap:16px}.mode-card{padding:25px 25px 0;min-height:265px}.card-top{margin-bottom:19px}.mode-icon{width:37px;height:42px}.mode-card h3{font-size:31px}.mode-card h4{font-size:12px;line-height:1.5}.mode-card p{font-size:12px;line-height:1.7;max-width:100%;margin-bottom:20px}.card-cta{font-size:12px;padding:18px 0}.kindness-strip{margin:0 24px 30px;padding:25px 0;gap:15px}.kindness-strip>div{min-width:calc(100% - 50px);gap:9px}.kindness-strip strong{font-size:17px;line-height:1.4}.kindness-strip span:not(.strip-icon){font-size:11px;line-height:1.65}.kindness-strip>.strip-icon{align-self:flex-start;margin-top:4px}.kindness-strip>.text-button{font-size:11px;margin-left:42px}.site-footer{margin:0 24px;padding:0 0 30px;display:block}.site-footer>div{justify-content:flex-start;margin-top:20px;gap:13px;line-height:1.5}.site-footer>div button,.site-footer>div a,.site-footer>div{font-size:9px}.site-footer>.footer-tag{font-size:11px}.site-footer .footer-tag em{font-size:14px}.page-width{margin:0 23px;padding:30px 0 50px;min-height:calc(100dvh - 240px)}h1{font-size:45px;letter-spacing:-1.5px}.back-link{margin-bottom:28px;font-size:10px}.reading-page h1{font-size:44px;letter-spacing:-1.7px}.reading-page>.eyebrow{font-size:8px;letter-spacing:1.6px}.reading-page .lead{font-size:12px}.rules-list>div{gap:14px}.rules-list p{font-size:12px}.notice{font-size:11px}.reading-page>.button{font-size:11px;gap:15px;width:100%}.compose-layout>div{display:block}.compose-layout>.eyebrow{font-size:9px}.compose-layout h1{font-size:48px;margin-bottom:20px}.compose-layout .lead{font-size:12px;line-height:1.7;margin-bottom:20px}.compose-layout .lead br{display:none}.compose-card{padding:22px 18px}.compose-card>textarea{font-size:22px;min-height:190px}.choice-card{padding:15px 10px;gap:8px}.choice-card>.icon{width:20px;height:20px}.choice-card strong{font-size:10px;line-height:1.5}.choice-card small{font-size:9px}.compose-card>.button{font-size:12px}.waiting-page{padding-top:40px}.waiting-page h1{font-size:38px;line-height:1.15}.waiting-page>p{font-size:12px}.waiting-page>p br{display:none}.waiting-page>blockquote{font-size:18px;padding:18px 5px}.waiting-page .block{font-size:9px}.queue-facts{gap:24px;font-size:10px}.waiting-page>.field-hint{font-size:10px}.waiting-page .eyebrow,.queue-label{font-size:8px}.room-page{margin:0 15px;padding-top:20px}.room-topline{margin:0 5px 16px}.room-topline .back-link{font-size:10px}.room-state{font-size:7px;letter-spacing:1px}.chat-layout,.simple .chat-layout{grid-template-columns:1fr;gap:15px}.confession-sidebar{padding:20px}.confession-sidebar>.eyebrow{font-size:8px;margin-bottom:15px}.sidebar-icon{display:none}.confessed-by{font-size:10px;margin-bottom:12px}.confession-sidebar blockquote{font-size:21px;line-height:1.45;margin-bottom:15px;max-height:160px}.author-status{font-size:9px;margin:0}.room-participants{padding-top:15px;margin-top:17px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.room-participants>.eyebrow{display:none}.participant{margin:0;flex:1;min-width:110px}.participant strong{font-size:8px;max-width:140px;overflow-wrap:anywhere}.participant small{font-size:8px}.participant>.avatar{width:24px;height:24px;font-size:11px}.confession-sidebar .small-print{margin-top:15px;padding-top:12px;font-size:8px;max-width:100%}.confession-sidebar .small-print>.icon{height:12px;width:12px}.chat-panel{height:530px}.chat-header{padding:18px}.chat-header h2{font-size:24px}.chat-header span{font-size:9px}.message{max-width:94%}.message-body{font-size:12px}.message-meta{gap:9px}.message-meta strong{font-size:9px}.composer-bottom>span{font-size:8px}.composer textarea{font-size:12px}.read-only{padding:18px 16px}.room-bottom{margin:12px 5px;gap:15px}.room-bottom>span{font-size:9px;line-height:1.6;max-width:170px}.room-bottom>.text-button{font-size:10px;flex-shrink:0;gap:7px}.chat-ended{padding:20px 15px}.chat-ended .button-row{gap:10px}.chat-ended .button{font-size:10px;padding:10px 13px}.history-page h1{font-size:45px}.history-page .eyebrow{font-size:8px}.history-page>.lead{font-size:12px}.history-layout{grid-template-columns:1fr;gap:20px}.history-card{padding:22px}.history-card>p{font-size:20px}.list-heading h2{font-size:27px}.history-card-bottom>.text-button{font-size:10px}.history-card-bottom>span{font-size:10px}.empty-page h1{font-size:35px}.empty-page{padding-top:60px}.admin-login{margin:0 30px;padding-top:45px}.admin-login h1{font-size:40px}.admin-login>p{font-size:11px}.admin-heading{align-items:flex-start;gap:15px}.admin-heading h1{font-size:37px}.admin-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.admin-heading>.button{font-size:10px;padding:8px 10px;margin-top:10px}.stats-grid{grid-template-columns:1fr 1fr}.admin-tabs{gap:20px;overflow-x:auto;margin-bottom:25px}.admin-tabs button{font-size:10px;white-space:nowrap}.admin-row{align-items:flex-start;gap:15px;flex-direction:column}.admin-row .button-row{width:100%;justify-content:flex-start;gap:20px}.admin-row .button{font-size:10px}.admin-row p{font-size:10px}.admin-row time{font-size:9px}.admin-row>code{font-size:11px}.admin-page h2{font-size:27px}.inline-form{flex-wrap:wrap;gap:10px}.inline-form input{flex-basis:100%}.inline-form .button{font-size:11px;min-height:40px}.original-text{font-size:10px}.simple .hero{margin:0 25px;padding:40px 0 10px}.simple .hero h1{font-size:40px}.simple .hero h1 br{display:block}.simple .hero h1 br:nth-of-type(odd){display:none}.simple .hero h1 br:nth-of-type(even){display:block}.simple .hero h1 br:after{content:' '}.simple .mode-card{min-height:255px}dialog{padding:28px 23px;width:calc(100vw - 26px);max-height:calc(100dvh - 32px);border-radius:7px}dialog h2{font-size:30px;line-height:1.2;margin:20px 10px 20px 0}dialog>.eyebrow{font-size:7px;letter-spacing:1.5px;max-width:calc(100% - 20px)}dialog>p{font-size:12px}dialog .rules-list p{font-size:10px}dialog .rules-list>div{gap:12px}.quiz-question legend{font-size:11px}.radio-row{font-size:10px}.checkbox-row{font-size:10px}dialog .field-label{font-size:11px}dialog .button{font-size:11px;gap:14px}.modal-close{top:11px;right:10px}.detail-stack p{font-size:11px}.identity-full{font-size:11px!important}#toast{font-size:11px;padding:13px 17px;bottom:16px}.footer-tag{display:block}}
@media(max-width:600px){.site-header{height:123px}.header-inner{flex-wrap:wrap;align-content:center;gap:15px 10px}.header-inner nav{order:3;display:flex;width:100%;gap:23px;margin:0;justify-content:space-between}.header-inner nav .nav-link{font-size:9px;padding:0 0 10px}.header-inner nav .nav-link .icon{width:12px;height:12px;margin-right:3px}.hero{padding-top:32px}.page-width{min-height:calc(100dvh - 280px)}}
@media(max-width:400px){.hero h1{font-size:50px;letter-spacing:-2px}.hero-actions{gap:16px}.hero-actions .primary{min-width:144px;padding-left:18px;padding-right:18px;flex-shrink:0;white-space:nowrap}.hero-actions .text-button{font-size:9px;white-space:nowrap;gap:8px}.hero-actions .text-button span{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover:not(:disabled),.mode-card:hover{transform:none}}

/* UX review, September 2026: readable entry, clear choices, compact waiting. */
.signed-out-header{height:90px}
.entry-page{padding-top:48px}
.entry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.entry-intro{padding-top:26px;max-width:440px}
.entry-intro h1{font-size:55px;line-height:1.13;letter-spacing:-1.9px;margin-bottom:24px}
.entry-intro .lead{font-size:16px;margin-bottom:25px}
.privacy-points{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:13px;line-height:1.6;margin-bottom:26px}
.privacy-points>span:first-child{display:flex;gap:8px;align-items:center}
.privacy-points .icon{width:16px;height:16px}
.privacy-points .text-button{align-self:flex-start;color:var(--blue);font-weight:500;padding:2px 0}
.entry-returning{border-top:1px solid var(--line);padding-top:25px;font-size:14px;margin-top:34px}
.entry-returning .text-button{font-size:13px;padding-top:7px;text-align:left;justify-content:flex-start}
.entry-panel{padding:30px 34px;border:1px solid var(--line);border-radius:8px;background:var(--paper-light);min-width:0}
.entry-panel h2{font-size:32px;margin:0 0 13px}
.entry-panel>p,.entry-explanation{font-size:14px;color:var(--muted)}
.entry-progress{display:flex;gap:18px;list-style:none;margin:0 0 32px;padding:0 0 25px;border-bottom:1px solid var(--line)}
.entry-progress li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.entry-progress li>span{height:26px;width:26px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px;flex-shrink:0}
.entry-progress .current{color:var(--blue);font-weight:600}
.entry-progress .current>span{background:var(--blue);border-color:var(--blue);color:white}
.entry-progress .complete>span{background:var(--blue-wash);color:var(--blue)}
.entry-panel .rules-list{margin:14px 0 25px}
.entry-panel .rules-list>div{gap:16px;padding:15px 0}
.entry-panel .rules-list p{font-size:13px;line-height:1.7}
.entry-panel .quiz-question legend{font-size:14px}
.entry-panel .radio-row,.entry-panel .checkbox-row{font-size:13px;line-height:1.65;color:var(--muted)}
.entry-panel input:not([type=radio]):not([type=checkbox]){font-size:14px;min-height:48px}
.entry-panel .field-label{font-size:14px;margin-top:23px}
.entry-panel .field-hint{font-size:12px}
.entry-panel form>.button{margin-top:14px}
.inline-rules-link{border:0;background:transparent;color:var(--blue);padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.hero{min-height:510px;padding-top:30px;padding-bottom:30px}
.hero h1{font-size:56px;letter-spacing:-2px;line-height:1.1}
.hero-copy>p{font-size:15px}
.booth-link{border:0;padding:0;background:transparent;color:inherit;width:100%;height:470px;transform:none;margin:0;appearance:none}
.booth-link:before{height:435px;width:min(450px,100%)}
.booth-link:after{height:405px;width:min(375px,90%)}
.booth-link:hover .curtain-label{background:#fff6df}
.mode-card p{font-size:13px;line-height:1.75}
.mode-card h4,.card-cta{font-size:13px}
.kindness-strip span:not(.strip-icon){font-size:13px}
.site-footer{padding-top:18px;font-size:12px;align-items:center}
.site-footer>div{margin:0;font-size:12px}
.site-footer button{font-size:12px}
.compose-layout{gap:65px;padding-top:0}
.compose-layout h1{font-size:58px;margin-top:0}
.compose-layout .lead{font-size:15px}
.mode-alternatives{margin:25px 0;max-width:340px}
.mode-alternatives>p{font-size:13px;color:var(--muted);margin-bottom:10px}
.mode-alternatives .button{margin-bottom:10px;gap:12px;justify-content:flex-start}
.mode-alternatives .button .icon:last-child{margin-left:auto}
.writing-note{margin:28px 0 24px;font-size:23px}
.input-meta,.field-hint{font-size:11px}
.waiting-page{max-width:1000px;padding-top:42px;min-height:calc(100dvh - 170px)}
.waiting-card{border:1px solid var(--line);border-radius:10px;background:var(--paper-light);padding:35px 60px;max-width:880px;margin:0 auto}
.waiting-card .queue-label{font-size:11px;letter-spacing:1.2px}
.waiting-card .waiting-arch{margin:28px auto 26px;width:104px;height:130px}
.waiting-card h1{font-size:46px;margin-bottom:19px}
.waiting-card>p{font-size:15px;color:var(--muted);max-width:660px;margin-left:auto;margin-right:auto}
.waiting-card blockquote{font-family:var(--serif);font-size:22px;margin:25px 0;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
.waiting-card .queue-facts{font-size:13px;gap:35px}
.waiting-card .queue-facts strong{font-size:23px}
.waiting-card .field-hint{font-size:12px;max-width:610px;margin-bottom:25px}
.waiting-card .block{font-size:12px}
.conversation-summary{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.conversation-summary strong{color:var(--blue);font-size:13px;font-weight:600}
.conversation-summary p{font-size:11px;color:var(--muted);margin:5px 0 0}
.conversation-summary ul{padding-left:16px;margin:12px 0 0;font-size:12px}
.conversation-summary small{display:block;margin-top:8px;font-size:11px;color:var(--muted)}
.admin-row .chat-counts-inline{font-size:12px;color:var(--blue);margin-top:8px}
.room-topline{gap:15px;flex-wrap:wrap}
.room-topline .room-state{margin-left:auto}
.room-topline>.button{min-height:36px;font-size:11px;padding:8px 14px}
.composer-bottom>span{line-height:1.6}
.simple .entry-panel,.simple .waiting-card{border-radius:0}
@media(max-width:1100px){.entry-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.entry-intro h1{font-size:46px}.entry-panel{padding:28px}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.booth-link{transform:scale(.9);transform-origin:center;height:470px;margin:0;width:100%}.hero{gap:20px}.waiting-page{max-width:calc(100% - 80px)}.waiting-card{padding:35px}}
@media(max-width:800px){.entry-layout{grid-template-columns:1fr;gap:25px}.entry-intro{max-width:100%;padding-top:0}.entry-intro h1{font-size:45px;max-width:540px}.entry-intro h1 br{display:none}.entry-intro .lead{max-width:560px;font-size:15px;margin-bottom:18px}.entry-intro .privacy-points{margin-bottom:20px;gap:5px}.entry-returning{margin:0;padding-top:15px}.entry-returning br{display:none}.entry-returning .text-button{margin-left:6px}.entry-panel{max-width:700px;width:100%;margin:auto}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero{gap:0}.booth-link{transform:scale(.76);margin:0;width:100%}.mode-card h4{font-size:12px}.mode-card p{font-size:12px}.card-cta{font-size:12px}.compose-layout>div{display:block}.compose-layout h1{font-size:47px}.compose-layout .lead{font-size:14px}.mode-alternatives{max-width:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.mode-alternatives>p{width:100%;margin:0}.mode-alternatives .button{width:auto;flex:1;margin:0;min-width:180px;min-height:44px}.writing-note,.compose-layout .small-print{display:none}.waiting-page{max-width:none;margin:0 30px}.waiting-card{padding:30px}.waiting-card h1{font-size:40px}}
@media(max-width:600px){.signed-out-header{height:82px}.signed-out-header .header-inner{flex-wrap:nowrap}.entry-page{padding-top:26px;margin:0 20px}.entry-intro h1{font-size:39px;letter-spacing:-1.5px;margin-bottom:17px}.entry-intro .lead{font-size:14px}.privacy-points{font-size:12px}.entry-returning{font-size:12px}.entry-returning .text-button{display:flex;margin:0;font-size:12px}.entry-panel{padding:23px 19px}.entry-panel h2{font-size:29px}.entry-progress{gap:12px;margin-bottom:25px;padding-bottom:20px;justify-content:space-between}.entry-progress li{font-size:10px;gap:5px}.entry-progress li>span{height:23px;width:23px;font-size:10px}.entry-panel .rules-list p{font-size:13px}.entry-panel .rules-list>div{gap:12px}.entry-panel .quiz-question legend{font-size:13px}.entry-panel .radio-row,.entry-panel .checkbox-row{font-size:13px}.entry-explanation{font-size:13px}.hero{padding-top:30px}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.booth-link{width:100%;transform:scale(.78);height:430px;margin:-5px 0 -30px}.mode-card h4,.mode-card p,.card-cta{font-size:13px}.kindness-strip span:not(.strip-icon){font-size:12px}.site-footer{display:flex;gap:14px;flex-wrap:wrap;padding-top:16px}.site-footer>div{font-size:11px}.site-footer button{font-size:11px}.mode-alternatives .button{font-size:12px;min-width:135px;padding:12px;gap:8px}.mode-alternatives .button>.icon:first-child{width:17px;height:17px}.compose-layout .lead{font-size:14px}.waiting-page{margin:0 20px;padding-top:25px}.waiting-card{padding:27px 20px}.waiting-card h1{font-size:36px}.waiting-card>p{font-size:14px}.waiting-card .queue-facts{gap:22px;font-size:12px}.waiting-card .queue-facts strong{font-size:21px}.waiting-card blockquote{font-size:20px;padding:18px 0}.waiting-card .field-hint{font-size:12px}.room-topline{margin-left:0;margin-right:0;gap:10px}.room-topline>.button{padding:8px 10px;font-size:10px}.conversation-summary{margin-top:16px;padding-top:14px}.conversation-summary strong{font-size:13px}.simple .hero h1{font-size:38px}}