:root{--cream:#F5EFE4;--cream2:#fbf7ef;--sepia:#8B6F47;--gold:#C9954A;--ink:#2B2118;--rose:#C99A95;--moss:#6B7855;--paper:#fffaf2;--line:rgba(43,33,24,.13);--shadow:0 22px 60px rgba(43,33,24,.10);--radius:24px;--serif:'Segoe UI',Arial,sans-serif;---body:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream2);color:var(--ink);font-family:var(--body);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);line-height:1.03;letter-spacing:-.025em}.hero-copy h1{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:600}h2{font-size:clamp(1.75rem,3vw,2.7rem);font-weight:600}h3{font-size:1.45rem}.muted,.hint,small{color:rgba(43,33,24,.62)}.preserve-lines{white-space:pre-line}.center,.centered{text-align:center}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--sepia)}.eyebrow.light{color:#f2cf91}.tag,.status,.privacy-chip,.count-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.25rem .65rem;font-size:.74rem;text-transform:capitalize;background:rgba(255,255,255,.55)}.status.good{background:rgba(107,120,85,.13);border-color:rgba(107,120,85,.3)}.risk-high,.risk-crisis{color:#8a2d28}.text-link{color:var(--sepia);font-weight:700}.text-link:hover{text-decoration:underline}.button{border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:.78rem 1.08rem;border-radius:999px;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:.2s transform,.2s opacity,.2s background}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button-ghost{background:transparent;color:var(--ink)}.button-light{background:var(--cream);color:var(--ink);border-color:var(--cream)}.button-sm{padding:.5rem .8rem;font-size:.76rem}.button-block{width:100%}.button-danger{background:#6e302d;border-color:#6e302d;color:white}.button-row{display:flex;gap:.55rem;flex-wrap:wrap}.inline-form{display:inline-flex;align-items:center;gap:.4rem}.link-button{border:0;background:none;padding:.4rem;color:inherit}.site-main{min-height:70vh}.page-shell,.section{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:64px 0}.narrow-shell{width:min(850px,calc(100% - 36px))}.page-header{max-width:800px;margin-bottom:38px}.page-header p{font-size:1.03rem;color:rgba(43,33,24,.72)}.split-header{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:28px}.card{background:rgba(255,250,242,.9);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 34px rgba(43,33,24,.045)}.soft-card{background:linear-gradient(125deg,#f3e7d4,#f7efe4 60%,#efe5d7)}.sticky-card{position:sticky;top:95px}.notice{width:min(1180px,calc(100% - 36px));margin:18px auto 0;padding:12px 18px;border-radius:14px;background:#efe5d4;border:1px solid var(--line)}.notice-warning{background:#f4e3d2}.notice-success{background:#e8ebdf}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2,.section-heading h3{margin-bottom:0}.two-column{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.45fr);gap:28px;align-items:start}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-stack{display:grid;gap:17px}.form-grid{display:grid;gap:16px;align-items:end}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:grid;gap:7px;font-size:.84rem;font-weight:700}input,textarea,select{width:100%;border:1px solid rgba(43,33,24,.18);border-radius:13px;background:rgba(255,255,255,.55);padding:.76rem .85rem;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,149,74,.12)}textarea{resize:vertical}fieldset{border:1px solid var(--line);border-radius:18px;padding:18px}legend{font-family:var(--serif);font-size:1.3rem;padding:0 8px}.check-grid{display:flex;gap:10px;flex-wrap:wrap}.check-grid label,.choice-card,.choice-grid label{display:block;position:relative}.check-grid input,.choice-grid input,.choice-card input{position:absolute;opacity:0;pointer-events:none}.check-grid span,.choice-grid span,.choice-card span{display:block;border:1px solid var(--line);border-radius:999px;padding:.6rem .85rem;font-weight:600;background:rgba(255,255,255,.35)}.check-grid input:checked+span,.choice-grid input:checked+span,.choice-card input:checked+span{background:var(--ink);color:var(--cream);border-color:var(--ink)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-grid.four{grid-template-columns:repeat(4,1fr)}.toggle-list{display:grid;gap:8px}.toggle-row,.check-line{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}.toggle-row input,.check-line input{width:20px;height:20px}.ethical-note{border-left:3px solid var(--gold);background:rgba(201,149,74,.08);padding:14px 16px;border-radius:0 12px 12px 0;font-size:.86rem}.wide-note{margin-top:24px}.empty-state{text-align:center;padding:55px 30px}.empty-state>span{font-size:2rem;color:var(--gold)}.list-stack{display:grid;gap:14px;margin-top:20px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.clean-list,.plain-list{padding-left:1.15rem}.clean-list li,.plain-list li{margin:.45rem 0}.mini-list{display:grid;gap:12px}.mini-list>div{padding-bottom:12px;border-bottom:1px solid var(--line);display:grid}.risk-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--gold);margin-right:5px}.risk-dot.risk-crisis{background:#8c2925}.risk-dot.risk-high{background:#b45c42}.risk-dot.risk-moderate{background:var(--gold)}pre{font-family:var(--body);white-space:pre-wrap;background:rgba(43,33,24,.035);border-radius:14px;padding:14px;font-size:.84rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sepia)}td small{display:block}.data-list{display:grid}.data-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.data-row>div{display:grid}.metric-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:22px}.metric-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--paper);display:grid;gap:3px}.metric-card strong{font-family:var(--serif);font-size:2.2rem}.metric-card span{font-size:.72rem;color:var(--sepia)}
/* top navigation */
.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px max(18px,calc((100vw - 1180px)/2));background:rgba(251,247,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(43,33,24,.08)}.brand{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.brand-mark{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f3d594 0 18%,#c9954a 19% 35%,#3a2a1e 37% 100%);color:#fff}.brand-name{font-family:var(--serif);font-size:1.45rem;font-weight:700;line-height:1}.brand-sub{font-size:.55rem;color:var(--sepia);letter-spacing:.1em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:17px;font-size:.78rem;font-weight:700}.nav-more{position:relative}.nav-more summary{list-style:none;cursor:pointer}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{position:absolute;right:0;top:30px;width:210px;padding:10px;display:grid;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.nav-more a{padding:8px;border-radius:8px}.nav-more a:hover{background:var(--cream)}.site-footer{display:flex;justify-content:space-between;gap:30px;width:min(1180px,calc(100% - 36px));margin:30px auto 0;padding:28px 0 45px;border-top:1px solid var(--line);font-size:.72rem;color:rgba(43,33,24,.64)}.site-footer>div{display:grid}.footer-links{display:flex!important;gap:15px}
/* public */
.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;width:min(1240px,calc(100% - 36px));margin:0 auto;padding:60px 0}.hero-copy{max-width:660px}.hero-copy h1 em{color:var(--sepia);font-weight:500}.lede{font-size:1.1rem;color:rgba(43,33,24,.72);max-width:680px}.hero-actions{display:flex;gap:10px;margin:28px 0 16px}.microcopy{font-size:.72rem;color:rgba(43,33,24,.58)}.hero-visual{display:grid;place-items:center;min-height:520px}.lantern-scene{position:relative;width:360px;height:480px;display:grid;place-items:center}.lantern-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(238,178,76,.65),rgba(201,149,74,.12) 48%,transparent 70%);filter:blur(5px);animation:pulseGlow 5s ease-in-out infinite}.lantern-frame{width:145px;height:220px;border:8px solid #37291e;border-radius:24px 24px 40px 40px;position:relative;z-index:2;background:linear-gradient(rgba(255,238,189,.65),rgba(201,149,74,.18));box-shadow:0 30px 80px rgba(114,78,31,.32)}.lantern-frame:before{content:'';position:absolute;left:28px;right:28px;top:-72px;height:72px;border:7px solid #37291e;border-bottom:0;border-radius:80px 80px 0 0}.lantern-flame{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);width:28px;height:48px;background:linear-gradient(#fff4b9,#e39a35);border-radius:70% 30% 60% 40%;box-shadow:0 0 40px #ffd477;animation:flame 2.4s ease-in-out infinite}.lantern-reflection{position:absolute;bottom:20px;width:260px;height:55px;background:radial-gradient(ellipse,rgba(201,149,74,.3),transparent 70%)}.intro-grid,.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.card-grid{display:grid;gap:12px}.card-grid.five{grid-template-columns:repeat(5,1fr)}.card-grid .room-card{min-height:245px}.room-card{border:1px solid var(--line);border-radius:22px;padding:22px;background:linear-gradient(155deg,#fffaf2,#efe4d3);transition:.25s transform,.25s box-shadow}.room-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.room-card>span{color:var(--gold);font-size:.72rem}.room-card h3{margin-top:30px}.dark-panel{background:var(--ink);color:var(--cream);border-radius:32px;padding:50px!important;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:55px}.dark-panel .eyebrow{color:#d8b773}.route-list{display:grid}.route-list div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.14);padding:12px 0}.route-list span{color:#d8b773}.page-hero{width:min(1180px,calc(100% - 36px));margin:auto;padding:80px 0 30px}.page-hero.compact{max-width:900px;margin-left:max(18px,calc((100vw - 1180px)/2))}.architecture-list{display:grid;gap:12px;padding-left:1.2rem}.architecture-list li{padding-left:8px}.architecture-list span{display:block;color:rgba(43,33,24,.65);font-size:.88rem}.principles-card{background:var(--ink);color:var(--cream);padding:30px;border-radius:26px}.principles-card .eyebrow{color:#d9b66e}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:26px;padding:30px;background:var(--paper)}.price-card.featured{background:var(--ink);color:var(--cream)}.price-card.featured .eyebrow{color:#e4c485}.price{font-family:var(--serif);font-size:2.5rem}.price span{font-size:.9rem;font-family:var(--body)}
/* auth/onboarding */
.auth-shell{width:min(1040px,calc(100% - 36px));margin:70px auto;display:grid;grid-template-columns:1fr 450px;gap:70px;align-items:center}.auth-copy h1{max-width:560px}.form-card{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow);display:grid;gap:17px}.form-errors{background:#f2deda;border-radius:12px;padding:10px 14px}.form-errors p{margin:0;font-size:.82rem}.form-foot{text-align:center;font-size:.8rem}.onboarding-shell{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:45px 18px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#f3e0be,#f6efe5 42%,#e9decd 100%)}.onboarding-lantern{position:absolute;top:50px;left:50%;transform:translateX(-50%)}.mini-flame{color:#ffd47c;text-shadow:0 0 24px #dc9a32}.onboarding-card{width:min(720px,100%);padding:42px;margin-top:70px;border-radius:30px;background:rgba(255,250,242,.88);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.onboarding-step{display:none}.onboarding-step.active{display:grid;gap:18px}.quiet-copy{color:rgba(43,33,24,.68)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.consent-grid{display:grid}
/* dashboard */
.compact-hero{display:flex;align-items:center;justify-content:space-between;min-height:270px;padding:38px;border-radius:30px;background:linear-gradient(125deg,#2e241c,#493a2b 62%,#6d5437);color:var(--cream);margin-bottom:20px;overflow:hidden}.compact-hero .hero-copy h1:clamp(2.7rem,5vw,4.7rem);margin:.2rem 0}.compact-hero .eyebrow{color:#d7b270}.compact-hero p{color:rgba(245,239,228,.75)}.lantern-orb{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,136,.9) 0 8%,rgba(205,144,62,.45) 17%,rgba(205,144,62,.08) 48%,transparent 70%);display:grid;place-items:center}.lantern-orb span{width:20px;height:37px;background:#ffd176;border-radius:70% 30% 70% 40%;box-shadow:0 0 28px #ffc75e}.lantern-orb.small{width:110px;height:110px}.capacity-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:20px}.capacity-strip h2{margin:.2rem 0}.room-mini-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.room-mini{min-height:130px;border:1px solid var(--line);border-radius:17px;padding:14px;display:flex;flex-direction:column;justify-content:end;background:rgba(255,255,255,.35)}.room-mini span{margin-bottom:auto;color:var(--gold);font-size:.68rem}.room-mini strong{font-family:var(--serif);font-size:1.2rem}.room-mini small{font-size:.67rem}.care-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.therapy-card{background:linear-gradient(150deg,#e8eadf,#f8f1e8)}
/* quiet arcade */
.room-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.room-grid .room-card{min-height:390px;display:flex;flex-direction:column}.room-grid .room-number{font-size:.7rem}.room-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:60px 0 20px;background:rgba(201,149,74,.12);font-size:1.3rem}.room-grid .room-card h2{font-size:2rem;margin-bottom:5px}.room-grid .room-card strong{font-size:.78rem;color:var(--sepia)}.room-enter{margin-top:auto!important;font-weight:700}.immersive-room{min-height:calc(100vh - 68px);position:relative;display:grid;place-items:center;padding:60px 20px;color:#f7f0e7;overflow:hidden}.room-exit{position:absolute;top:25px;left:28px;z-index:4;font-size:.75rem;color:rgba(255,255,255,.8)}.room-center{width:min(720px,100%);text-align:center}.room-center.wide{width:min(900px,100%)}.calm-room{background:radial-gradient(circle at 50% 45%,#7b6139 0,#3f3325 30%,#211c18 72%)}.breath-lantern{width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:radial-gradient(circle,rgba(255,214,120,.4),rgba(200,141,55,.1) 40%,rgba(0,0,0,.1) 70%);margin:22px auto;color:#ffd477;transition:4s transform,4s box-shadow;display:grid;place-items:center}.breath-lantern.holding{transform:scale(1.34);box-shadow:0 0 110px rgba(244,187,81,.35)}.breath-lantern .flame{font-size:2.2rem;text-shadow:0 0 30px #ffc154}.breath-copy{color:rgba(255,255,255,.65)}.aftercare-box{margin-top:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:22px;border-radius:20px;text-align:left}.aftercare-box input,.aftercare-box textarea{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.2)}.aftercare-box .button{margin-top:12px}.ground-room{background:linear-gradient(145deg,#27352f,#455245 55%,#665844)}.sensory-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:35px 0}.sensory-grid button{aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:white}.sensory-grid button:hover{background:rgba(255,255,255,.16)}.sense-prompt{font-family:var(--serif);font-size:1.4rem;color:#f0d59d}.closing-copy{font-family:var(--serif);font-size:1.45rem}.rest-room{background:linear-gradient(155deg,#6a705e,#a79478)}.long-afternoon{position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,36,31,.64),rgba(77,72,57,.25)),linear-gradient(180deg,#b7a687,#655f50);display:grid;place-items:center}.window-light{position:absolute;right:8%;top:4%;width:38vw;height:74vh;background:linear-gradient(135deg,rgba(255,244,198,.55),transparent 70%);clip-path:polygon(15% 0,100% 0,65% 100%,0 100%);filter:blur(10px)}.rest-copy{position:relative;z-index:2;text-align:center;max-width:650px}.small-light{color:rgba(255,255,255,.65)}.return-room{background:radial-gradient(circle at 50% 25%,#725945,#392d26 58%,#201a17)}.memory-house{width:min(730px,100%);text-align:center}.memory-door{margin:32px auto;padding:32px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:150px 150px 24px 24px;max-width:540px}.memory-door>span{font-size:2.4rem;color:#e2bd76}.memory-door textarea{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:white}.room-result{font-size:.8rem;color:#f1ce8c}
/* listener */
.listener-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:48px 0}.listener-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.listener-header .hero-copy h1:3.5rem;margin:.2rem 0}.ai-status{font-size:.75rem;border:1px solid var(--line);padding:.6rem .85rem;border-radius:999px}.pulse-dot{display:inline-block;width:7px;height:7px;background:var(--moss);border-radius:50%;margin-right:6px}.listener-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.chat-card{padding:0;overflow:hidden}.chat-stream{height:560px;overflow:auto;padding:24px;background:linear-gradient(#f7f0e6,#fffaf2)}.system-whisper{text-align:center;color:var(--sepia);font-family:var(--serif);font-size:1.2rem;margin:8px auto 30px}.chat-bubble{max-width:76%;padding:13px 15px;border-radius:18px;margin:12px 0}.chat-bubble span,.chat-bubble small{font-size:.64rem}.chat-bubble p{margin:.2rem 0}.user-message{margin-left:auto;background:var(--ink);color:var(--cream);border-bottom-right-radius:4px}.user-message small,.user-message span{color:#dacaa9}.ai-message{background:#eee3d3;border-bottom-left-radius:4px}.chat-compose{border-top:1px solid var(--line);padding:15px}.chat-compose textarea{border:0;background:transparent;padding:8px}.chat-compose>div{display:flex;justify-content:space-between;align-items:center;gap:14px}.listener-aside{display:grid;gap:18px;align-content:start}.safety-card{background:#efe5d9}.crisis-bridge{margin:12px 18px;padding:18px;border-radius:15px;background:#f2dfd5;border:1px solid #dcb8a8}.crisis-bridge a{display:block;text-decoration:underline}
/* mindfulness/community */
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card>span{color:var(--gold)}.journal-section{margin-top:28px}.journal-list{display:grid;gap:14px}.ai-reflection{margin-top:16px;padding:14px;border-radius:15px;background:#eee4d5}.practice-overlay{position:fixed;inset:0;z-index:100;background:rgba(31,28,25,.96);color:white;display:grid;place-items:center;text-align:center}.practice-overlay[hidden]{display:none}.practice-overlay>button{position:absolute;top:25px;right:25px;background:none;color:white;border:1px solid rgba(255,255,255,.3);border-radius:99px;padding:8px 12px}.slow-orb{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#f7d68e,rgba(201,149,74,.12) 52%,transparent 70%);animation:pulseGlow 6s ease-in-out infinite}.lantern-field{min-height:580px;border-radius:36px;background:radial-gradient(circle at 50% 80%,#5e5039,#2f2b23 52%,#1d1b17);padding:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;align-items:center}.community-lantern{color:#f5efe4;text-align:center;padding:22px}.community-lantern .mini-flame{font-size:1.7rem}.community-lantern p{font-family:var(--serif);font-size:1.18rem}.community-lantern small{color:#bcae98}.lantern-pos-1,.lantern-pos-4{transform:translateY(30px)}.lantern-pos-2{transform:translateY(-20px)}.community-controls{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:22px}.filter-form{display:flex;align-items:start;gap:8px}.light-empty{color:white;grid-column:1/-1}.leave-lantern{margin-top:0}
/* recovery */
.weather-card{display:grid;border-left:2px solid var(--gold);padding-left:20px;min-width:230px}.weather-card strong{font-family:var(--serif);font-size:1.45rem}.hearth-card{overflow:hidden}.hearth{height:310px;position:relative;background:radial-gradient(ellipse at 50% 80%,#a68153 0,#69523b 38%,#302820 68%);border-radius:180px 180px 40px 40px;overflow:hidden}.hearth-fire{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);font-size:3.2rem;color:#ffd17e;text-shadow:0 0 30px #eaa13d}.hearth-stone{position:absolute;bottom:28px;width:110px;height:55px;border-radius:60% 55% 45% 50%;background:#9b8a70;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;text-align:center;padding:5px}.hearth-stone span{font-size:.56rem;color:#fff}.stone-1{left:10%}.stone-2{left:28%;bottom:38px}.stone-3{right:28%;bottom:38px}.stone-4{right:10%}.timeline{display:grid;gap:18px}.timeline article{border-left:2px solid var(--gold);padding-left:16px}.timeline time{font-size:.7rem;color:var(--sepia)}blockquote{margin:12px 0;padding:12px 15px;border-left:2px solid var(--gold);background:rgba(201,149,74,.06)}.archive-grid{display:grid;gap:16px}.archive-item{background:linear-gradient(150deg,#fffaf2,#f0e3d2)}.poetry-studio{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.poem-output{white-space:pre-line;font-family:var(--serif);font-size:1.35rem;line-height:1.7;background:linear-gradient(145deg,#2d261f,#51402e);color:#f6eede;padding:34px;border-radius:20px;min-height:330px}
/* clinical/admin */
.clinical-shell .card,.admin-shell .card{background:#fcfaf5}.alert-band{display:flex;justify-content:space-between;background:#5d322d;color:#fff;padding:14px 18px;border-radius:15px;margin-bottom:18px}.metric-pill{display:grid;text-align:right}.metric-pill strong{font-family:var(--serif);font-size:3rem}.checkin-strip{display:flex;overflow:auto;gap:14px;padding-bottom:8px}.checkin-strip>div{min-width:90px;text-align:center;display:grid;gap:5px}.mood-ball{margin:auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9dfcf}.mood-1,.mood-2{background:#e4c8bd}.mood-4,.mood-5{background:#dfe5d3}.checkin-strip em{font-size:.65rem;font-style:normal}.journal-clinical{border-bottom:1px solid var(--line);padding:12px 0}.review-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.review-card{box-shadow:none}.risk-border-high{border-left:4px solid #b56650}.risk-border-crisis{border-left:4px solid #8b2c29}.warning-text{color:#812e2a;font-weight:700;font-size:.8rem}.create-panel{margin-bottom:18px}.create-panel summary{font-family:var(--serif);font-size:1.4rem;cursor:pointer}.create-panel form{margin-top:20px}.caregiver-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.message-panel{padding:0;overflow:hidden}.message-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.message-head>div{display:grid}.message-stream{min-height:450px;max-height:560px;overflow:auto;padding:20px}.bubble{max-width:72%;margin:10px 0;padding:11px 14px;border-radius:17px;background:#eee3d3}.bubble.mine{margin-left:auto;background:var(--ink);color:white}.bubble p{margin:0}.bubble time{font-size:.58rem;opacity:.7}.message-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line)}.message-form textarea{resize:none}
/* sanctuary */
.sanctuary-page{min-height:calc(100vh - 68px);position:relative;background:#18211e}.dark-exit{color:#fff}.sanctuary-scene{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#574f45 0,#938168 42%,#4b584f 100%)}.sanctuary-sun{position:absolute;top:13%;right:18%;width:120px;height:120px;border-radius:50%;background:rgba(245,216,157,.78);box-shadow:0 0 100px #f0cc87}.mountain{position:absolute;bottom:0;width:75%;height:72%;background:#334139;clip-path:polygon(0 100%,17% 52%,27% 67%,43% 25%,55% 53%,65% 43%,100% 100%)}.mountain-1{left:-10%;opacity:.8}.mountain-2{right:-15%;transform:scale(.8);background:#596456;opacity:.65}.sanctuary-copy{position:absolute;left:10%;bottom:14%;z-index:3;color:white;max-width:530px;transition:1s opacity}.sanctuary-copy .hero-copy h1:5rem;margin:.2rem 0}.sanctuary-copy p{color:rgba(255,255,255,.72)}.sanctuary-copy.words-hidden{opacity:0;pointer-events:none}
.error-card{text-align:center;padding:60px 30px}.error-card .lantern-orb{margin:auto}
/* reduced motion + responsive */
@keyframes pulseGlow{50%{transform:scale(1.08);opacity:.78}}@keyframes flame{50%{transform:translateX(-50%) scale(.92) rotate(2deg)}}.reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.low-battery .lantern-glow,.low-battery .window-light{display:none}.low-battery *{animation:none!important}
@media(max-width:980px){.topbar{align-items:flex-start}.nav-links{max-width:70vw;overflow-x:auto;white-space:nowrap;padding-bottom:4px}.nav-links>a,.nav-more{display:inline-flex;flex:0 0 auto}.hero,.auth-shell,.intro-grid,.two-col,.dark-panel,.listener-grid,.two-column,.review-grid,.community-controls{grid-template-columns:1fr}.hero-visual{min-height:360px}.card-grid.five,.room-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.module-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr 1fr}.span-3{grid-column:span 2}.room-mini-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(3,1fr)}.sticky-card{position:static}.listener-aside{grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:1fr 1fr}.lantern-field{grid-template-columns:1fr 1fr}.sensory-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.hero-copy h1:2.65rem}.page-shell,.section{padding:38px 0}.topbar{padding:10px 14px}.brand-sub{display:none}.nav-links{gap:8px}.site-footer,.split-header,.capacity-strip,.listener-header{flex-direction:column;align-items:flex-start}.footer-links{display:grid!important}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{display:none}.auth-shell{grid-template-columns:1fr;margin:35px auto}.auth-copy{display:none}.card-grid.five,.room-grid,.dashboard-grid,.choice-grid.four,.form-grid.two,.form-grid.three,.field-grid,.listener-aside,.lantern-field{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.room-mini-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.compact-hero{padding:26px}.compact-hero .lantern-orb{display:none}.sensory-grid{grid-template-columns:1fr 1fr}.community-lantern,.lantern-pos-1,.lantern-pos-2,.lantern-pos-4{transform:none}.form-card,.onboarding-card,.card{padding:20px}.site-footer{display:grid}.dark-panel{padding:30px!important}.message-form{grid-template-columns:1fr}.bubble,.chat-bubble{max-width:90%}.sanctuary-copy{left:7%;right:7%}.sanctuary-copy .hero-copy h1:3.5rem}}

/* ===== Client review Phase 1: brand, layout and pricing ===== */
:root{--cream:#fff8ef;--cream2:#fffdf9;--paper:#ffffff;--ink:#1d1b19;--sepia:#7e6548;--gold:#e7a11a;--line:rgba(29,27,25,.12);--shadow:0 18px 46px rgba(36,28,20,.08);--radius:20px;--serif:Georgia,'Times New Roman',serif;--body:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif}
html,body{max-width:100%;overflow-x:hidden}body{background:linear-gradient(180deg,#fffdf9 0%,#fff8ef 100%);font-family:var(--body);line-height:1.55}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em}.site-main{overflow:clip}.page-shell,.section{width:min(1120px,calc(100% - 40px));padding:52px 0}.card{border-radius:20px;box-shadow:0 10px 28px rgba(36,28,20,.045)}
.brand-topbar{min-height:78px;padding:8px clamp(18px,4vw,48px);background:rgba(255,253,249,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line)}.brand-logo{display:flex;align-items:center;min-width:210px;height:60px;overflow:hidden}.brand-logo img{display:block;width:210px;height:92px;object-fit:contain;object-position:center;transform:scale(1.22)}.nav-links{gap:17px;align-items:center}.nav-links>a,.link-button,.nav-more summary{font-size:.84rem;font-weight:600}.nav-links>a:hover,.link-button:hover{color:#b77400}.button{border-radius:12px;padding:.74rem 1.05rem}.button-sm{padding:.58rem .86rem}
.site-footer{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:34px 0 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:36px}.footer-brand{display:grid;gap:5px;max-width:540px}.footer-brand img{width:150px;height:66px;object-fit:contain;object-position:center;transform:scale(1.2);transform-origin:left center}.footer-brand span{font-family:var(--serif);font-size:1.05rem}.footer-brand small{font-size:.74rem;max-width:500px}.footer-links{display:flex;gap:18px;align-items:flex-start;font-size:.8rem}
.pricing-hero{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:66px 0 26px}.pricing-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);max-width:780px;margin-bottom:18px}.pricing-hero .lede{max-width:780px;color:rgba(29,27,25,.68);font-size:1rem}.pricing-section{padding-top:12px}.pricing-grid-new{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pricing-grid-new .price-card{display:flex;flex-direction:column;min-height:310px;padding:25px;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px rgba(36,28,20,.045)}.pricing-grid-new .price-card.featured{background:linear-gradient(145deg,#2a241e,#3e3123);color:#fff;border-color:#2a241e}.pricing-grid-new h2{font-size:1.75rem;margin:.2rem 0 .9rem}.plan-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:#9a6c18;margin:0}.featured .plan-type{color:#f2bd52}.price{font-family:var(--serif);font-size:2.15rem;line-height:1.1;margin:.3rem 0 .8rem}.price-tbc{font-family:var(--body);font-size:1rem;font-weight:700;line-height:1.35;min-height:44px}.plan-note{color:rgba(29,27,25,.67);font-size:.9rem;flex:1}.featured .plan-note{color:rgba(255,255,255,.72)}.pricing-grid-new .button{margin-top:18px}.featured .button{background:#fff;color:#211a14;border-color:#fff}.pricing-footnote{margin-top:22px;padding:20px 22px}.pricing-footnote p{margin:.35rem 0 0;color:rgba(29,27,25,.65);font-size:.88rem}
.pricing-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 auto 26px;padding:20px 24px;max-width:1120px}.pricing-period-control{display:flex;align-items:center;gap:8px;border:0;margin:0;padding:0}.pricing-period-control legend{float:left;margin-right:10px;font-weight:700}.pricing-period-control button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 16px;color:var(--ink);font:inherit;cursor:pointer}.pricing-period-control button[aria-pressed="true"]{background:var(--ink);color:#fff}.pricing-period-control button:focus-visible,.pricing-region-control select:focus-visible{outline:3px solid #bd8b32;outline-offset:3px}.pricing-region-control{display:grid;gap:5px;min-width:min(340px,100%)}.pricing-region-control label{font-weight:700}.pricing-region-control select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:var(--ink)}.pricing-region-control small{color:var(--muted)}.pricing-settlement-note{max-width:1120px;margin:0 auto 28px}.pricing-plan-section{max-width:1120px;margin:0 auto 46px}.pricing-section-heading{margin-bottom:18px}.pricing-section-heading h2{margin:.2rem 0}.pricing-grid-new .price-card h3{font-size:1.55rem;margin:.25rem 0 .7rem}.pricing-approval{font-size:.77rem;font-weight:700;margin:0 0 8px}.pricing-approval.is-settled{color:#326347}.pricing-approval.is-proposed{color:#8a5700}.featured .pricing-approval.is-settled{color:#bce3c8}.featured .pricing-approval.is-proposed{color:#ffdc91}.pricing-plan-section .price{margin:.3rem 0 .55rem}.price-period{font-family:var(--body);font-size:.84rem;font-weight:600}.plan-flag,.enterprise-starting-price{font-size:.82rem;font-weight:600}.purchase-unavailable{border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:auto;color:var(--muted);font-size:.84rem;text-align:center}.regional-price-references p{font-size:.8rem}.regional-price-references small{display:block;color:var(--muted);margin-top:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.pricing-controls{align-items:stretch;flex-direction:column;padding:17px}.pricing-period-control{flex-wrap:wrap}.pricing-period-control legend{float:none;width:100%;margin:0 0 4px}.pricing-region-control{min-width:0}.pricing-plan-section{margin-bottom:34px}}
@media(max-width:980px){.brand-topbar{align-items:center}.brand-logo{min-width:180px}.brand-logo img{width:180px}.pricing-grid-new{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{max-width:calc(100vw - 230px)}}
@media(max-width:650px){.brand-topbar{position:relative;display:grid;gap:6px;padding:8px 14px}.brand-logo{height:54px;min-width:0}.brand-logo img{width:168px;height:78px}.nav-links{max-width:100%;width:100%;overflow-x:auto;white-space:nowrap;padding:2px 0 6px}.pricing-grid-new{grid-template-columns:1fr}.pricing-hero{padding-top:42px}.site-footer{display:grid}.page-shell,.section,.pricing-hero{width:min(100% - 28px,1120px)}.page-shell,.section{padding:38px 0}}

/* Client review phase 2: onboarding clarity, persistence and shared control consistency */
.onboarding-progress{height:7px;background:rgba(43,33,24,.08);border-radius:999px;overflow:hidden;margin-bottom:8px}.onboarding-progress span{display:block;height:100%;width:16.666%;background:var(--gold);border-radius:inherit;transition:width .25s ease}.onboarding-progress-label{font-size:.76rem;color:rgba(43,33,24,.62);margin-bottom:24px}.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.toggle-row>span{display:grid;gap:2px}.toggle-row small{font-weight:400;line-height:1.4}.onboarding-needs{grid-template-columns:repeat(2,1fr)}.onboarding-review{border:1px solid var(--line);border-radius:18px;padding:18px;background:rgba(255,255,255,.38)}.onboarding-review>strong{display:block;margin-bottom:8px}.onboarding-review dl{margin:0;display:grid;gap:8px}.onboarding-review dl div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgba(43,33,24,.08)}.onboarding-review dl div:last-child{border-bottom:0}.onboarding-review dt{font-weight:700}.onboarding-review dd{margin:0}.checkin-helper{margin:-4px 0 4px;padding:9px 12px;background:rgba(201,149,74,.08);border-radius:10px}
@media(max-width:650px){.onboarding-actions{align-items:stretch}.onboarding-actions .button{flex:1}.onboarding-review dl div{grid-template-columns:1fr;gap:2px}.onboarding-needs{grid-template-columns:1fr}}
.voice-status{display:block;min-height:1.1em;font-size:.72rem;color:var(--sepia);margin-top:5px}.button.is-listening{outline:2px solid var(--gold);outline-offset:2px}.chat-compose[aria-busy="true"] textarea{opacity:.72}.ai-reflection p{white-space:pre-line}.ai-status{display:inline-flex;align-items:center;gap:5px}

/* Client review Phase 4 — quieter, responsive Recovery Rooms */
.room-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;max-width:1120px;margin-inline:auto}.room-grid .room-card{min-height:285px;padding:20px}.room-icon{width:46px;height:46px;margin:28px 0 14px}.room-grid .room-card h2{font-size:1.55rem}.room-grid .room-card p{font-size:.82rem}.room-game-count{display:inline-flex!important;width:max-content;margin-top:10px;padding:5px 8px;border:1px solid var(--line);border-radius:999px}.immersive-room{min-height:calc(100svh - 68px);padding:76px 20px 40px;overflow-x:hidden;overflow-y:auto}.room-center{padding-block:12px}.room-center h1,.memory-house h1,.rest-copy h1{font-size:clamp(2.3rem,6vw,4.7rem)}.room-live-status{min-height:1.3em;font-size:.76rem;color:rgba(255,255,255,.7);margin-top:10px}.breath-lantern{width:clamp(150px,30vw,205px);height:clamp(150px,30vw,205px);cursor:pointer;touch-action:none}.breath-lantern:focus-visible,.sensory-grid button:focus-visible{outline:3px solid #f0d59d;outline-offset:4px}.sensory-grid{max-width:760px;margin:26px auto;grid-template-columns:repeat(5,minmax(90px,1fr))}.sensory-grid button{aspect-ratio:auto;min-height:86px;border-radius:18px;padding:10px;cursor:pointer;transition:.2s transform,.2s background}.sensory-grid button:hover,.sensory-grid button.selected{background:rgba(255,255,255,.2);transform:translateY(-3px)}.ground-meter{height:4px;max-width:520px;margin:10px auto 20px;border-radius:999px;background:rgba(255,255,255,.13);overflow:hidden}.ground-meter:after{content:'';display:block;height:100%;width:var(--ground-progress,0%);background:#f0d59d;transition:.35s width}.aftercare-box{max-width:620px;margin-inline:auto}.rest-copy{padding:30px 20px}.rest-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.memory-door{margin:22px auto;padding:26px}.memory-door textarea{width:100%;resize:vertical}.reflection-count{font-size:.7rem;color:rgba(255,255,255,.62);text-align:left;margin-top:6px}.room-games-section{padding:42px 18px;background:var(--cream)}.room-games-inner{width:min(1050px,100%);margin:auto}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.game-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--paper);min-height:175px}.game-card h3{font-size:1.25rem}.game-card p{font-size:.82rem}.game-card small{color:var(--sepia)}
@media(max-width:760px){.room-grid{grid-template-columns:1fr 1fr}.sensory-grid{grid-template-columns:1fr 1fr}.room-exit{top:18px;left:18px}.immersive-room{padding-top:64px}.window-light{width:70vw}.aftercare-box{padding:17px}}
@media(max-width:480px){.room-grid{grid-template-columns:1fr}.room-grid .room-card{min-height:220px}.room-icon{margin:18px 0 10px}.sensory-grid{grid-template-columns:1fr}.sensory-grid button{min-height:62px}.breath-lantern{width:155px;height:155px}.memory-door{padding:20px 16px}}

/* ===== Dashboard visual refinement: approved client-facing direction ===== */
.brand-topbar-v5{min-height:108px;padding:10px clamp(28px,4vw,58px);background:#fffdf9;position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(43,33,24,.10)}
.brand-logo-v5{width:190px;min-width:190px;height:auto;overflow:visible;display:block;line-height:0}
.brand-logo-v5 img{display:block;width:190px!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
.nav-links-v5{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:nowrap;max-width:none}
.nav-links-v5>a,.nav-links-v5 .link-button,.nav-links-v5 .nav-more summary{position:relative;font-family:var(--body);font-size:.9rem;font-weight:600;color:#211b16;white-space:nowrap}
.nav-links-v5>a.is-active:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--gold);border-radius:999px}
.user-nav-profile{display:inline-flex;align-items:center;gap:9px;font-weight:600;white-space:nowrap}.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#302217;color:#fff;font-family:var(--serif);font-size:1rem}

.dashboard-v5{width:min(1200px,calc(100% - 48px));padding:22px 0 0}.welcome-ribbon{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid rgba(91,119,59,.18);border-radius:16px;background:linear-gradient(90deg,#eef4e5,#f7faef);margin-bottom:20px;color:#211b16}.welcome-ribbon-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d7e9be;color:#47732f;font-size:1.35rem;transform:rotate(-28deg)}.welcome-ribbon div{display:grid;gap:1px}.welcome-ribbon strong{font-family:var(--serif);font-size:1rem}.welcome-ribbon span{font-size:.84rem}
.dashboard-hero-v5{position:relative;min-height:245px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(183,121,47,.32),transparent 24%),linear-gradient(115deg,#2a1e15 0%,#4b3523 50%,#5a3d25 100%);color:#fff;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:34px 38px;box-shadow:0 16px 38px rgba(51,34,20,.14)}.dashboard-hero-copy{position:relative;z-index:2;max-width:640px}.dashboard-hero-v5 .eyebrow{color:#efad31}.dashboard-hero-v5 h1{font-size:clamp(2.55rem,4vw,4.15rem);line-height:1.02;margin:.32rem 0 .65rem;color:#fff}.dashboard-hero-v5 p{font-size:1rem;color:rgba(255,255,255,.84);margin:0 0 20px}.dashboard-continue{display:inline-flex;align-items:center;gap:20px;background:#fffaf4;color:#2d2118;border-color:#fffaf4;padding:.82rem 1rem}.dashboard-continue:hover{background:#fff;color:#111}
.dashboard-lotus-art{position:absolute;right:3%;top:0;bottom:0;width:37%;pointer-events:none}.sun-glow{position:absolute;top:20px;left:50%;width:95px;height:95px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#ffc45d 0,rgba(255,178,55,.55) 26%,rgba(255,161,29,.08) 60%,transparent 72%);filter:blur(2px)}.sun-core{position:absolute;top:34px;left:50%;width:26px;height:26px;transform:translateX(-50%);border-radius:50%;background:#ffb53b;box-shadow:0 0 26px rgba(255,179,59,.9)}.light-beam{position:absolute;top:58px;left:50%;width:130px;height:145px;transform:translateX(-50%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,187,65,.42),rgba(255,184,63,.02))}.lotus{position:absolute;bottom:25px;left:50%;width:115px;height:52px;border:1.5px solid rgba(233,156,39,.68);border-radius:100% 0 100% 0;transform-origin:center bottom}.lotus-1{transform:translateX(-50%) rotate(0deg)}.lotus-2{transform:translateX(-50%) rotate(31deg)}.lotus-3{transform:translateX(-50%) rotate(-31deg)}
.capacity-feature-v5{position:relative;overflow:hidden;min-height:205px;margin-top:18px;padding:28px 34px;border:1px solid rgba(121,82,43,.12);background:linear-gradient(105deg,#fff8ef,#f9ecdc);box-shadow:0 10px 28px rgba(53,35,19,.055)}.capacity-feature-v5>div:first-child{position:relative;z-index:2;max-width:850px}.capacity-feature-v5 h2{font-size:clamp(2rem,3.5vw,3.25rem);margin:.22rem 0 .35rem;line-height:1.08}.capacity-feature-v5 p{margin:0 0 18px}.capacity-button-v5{display:inline-flex;align-items:center;gap:8px;background:#342419;color:#fff;border-color:#342419}.capacity-art-v5{position:absolute;right:3.5%;top:20px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#fff8e9 0,#f7e7ce 60%,transparent 61%)}.plant-stem{position:absolute;left:79px;bottom:30px;width:2px;height:78px;background:#75845c;transform:rotate(-7deg)}.plant-leaf{position:absolute;width:42px;height:20px;background:#84956e;border-radius:100% 0 100% 0;transform-origin:100% 50%}.leaf-a{left:40px;bottom:62px;transform:rotate(28deg)}.leaf-b{left:76px;bottom:78px;transform:scaleX(-1) rotate(26deg)}.leaf-c{left:48px;bottom:40px;transform:rotate(11deg);background:#a8a36f}.plant-spark{position:absolute;right:22px;top:20px;color:#d98f16;font-size:1.5rem}
.dashboard-shortcuts-v5{margin:14px 0 24px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid rgba(43,33,24,.10);border-radius:18px;box-shadow:0 8px 24px rgba(43,33,24,.05);overflow:hidden}.dashboard-shortcuts-v5>a{display:flex;align-items:center;gap:12px;padding:18px 20px;color:#211b16;border-right:1px solid rgba(43,33,24,.10);transition:background .18s ease,transform .18s ease}.dashboard-shortcuts-v5>a:last-child{border-right:0}.dashboard-shortcuts-v5>a:hover{background:#fff9f0;transform:translateY(-1px)}.dashboard-shortcuts-v5 a>span:last-child{display:grid;gap:2px}.dashboard-shortcuts-v5 strong{font-size:.86rem}.dashboard-shortcuts-v5 small{font-size:.72rem;color:#6d5e51}.shortcut-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;flex:0 0 38px}.shortcut-peach{background:#fae7dc}.shortcut-lilac{background:#eadcf4}.shortcut-green{background:#dfeee1}.shortcut-gold{background:#f9e9bd}.shortcut-blue{background:#dceaf5}
.dashboard-secondary-card{margin-bottom:18px}.dashboard-grid-v5{margin-top:0}
.subscription-management-card{align-self:start}.subscription-status{display:inline-block;padding:5px 10px;border-radius:999px;background:#e7eadf;color:#344238;font-size:.8rem;font-weight:700}.subscription-status-trial{background:#f8edcf}.subscription-status-past_due,.subscription-status-review{background:#f5e4db}.subscription-details{display:grid;gap:10px;margin:16px 0}.subscription-details>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:8px}.subscription-details dt{color:var(--muted);font-size:.83rem}.subscription-details dd{margin:0;text-align:right;font-weight:600}.subscription-safeguarding-note{font-size:.85rem}

.site-footer-v5{width:100%;max-width:none;margin:0;padding:0;background:linear-gradient(110deg,#2e2016,#4a3221);border-top:0;color:#fff;display:block}.footer-v5-inner{width:min(1200px,calc(100% - 48px));margin:auto;padding:30px 0 26px;display:grid;grid-template-columns:1.4fr .7fr .7fr .7fr;gap:38px}.footer-brand-v5{max-width:280px}.footer-brand-v5 img{display:block;width:180px!important;height:auto!important;filter:none;transform:none!important;object-fit:contain!important;background:#fffdf9;border-radius:8px;padding:3px}.footer-brand-v5 span{font-size:.77rem;color:rgba(255,255,255,.78)}.footer-column{display:grid;align-content:start;gap:8px;font-size:.78rem}.footer-column strong{font-size:.82rem;margin-bottom:4px}.footer-column a{color:rgba(255,255,255,.78)}.footer-column a:hover{color:#fff}.footer-socials{display:flex;gap:9px}.footer-socials a{width:32px;height:32px;border:1px solid rgba(255,255,255,.35);border-radius:50%;display:grid;place-items:center;font-size:.86rem;color:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease}.footer-socials a:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);transform:translateY(-1px)}.footer-v5-bottom{width:min(1200px,calc(100% - 48px));margin:auto;padding:14px 0 20px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:space-between;gap:18px;color:rgba(255,255,255,.72);font-size:.72rem}

@media(max-width:1100px){.nav-links-v5{gap:16px}.brand-logo-v5,.brand-logo-v5 img{width:170px!important;min-width:170px}.dashboard-shortcuts-v5{grid-template-columns:repeat(3,1fr)}.dashboard-shortcuts-v5>a:nth-child(3){border-right:0}.dashboard-shortcuts-v5>a:nth-child(-n+3){border-bottom:1px solid rgba(43,33,24,.10)}.footer-v5-inner{grid-template-columns:1.2fr repeat(3,.7fr)}}
@media(max-width:820px){.brand-topbar-v5{position:relative;display:grid;justify-items:center;gap:8px;padding:10px 18px}.brand-logo-v5{width:180px!important;min-width:0}.brand-logo-v5 img{width:180px!important}.nav-links-v5{width:100%;justify-content:flex-start;overflow-x:auto;padding:7px 0 10px;gap:20px}.user-nav-profile{margin-left:auto}.dashboard-v5{width:min(100% - 28px,1200px)}.dashboard-hero-v5{grid-template-columns:1fr;padding:30px}.dashboard-lotus-art{opacity:.42;width:48%;right:-7%}.capacity-art-v5{opacity:.48;right:-25px}.dashboard-shortcuts-v5{grid-template-columns:1fr 1fr}.dashboard-shortcuts-v5>a{border-right:1px solid rgba(43,33,24,.10)!important;border-bottom:1px solid rgba(43,33,24,.10)!important}.dashboard-shortcuts-v5>a:nth-child(even){border-right:0!important}.dashboard-shortcuts-v5>a:last-child{grid-column:1/-1;border-bottom:0!important}.footer-v5-inner{grid-template-columns:1fr 1fr}.footer-brand-v5{grid-column:1/-1}}
@media(max-width:560px){.dashboard-hero-v5{padding:26px 22px;min-height:280px}.dashboard-lotus-art{display:none}.dashboard-hero-v5 h1{font-size:2.6rem}.capacity-feature-v5{padding:24px 20px}.capacity-feature-v5 h2{font-size:2.25rem}.capacity-art-v5{display:none}.dashboard-shortcuts-v5{grid-template-columns:1fr}.dashboard-shortcuts-v5>a{border-right:0!important}.dashboard-shortcuts-v5>a:last-child{grid-column:auto}.footer-v5-inner{grid-template-columns:1fr}.footer-brand-v5{grid-column:auto}.footer-v5-bottom{flex-direction:column}.user-nav-profile{display:none}}

.footer-contact{gap:7px}.footer-contact-link{word-break:break-word}.footer-contact address{margin:3px 0 0;font-style:normal;line-height:1.5;color:rgba(255,255,255,.68);font-size:.73rem}.footer-contact a:focus-visible,.footer-socials a:focus-visible{outline:2px solid #f2b044;outline-offset:3px;border-radius:6px}.footer-socials a:focus-visible{border-radius:50%}


/* ===== Phase 5: visible daily check-in + persistence affordance ===== */
.capacity-actions-v5{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.capacity-checkin-link{background:#fffaf4;color:#342419;border-color:rgba(52,36,25,.28)}.capacity-checkin-link:hover{background:#fff}
.phase5-checkin-card{margin:18px 0;padding:28px 32px;border:1px solid rgba(121,82,43,.14);background:linear-gradient(115deg,#fffdf9,#faf3e9);box-shadow:0 10px 28px rgba(53,35,19,.055);scroll-margin-top:130px}.phase5-checkin-card .section-heading{margin-bottom:18px}.phase5-checkin-card h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:.2rem 0 0}.phase5-checkin-card .choice-grid{margin-top:4px}.mood-range-label{display:grid;gap:8px}.mood-range-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.mood-range-row input[type=range]{width:100%}.mood-range-value{min-width:58px;padding:7px 9px;border-radius:999px;background:#f2eadf;border:1px solid rgba(52,36,25,.13);font-weight:700;text-align:center}.checkin-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.checkin-actions .hint{max-width:460px}
@media(max-width:640px){.phase5-checkin-card{padding:22px 18px;scroll-margin-top:24px}.mood-range-row{grid-template-columns:1fr}.mood-range-value{justify-self:start}.capacity-actions-v5{align-items:stretch}.capacity-actions-v5 .button{width:100%;justify-content:center}}

/* Phase 5 Step 2: recent check-in history + timezone clarity */
.recent-checkins{margin-top:26px;padding-top:24px;border-top:1px solid rgba(52,36,25,.10)}
.recent-checkins-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.recent-checkins-heading h3{margin:.18rem 0 0;font-size:clamp(1.25rem,2vw,1.65rem)}
.timezone-chip{display:inline-flex;align-items:center;max-width:260px;padding:7px 10px;border-radius:999px;background:#f2eadf;border:1px solid rgba(52,36,25,.12);font-size:.78rem;font-weight:700;overflow-wrap:anywhere}
.recent-checkins-list{display:grid;gap:9px}
.recent-checkin-row{display:grid;gap:12px;padding:13px 15px;border:1px solid rgba(52,36,25,.10);border-radius:14px;background:rgba(255,255,255,.58)}
.recent-checkin-row.is-latest{background:#f5f8ef;border-color:rgba(91,119,59,.20)}
.recent-checkin-summary{display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(130px,1fr) minmax(100px,.7fr);gap:16px;align-items:center}.recent-checkin-summary>div{display:grid;gap:2px}
.recent-checkin-time small,.recent-checkin-label{font-size:.76rem;color:#836e5b}
.recent-checkin-details{border-top:1px solid rgba(52,36,25,.08);padding-top:10px}.recent-checkin-details summary{cursor:pointer;font-weight:700;color:#4b3323;list-style:none;display:inline-flex;align-items:center;gap:8px}.recent-checkin-details summary::-webkit-details-marker{display:none}.recent-checkin-details summary::after{content:'+';font-size:1.1rem}.recent-checkin-details[open] summary::after{content:'−'}.recent-checkin-note-body{margin-top:10px;padding:12px 14px;border-radius:12px;background:#fffaf2;border-left:3px solid #d99a24}.recent-checkin-note-body p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.recent-checkin-empty-note{margin:0;color:#8b7969;font-size:.86rem}.recent-checkins-note{margin:12px 0 0}
@media(max-width:700px){.recent-checkins-heading{display:grid}.timezone-chip{justify-self:start}.recent-checkin-summary{grid-template-columns:1fr 1fr}.recent-checkin-time{grid-column:1/-1}}
.dashboard-continue-context{margin:.7rem 0 0!important;font-size:.82rem!important;color:rgba(255,255,255,.7)!important}.dashboard-continue-context strong{color:#fff;font-weight:700}


/* Final navigation polish: accessible public CTA + useful user account menu */
.nav-links-v5>a.public-cta{background:#3a281b!important;border-color:#3a281b!important;color:#fffaf2!important;padding:.68rem 1rem;border-radius:14px;box-shadow:0 6px 16px rgba(58,40,27,.14);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.nav-links-v5>a.public-cta:hover{background:#5a3b24!important;color:#fff!important;box-shadow:0 8px 20px rgba(58,40,27,.20);transform:translateY(-1px)}
.nav-links-v5>a.public-cta:focus-visible{outline:3px solid rgba(201,149,74,.42);outline-offset:3px}
.user-account-menu{position:relative}.user-account-menu>summary{list-style:none;cursor:pointer}.user-account-menu>summary::-webkit-details-marker{display:none}.user-nav-profile{padding:4px 7px 4px 4px;border-radius:999px;transition:background .18s ease,box-shadow .18s ease}.user-nav-profile:hover,.user-account-menu[open]>.user-nav-profile{background:#f5ede2;box-shadow:inset 0 0 0 1px rgba(43,33,24,.08)}.user-profile-chevron{font-size:.88rem;line-height:1;transition:transform .18s ease}.user-account-menu[open] .user-profile-chevron{transform:rotate(180deg)}
.user-account-popover{position:absolute;right:0;top:calc(100% + 12px);z-index:90;width:230px;padding:10px;background:#fffdf9;border:1px solid rgba(43,33,24,.12);border-radius:16px;box-shadow:0 18px 46px rgba(43,33,24,.16);display:grid;gap:4px}.user-account-heading{display:grid;gap:1px;padding:8px 10px 10px;border-bottom:1px solid rgba(43,33,24,.09);margin-bottom:4px}.user-account-heading strong{font-size:.88rem}.user-account-heading small{font-size:.7rem;overflow-wrap:anywhere}.user-account-popover>a{padding:9px 10px;border-radius:10px;font-size:.8rem;color:#2b2118}.user-account-popover>a:hover{background:#f6eee3}.user-account-menu summary:focus-visible{outline:3px solid rgba(201,149,74,.34);outline-offset:3px}
@media(max-width:820px){.user-account-popover{position:fixed;right:18px;top:112px}.nav-links-v5>a.public-cta{padding:.58rem .82rem}}
@media(max-width:560px){.user-account-menu{display:none}}








/* ===== Android / small-screen mobile compatibility ===== */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Header / navigation */
  .brand-topbar,
  .topbar {
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 14px;
  }

  .brand-topbar {
    flex-wrap: wrap;
  }

  .brand-logo img,
  .site-logo img {
    max-width: 150px;
    height: auto;
  }

  .nav-links-v5,
  .nav-links {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 14px;
    overflow: visible;
  }

  .nav-links-v5 > a,
  .nav-links > a {
    white-space: nowrap;
    font-size: 0.92rem;
  }

  /* General page spacing */
  .page-shell,
  .auth-shell,
  .listener-shell,
  .pricing-hero,
  .site-footer {
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
  }

  section {
    max-width: 100%;
  }

  /* Responsive headings */
  h1 {
    font-size: clamp(2rem, 9vw, 3rem);
    line-height: 1.08;
    overflow-wrap: break-word;
  }

  h2 {
    font-size: clamp(1.6rem, 7vw, 2.3rem);
    line-height: 1.12;
  }

  /* Pricing page */
  .pricing-hero {
    padding: 42px 0 26px !important;
  }

  .pricing-grid,
  .pricing-cards,
  .module-grid,
  .room-grid {
    grid-template-columns: 1fr !important;
  }

  .pricing-card,
  .module-card,
  .room-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .pricing-card {
    padding: 22px 18px;
  }

  .pricing-card a,
  .pricing-card button {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }

  /* Dashboard */
  .compact-hero {
    padding: 28px 20px !important;
  }

  .compact-hero h1 {
    font-size: clamp(2.3rem, 10vw, 3.6rem);
  }

  /* Forms / controls */
  input,
  select,
  textarea,
  button {
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Prevent media overflowing Android viewport */
  img,
  svg,
  video,
  canvas {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 480px) {
  .brand-topbar,
  .topbar {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .nav-links-v5,
  .nav-links {
    gap: 7px 10px;
  }

  .nav-links-v5 > a,
  .nav-links > a {
    font-size: 0.84rem;
  }

  .pricing-hero {
    padding-top: 30px !important;
  }

  .pricing-card {
    padding: 18px 15px;
  }

  .compact-hero {
    padding: 24px 16px !important;
  }

  .compact-hero h1 {
    font-size: clamp(2rem, 11vw, 3rem);
  }

  .site-footer {
    padding-left: 12px;
    padding-right: 12px;
  }
}



/* ===== Mobile header refinement ===== */

@media (max-width: 600px) {
  .brand-topbar,
  .topbar {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .brand-logo,
  .site-logo {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .nav-links-v5,
  .nav-links {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
  }

  .nav-links-v5 > a,
  .nav-links > a {
    margin: 0;
  }

  .nav-links-v5 > a.public-cta,
  .nav-links > a.public-cta {
    flex-basis: 100%;
    width: fit-content;
    max-width: 180px;
    margin: 4px auto 0;
  }
}

@media (max-width: 380px) {
  .nav-links-v5,
  .nav-links {
    gap: 8px 10px;
  }

  .nav-links-v5 > a,
  .nav-links > a {
    font-size: 0.8rem;
  }
}


/* ===== Final mobile dashboard polish ===== */

@media (max-width: 600px) {
  /* Compact signed-in navigation */
  .topbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .nav-links-v5 {
    gap: 8px 12px;
    justify-content: center;
  }

  .nav-links-v5 > a {
    font-size: 0.86rem;
  }

  /* Slightly reduce large dashboard/check-in headings */
  .capacity-first h2,
  .capacity-card h2,
  .phase5-checkin-card h2 {
    font-size: clamp(2rem, 9vw, 2.8rem) !important;
    line-height: 1.05;
  }
}

@media (max-width: 420px) {
  .nav-links-v5 > a {
    font-size: 0.8rem;
  }

  .capacity-first h2,
  .capacity-card h2,
  .phase5-checkin-card h2 {
    font-size: clamp(1.8rem, 8.5vw, 2.4rem) !important;
  }
}

/* ===== Mobile navigation cleanup ===== */

/* Desktop defaults */
.mobile-more-only {
  display: none !important;
}

@media (max-width: 600px) {

  /* Hide secondary links from the main mobile row */
  .mobile-nav-secondary {
    display: none !important;
  }

  /* Hide the normal desktop Sign out */
  .desktop-signout {
    display: none !important;
  }

  /* Show mobile-only links inside More */
  .nav-more .mobile-more-only {
    display: block !important;
  }

  /* Make the visible mobile navigation compact */
  .nav-links-v5 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 14px;
  }

  .nav-links-v5 > a,
  .nav-links-v5 > .nav-more {
    flex: 0 0 auto;
  }

  /* Mobile More dropdown */
  .nav-more {
    position: relative;
  }

  .nav-more > summary {
    cursor: pointer;
    white-space: nowrap;
  }

  .nav-more > div {
    min-width: 210px;
  }

  .nav-more > div > a {
    display: block;
  }

  /* Sign out inside More */
  .mobile-more-signout {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .mobile-more-signout .link-button {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
  }
}

/* ===== Keep navigation visible while scrolling ===== */

.topbar,
.brand-topbar {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fffdf9;
}

@media (max-width: 600px) {
  .topbar,
  .brand-topbar {
    position: sticky !important;
    top: 0;
    z-index: 999;
    background: #fffdf9;
  }
}

/* ===== Reliable sticky navigation fix ===== */

html {
  overflow-x: clip !important;
}

body {
  overflow-x: clip !important;
}

.topbar.brand-topbar,
.brand-topbar-v5 {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100%;
  background: #fffdf9 !important;
}

/* ===== Active state for More menu ===== */

.nav-more.is-active > summary {
  color: inherit !important;
  font-weight: 700 !important;
  position: relative;
}

.nav-more.is-active > summary::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  height: 3px;
  border-radius: 999px;
  background: #c9954a;
}

@media (max-width: 600px) {
  .nav-more.is-active > summary::after {
    bottom: -6px;
    height: 2px;
  }
}

/* ===== Mobile parent navigation active state ===== */

@media (max-width: 600px) {
  .nav-more.mobile-parent-active > summary {
    color: inherit !important;
    font-weight: 700 !important;
    position: relative;
  }

  .nav-more.mobile-parent-active > summary::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 999px;
    background: #c9954a;
  }
}
/* ===== Quiet Arcade expansion · Calm Me router + Steady Hands ===== */
.calm-router-intro{max-width:700px;margin-inline:auto}.calm-game-router{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(920px,100%);margin:28px auto 36px}.calm-game-option{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid rgba(255,255,255,.28);border-radius:18px;color:inherit;text-decoration:none;text-align:left;background:rgba(255,255,255,.08);transition:transform .18s ease,background .18s ease}.calm-game-option:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.calm-game-option>span,.calm-game-option small{opacity:.75}.calm-game-option.is-current{outline:2px solid rgba(255,220,150,.65);background:rgba(255,255,255,.16)}.calm-game-option.is-coming{opacity:.58;cursor:default}.calm-primary-game{width:min(720px,100%);margin:0 auto;padding-top:18px}.calm-primary-game h2{margin-bottom:8px}.steady-hands-stage{position:relative;width:min(620px,100%);height:360px;margin:28px auto 18px;display:flex;align-items:center;justify-content:center}.steady-silhouette{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.24;pointer-events:none}.steady-head{width:82px;height:82px;border-radius:50%;background:currentColor}.steady-body{width:180px;height:205px;border-radius:90px 90px 28px 28px;background:currentColor;margin-top:12px}.steady-wing{position:absolute;top:92px;width:42%;height:210px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:inherit;border-radius:75% 25% 65% 35%;font:inherit;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.steady-left{left:3%;transform:rotate(8deg)}.steady-right{right:3%;transform:scaleX(-1) rotate(8deg)}.steady-right span{display:inline-block;transform:scaleX(-1)}.steady-wing.is-lit{background:rgba(255,216,139,.42);box-shadow:0 0 42px rgba(255,210,120,.28)}.steady-left.is-lit{transform:rotate(8deg) scale(1.025)}.steady-right.is-lit{transform:scaleX(-1) rotate(8deg) scale(1.025)}.steady-pacing{width:min(620px,100%);margin:18px auto;padding:18px;border:1px solid rgba(255,255,255,.22);border-radius:18px}.steady-pacing input{width:100%;margin:8px 0 14px}.steady-note{width:min(620px,100%);margin:18px auto}.steady-exit{margin-top:10px}.steady-wing.guide-lit{background:rgba(255,255,255,.22)}
@media(max-width:760px){.calm-game-router{grid-template-columns:1fr 1fr}.calm-game-option:first-child{grid-column:1/-1}.steady-hands-stage{height:300px}.steady-wing{top:78px;height:180px;width:45%}}
@media(max-width:420px){.calm-game-router{grid-template-columns:1fr}.calm-game-option:first-child{grid-column:auto}.steady-hands-stage{height:270px}.steady-wing{height:160px}}

/* =====================================================
   LOW TIDE — Resonance Breathing
   ===================================================== */

.low-tide-room {
  min-height: 100vh;
}

.low-tide-stage {
  width: min(520px, 90vw);
  height: 360px;
  margin: 48px auto 28px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 48% 48% 18px 18px;
  border: 1px solid rgba(255, 236, 196, 0.28);
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.04),
      rgba(194,151,87,0.15)
    );
}

.low-tide-orb {
  position: absolute;
  width: 230px;
  height: 230px;
  bottom: -90px;
  border-radius: 50%;
  background:
    radial-gradient(
      circle at 50% 35%,
      rgba(255, 220, 151, 0.92),
      rgba(191, 143, 79, 0.65) 55%,
      rgba(118, 84, 48, 0.35)
    );
  box-shadow:
    0 0 55px rgba(225, 178, 103, 0.25);
  transform: scale(0.85) translateY(35px);
  transition:
    transform 5s ease-in-out,
    opacity 5s ease-in-out;
  opacity: 0.65;
}

.low-tide-orb.is-rising {
  transform: scale(1.18) translateY(-95px);
  opacity: 1;
  transition-duration: 5s;
}

.low-tide-orb.is-falling {
  transform: scale(0.85) translateY(35px);
  opacity: 0.65;
  transition-duration: 6s;
}

.low-tide-guidance {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.low-tide-guidance strong {
  font-size: clamp(1.15rem, 3vw, 1.6rem);
}

#low-tide-count {
  font-size: clamp(2.8rem, 8vw, 5rem);
  font-weight: 700;
  line-height: 1;
}

.low-tide-controls {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.low-tide-room .breath-copy {
  text-align: center;
  max-width: 600px;
  margin: 18px auto;
}

.low-tide-room .ethical-note {
  max-width: 650px;
  margin: 28px auto 20px;
}

.low-tide-room .steady-exit {
  display: table;
  margin: 20px auto;
}

@media (max-width: 600px) {
  .low-tide-stage {
    height: 300px;
    margin-top: 30px;
  }

  .low-tide-orb {
    width: 190px;
    height: 190px;
  }
}

/* =====================================================
   LOOSEN — gentle muscle release
   ===================================================== */

.loosen-room {
  min-height: 100vh;
}

.loosen-intro {
  max-width: 720px;
  margin: 0 auto 2rem;
  line-height: 1.7;
}

.loosen-stage {
  max-width: 720px;
  margin: 2.5rem auto;
  text-align: center;
}

.loosen-visual {
  width: 240px;
  height: 240px;
  margin: 0 auto 2.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loosen-core {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(220, 178, 105, 0.75);
  box-shadow: 0 0 45px rgba(220, 178, 105, 0.35);
  position: relative;
  z-index: 3;
}

.loosen-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(244, 225, 190, 0.45);
  transition:
    transform 1.8s ease,
    opacity 1.8s ease;
}

.loosen-ring-one {
  width: 110px;
  height: 110px;
}

.loosen-ring-two {
  width: 165px;
  height: 165px;
}

.loosen-ring-three {
  width: 220px;
  height: 220px;
}

.loosen-visual.is-releasing .loosen-ring-one {
  transform: scale(1.12);
  opacity: 0.65;
}

.loosen-visual.is-releasing .loosen-ring-two {
  transform: scale(1.18);
  opacity: 0.45;
}

.loosen-visual.is-releasing .loosen-ring-three {
  transform: scale(1.24);
  opacity: 0.2;
}

.loosen-guidance {
  max-width: 620px;
  margin: 0 auto;
}

.loosen-guidance h2 {
  margin: 0.6rem 0 1rem;
}

#loosen-step-label {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.8rem;
  color: #e4bc78;
  margin-bottom: 0.75rem;
}

#loosen-support {
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

.loosen-controls {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}

.loosen-progress {
  display: flex;
  justify-content: center;
  gap: 0.65rem;
  margin-top: 2rem;
}

.loosen-progress span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  transition: transform 0.3s ease, background 0.3s ease;
}

.loosen-progress span.is-current {
  background: #e4bc78;
  transform: scale(1.35);
}

.loosen-progress span.is-complete {
  background: rgba(228, 188, 120, 0.55);
}

.loosen-note {
  max-width: 700px;
  margin: 2.5rem auto 1.5rem;
  padding: 1rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px;
  line-height: 1.6;
}

@media (max-width: 600px) {
  .loosen-visual {
    width: 190px;
    height: 190px;
  }

  .loosen-ring-one {
    width: 90px;
    height: 90px;
  }

  .loosen-ring-two {
    width: 135px;
    height: 135px;
  }

  .loosen-ring-three {
    width: 180px;
    height: 180px;
  }

  .loosen-core {
    width: 58px;
    height: 58px;
  }
}

/* Name It – feeling choice buttons */
.name-it-choice {
  background: rgba(255, 248, 235, 0.12);
  color: #fff8eb;
  border: 1px solid rgba(255, 220, 150, 0.45);
  border-radius: 10px;
  padding: 12px 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.name-it-choice:hover,
.name-it-choice:focus {
  background: #f3d18a;
  color: #2b2118;
  border-color: #f3d18a;
  transform: translateY(-2px);
}

.name-it-choice.is-selected {
  background: #f3d18a;
  color: #2b2118;
  border-color: #f3d18a;
}

/* Name It – feeling buttons */
.feeling-chip {
  background: rgba(255, 248, 235, 0.12);
  color: #fff8eb;
  border: 1px solid rgba(255, 220, 150, 0.55);
  border-radius: 10px;
  padding: 11px 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.feeling-chip:hover,
.feeling-chip:focus {
  background: #f3d18a;
  color: #2b2118;
  border-color: #f3d18a;
  transform: translateY(-2px);
}

.feeling-chip.is-selected,
.feeling-chip[aria-pressed="true"] {
  background: #f3d18a;
  color: #2b2118;
  border-color: #f3d18a;
}
/* Quiet Arcade — Ground Me five-game expansion */
.ground-game-shell{max-width:1050px}.ground-lead{max-width:760px;margin:0 auto 1.8rem;line-height:1.65}.ground-panel{max-width:780px;margin:1.5rem auto;padding:28px;border:1px solid rgba(255,245,225,.22);border-radius:24px;background:rgba(255,255,255,.09);backdrop-filter:blur(3px)}.ground-panel h2{margin-top:0}.category-examples,.ground-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:18px 0}.category-examples button{border:1px solid rgba(255,235,200,.42);background:rgba(255,255,255,.08);color:#fff8eb;border-radius:999px;padding:10px 16px;cursor:pointer}.category-examples button:hover,.category-examples button.is-selected{background:#f3d18a;color:#2b2118}.ground-input-label{display:grid;gap:8px;text-align:left;max-width:520px;margin:18px auto}.ground-input-label input,.category-entry-row input{width:100%;padding:13px 15px;border-radius:12px;border:1px solid rgba(255,235,200,.35);background:rgba(255,255,255,.92);color:#2b2118}.category-entry-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin:16px 0}.category-items{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:18px 0}.category-items span{padding:8px 12px;border-radius:999px;background:rgba(243,209,138,.18);border:1px solid rgba(243,209,138,.38);color:#fff8eb}.ground-soft-copy{font-size:1.05rem}.ground-safety-note{max-width:760px;margin:20px auto;color:rgba(255,248,235,.78);font-size:.88rem;line-height:1.55}.ground-step-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#f3d18a}.horizon-stage{position:relative;max-width:900px;height:330px;margin:24px auto;border-radius:30px;overflow:hidden;background:linear-gradient(100deg,#293b36,#5b5c4b 50%,#745e43);border:1px solid rgba(255,255,255,.16);display:grid;place-items:end center;padding:30px}.horizon-stage p{position:relative;z-index:2;max-width:620px}.horizon-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,215,142,.18),transparent 28%)}.horizon-dot{position:absolute;top:42%;left:10%;width:22px;height:22px;border-radius:50%;background:#f3d18a;box-shadow:0 0 35px rgba(243,209,138,.85);animation:horizonDrift 10s ease-in-out infinite alternate}.horizon-stage.is-paused .horizon-dot{animation-play-state:paused}@keyframes horizonDrift{from{left:10%}to{left:86%}}.weighted-stage{max-width:720px;margin:20px auto}.weighted-shape{width:min(420px,82vw);height:230px;margin:0 auto 20px;border-radius:48% 48% 42% 42%;border:2px solid rgba(243,209,138,.5);background:radial-gradient(circle,rgba(243,209,138,.22),rgba(255,255,255,.05));display:grid;place-items:center;transition:transform 1.2s ease,border-radius 1.2s ease,background 1.2s ease}.weighted-shape span{max-width:190px}.weighted-shape.is-holding{transform:scale(.88, .94);border-radius:42%;background:radial-gradient(circle,rgba(243,209,138,.34),rgba(255,255,255,.08))}.weighted-shape.is-releasing{transform:scale(1.02)}@media(max-width:700px){.category-entry-row{grid-template-columns:1fr}.ground-panel{padding:20px}.horizon-stage{height:280px}.calm-game-router{grid-template-columns:1fr!important}}

/* Let Me Rest — five-game expansion */
.rest-router,.rest-game-page{background:linear-gradient(155deg,#5f6657,#887a68 58%,#5b5248)}
.rest-router .room-center,.rest-game-shell{padding-top:26px}.rest-router h1{font-size:clamp(2.6rem,5vw,5rem);max-width:900px;margin-inline:auto}.rest-router-intro,.rest-lead{max-width:780px;margin:14px auto 24px;color:rgba(255,255,255,.86);font-family:var(--serif);font-size:1.05rem}.rest-game-router{margin-top:26px}.rest-primary-game{width:min(760px,100%);margin:0 auto;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(35,37,31,.22)}.rest-primary-game h2{font-size:clamp(2rem,4vw,3.4rem)}
.rest-panel{width:min(760px,100%);margin:28px auto;padding:28px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.08);text-align:left}.rest-panel textarea,.rest-panel input{width:100%;background:rgba(255,255,255,.9);color:#2d2924;border:0;border-radius:14px;padding:14px;font:inherit}.rest-label{display:block;margin:16px 0 8px;font-weight:700}.rest-prompt{font-size:clamp(1.45rem,3vw,2.2rem);font-family:var(--serif);text-align:center}.rest-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.button-ghost-light{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important}.duration-picks{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0}.deep-rest-orb{width:170px;height:170px;border-radius:50%;margin:22px auto;background:radial-gradient(circle,#e8d7ae 0,rgba(232,215,174,.28) 42%,rgba(255,255,255,.03) 70%);animation:deepRestBreath 9s ease-in-out infinite}@keyframes deepRestBreath{50%{transform:scale(1.18);opacity:.72}}
.garden-stage{position:relative;width:min(720px,100%);height:330px;margin:28px auto;border-radius:30px;overflow:hidden;background:linear-gradient(#8b9a82 0 45%,#6f654e 46% 100%);border:1px solid rgba(255,255,255,.2)}.garden-window{position:absolute;right:55px;top:30px;font-size:4rem;color:#f5df9b}.garden-plants{position:absolute;left:15%;bottom:65px;display:flex;gap:65px}.garden-plant{font-size:5rem;transition:transform .5s ease}.garden-water{position:absolute;left:18%;bottom:110px;font-size:3rem;opacity:0}.garden-water.is-active{animation:waterDrop .9s ease}@keyframes waterDrop{50%{opacity:1;transform:translateY(25px)}}.garden-leaf{position:absolute;left:48%;bottom:34px;font-size:2rem;transition:transform .8s ease,opacity .8s ease}.garden-leaf.is-swept{transform:translateX(180px) rotate(90deg);opacity:.2}.garden-pot{position:absolute;right:18%;bottom:52px;font-size:4rem;transform:rotate(8deg);transition:transform .5s ease}.garden-pot.is-straight{transform:rotate(0)}
.burden-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.burden-shapes button{min-height:110px;border-radius:20px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:2.5rem;cursor:pointer}.burden-shapes button small{display:block;font-size:.75rem;margin-top:8px}.burden-shapes button.is-selected{outline:2px solid #f0cf8c;background:rgba(255,255,255,.17)}.burden-resting-place{min-height:180px;margin-top:20px;border-radius:24px;border:1px dashed rgba(255,255,255,.4);display:grid;place-items:center;text-align:center;padding:18px}.burden-resting-place #burden-object{font-size:4rem;transition:transform .7s ease,opacity .7s ease}.burden-resting-place.is-down #burden-object{transform:translateY(28px) scale(.88);opacity:.7}
@media(max-width:650px){.burden-shapes{grid-template-columns:1fr 1fr}.garden-stage{height:280px}.garden-plants{gap:25px}.garden-plant{font-size:3.8rem}}


/* Help Me Return — five-game expansion */
.return-router,.return-game-page{background:linear-gradient(150deg,#34271f,#654d3e 56%,#30251f)}
.return-shell{padding-top:24px}.return-router h1,.return-game-page h1{font-size:clamp(2.7rem,5.6vw,5.2rem);max-width:920px;margin-inline:auto}.return-router-intro,.return-lead{max-width:790px;margin:14px auto 25px;color:rgba(255,248,238,.86);font-family:var(--serif);font-size:1.05rem;line-height:1.6}.return-game-router{margin:26px auto}.return-primary-game,.return-panel{width:min(800px,100%);margin:28px auto;padding:28px;border:1px solid rgba(255,238,215,.2);border-radius:28px;background:rgba(255,255,255,.08)}.return-primary-game h2{font-size:clamp(2rem,4vw,3.3rem)}.return-panel textarea,.return-panel input{width:100%;padding:14px;border:1px solid rgba(255,238,215,.25);border-radius:14px;background:rgba(255,250,242,.94);color:#2c211b;font:inherit}.return-label{display:block;text-align:left;font-weight:700;margin:18px 0 8px}.return-step-kicker{letter-spacing:.15em;color:#f0c67d;font-size:.76rem}.then-now-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;margin-bottom:20px}.then-now-grid h2{font-size:1.35rem}.remains-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0}.remains-options button{border:1px solid rgba(255,225,180,.4);border-radius:999px;background:rgba(255,255,255,.08);color:#fff8eb;padding:11px 16px;cursor:pointer}.remains-options button:hover,.remains-options button.is-selected{background:#efc983;color:#2b2118}.remains-token{margin:22px auto 8px;padding:22px;border-radius:50%;width:220px;min-height:220px;display:grid;place-items:center;background:radial-gradient(circle,rgba(239,201,131,.25),rgba(255,255,255,.04));font-size:1.15rem}.remains-token>span{display:block}.small-return-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0}.small-return-grid button{min-height:120px;border:1px solid rgba(255,230,190,.32);border-radius:20px;background:rgba(255,255,255,.07);color:#fff8eb;font-weight:700;cursor:pointer}.small-return-grid button span{display:block;margin-top:8px;font-size:.72rem;font-weight:400;opacity:.75}.small-return-grid button:hover,.small-return-grid button.is-selected{background:rgba(239,201,131,.24);outline:1px solid #efc983}.small-return-card{margin:22px auto;padding:24px;border-radius:22px;background:rgba(0,0,0,.13);min-height:105px;display:grid;place-items:center}.small-return-card.is-done{background:rgba(239,201,131,.15)}.return-letter-prompt{font-family:var(--serif);font-size:1.45rem}.return-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.return-letter-folded{font-size:4rem;margin:22px auto;padding:24px}.return-letter-folded p{font-size:1rem}.return-game-page .room-live-status{color:#f2d9ad}@media(max-width:760px){.then-now-grid{grid-template-columns:1fr}.small-return-grid{grid-template-columns:1fr 1fr}.return-panel{padding:20px}}@media(max-width:480px){.small-return-grid{grid-template-columns:1fr}}

/* Carry With Me — five-experience visual treatment */
.carry-room{background:linear-gradient(135deg,#1f1d18 0%,#342d22 55%,#584a34 100%);color:#fff8eb;min-height:78vh}
.carry-room .room-exit,.carry-room .room-exit:visited{color:#fff8eb}
.carry-shell h1{color:#fff8eb}
.carry-router-intro{max-width:900px;margin:1.5rem auto 2rem;color:rgba(255,248,235,.86);font-size:1.1rem}
.carry-game-router .calm-game-option{background:rgba(255,255,255,.08);border-color:rgba(255,244,215,.25);color:#fff8eb}
.carry-game-router .calm-game-option strong,.carry-game-router .calm-game-option span{color:#fff8eb}
.carry-game-router .calm-game-option small{color:#d9c8aa}
.carry-game-router .calm-game-option.is-current{border-color:#efc56f;background:rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(239,197,111,.25)}
.carry-community-field{padding-top:4rem}
.carry-activity-card{max-width:820px;margin:2rem auto;padding:2rem;border:1px solid rgba(255,244,215,.25);border-radius:28px;background:rgba(255,255,255,.09)}
.carry-activity-card h2{font-size:2rem;margin-top:0;color:#fff8eb}
.carry-activity-card textarea,.carry-light-form input,.carry-light-form select{width:100%;box-sizing:border-box;margin:.8rem 0;padding:1rem;border-radius:14px;border:1px solid rgba(255,244,215,.35);background:rgba(255,255,255,.92);color:#2a2119}
.carry-choice-row{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:center;margin:1.2rem 0}
.carry-choice-row button{border:1px solid rgba(255,244,215,.45);border-radius:999px;background:transparent;color:#fff8eb;padding:.7rem 1rem;cursor:pointer}
.carry-choice-row button:hover,.carry-choice-row button.is-selected{background:rgba(255,255,255,.12)}
.carry-game-router.compact{margin-top:2rem}.carry-game-router.compact .calm-game-option small{display:none}
@media(max-width:800px){.carry-game-router{grid-template-columns:1fr}.carry-activity-card{padding:1.25rem}.carry-router h1{font-size:3rem}}
.community-shell{max-width:1180px}
.community-header{align-items:center}
.community-header h1{margin:.2rem 0 .6rem}
.community-header p{margin:0}
.community-search{max-width:760px;margin:0 0 52px}
.community-search>label{margin-bottom:8px}
.community-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.community-section{margin:46px 0}
.community-section .section-heading{align-items:center}
.community-section .section-heading h2{font-size:clamp(1.5rem,2.7vw,2.2rem);margin:.25rem 0 0}
.community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.community-card{display:flex;flex-direction:column;gap:14px;padding:22px}
.community-card-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}
.community-card-heading h3{font-size:1.45rem;margin:.35rem 0 0}
.community-card>p{margin:0;color:rgba(43,33,24,.75)}
.community-card-meta{display:flex;align-items:center;gap:9px;margin-top:auto;font-size:.8rem;color:rgba(43,33,24,.68)}
.community-card-actions{align-items:center}
.community-empty{padding:18px 0;color:rgba(43,33,24,.68)}
.community-safety-note{margin-top:36px}
.community-form{gap:20px}
.community-radio{display:flex;grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:10px 0}
.community-radio input{width:18px;height:18px;margin-top:3px}
.community-radio span{display:grid;gap:2px}
.community-radio small{font-weight:400}
.community-interest-grid{margin-top:12px}
.community-interest-grid label{display:block}
.community-detail-header{max-width:none}
.community-detail-header>.text-link{display:inline-block;margin-bottom:28px}
.community-detail-header h1{margin:.3rem 0 .7rem}
.community-detail-meta{display:flex;gap:10px;align-items:center}
.community-detail-card{display:grid;gap:18px}
.community-conversations{padding:30px 20px;text-align:center;background:rgba(201,149,74,.07);border-radius:18px}
.community-conversations h2{font-size:1.7rem;margin:.45rem 0}
.community-conversations p{margin:0;color:rgba(43,33,24,.68)}
.community-report{border-top:1px solid var(--line);padding-top:15px}
.community-report summary{cursor:pointer;font-weight:700}
.community-report form{max-width:600px;margin-top:18px}
.community-feed{margin-top:44px}
.community-feed .section-heading h2{font-size:clamp(1.6rem,3vw,2.3rem);margin:.3rem 0}
.community-post-composer{display:grid;gap:14px;margin:20px 0 26px}
.community-post-composer textarea{margin-top:6px}
.community-post-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.community-post-list{display:grid;gap:16px}
.community-post{display:grid;gap:14px;padding:22px}
.community-post-header{display:flex;align-items:start;justify-content:space-between;gap:16px}
.community-post-header>div{display:grid;gap:3px}
.community-post-header>.community-post-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.community-post-actions form{margin:0}
.community-connection-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.community-inbox-list{display:grid;gap:12px}
.community-inbox-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.community-inbox-summary{display:grid;gap:8px;min-width:0;flex:1}
.community-inbox-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.community-inbox-heading>strong{font-family:var(--serif);font-size:1.12rem}
.community-inbox-preview{display:flex;align-items:baseline;justify-content:space-between;gap:18px;min-width:0}
.community-inbox-last-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(43,33,24,.76)}
.community-inbox-last-time{flex:none;font-size:.75rem;color:rgba(43,33,24,.62)}
.community-inbox-actions{display:flex;align-items:center;gap:10px}
.community-inbox-unread{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--moss);color:#fff;font-size:.72rem;font-weight:700}
.community-inbox-unread[hidden]{display:none}
.community-connection-actions{position:relative}
.community-connection-actions>summary{list-style:none;cursor:pointer}
.community-connection-actions>summary::-webkit-details-marker{display:none}
.community-connection-actions-menu{position:absolute;z-index:3;right:0;top:42px;display:grid;gap:8px;min-width:150px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.community-connection-actions-menu>form{margin:0}
.community-connection-report{position:relative}
.community-connection-report summary{list-style:none;cursor:pointer}
.community-connection-report summary::-webkit-details-marker{display:none}
.community-connection-report form{position:absolute;z-index:2;right:0;top:42px;width:min(360px,80vw);padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.community-peer-message-panel .message-head{align-items:center}
.community-peer-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.community-peer-message-panel .message-stream{display:flex;flex-direction:column;gap:8px;white-space:pre-wrap}
.community-peer-message-panel .message-stream>.muted.center{width:100%}
.community-peer-message-panel .bubble{align-self:flex-start;width:82%;height:auto;min-width:0;min-height:0;max-width:82%;margin:2px 0;padding:7px 12px;overflow-wrap:anywhere;border-radius:17px 17px 17px 5px}
.community-peer-message-panel .bubble.mine{align-self:flex-end;margin-left:0;border-radius:17px 17px 5px 17px}
.community-peer-message-panel .bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.community-peer-message-panel .bubble time{display:block;margin-top:2px;text-align:right;font-size:.68rem;line-height:1.2;opacity:.75}
.community-typing-indicator{margin:8px 20px 0;padding:4px 8px;color:var(--sepia);font-size:.85rem}
.community-typing-indicator[hidden]{display:none}
.community-peer-message-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.community-peer-message-form .community-peer-message-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.community-peer-message-form textarea{grid-column:1;grid-row:1;min-height:48px;max-height:160px;overflow-y:hidden;resize:none;line-height:1.4}
.community-peer-message-form button{grid-column:2;grid-row:1;align-self:end}
@media(max-width:500px){.community-peer-message-panel .bubble{width:90%;max-width:90%}.community-peer-message-form{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:10px}.community-peer-message-form button{padding:.68rem .85rem}}
.community-post-header time{font-size:.78rem;color:rgba(43,33,24,.62)}
.community-post-content{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.community-post-report{border-top:1px solid var(--line);padding-top:12px}
.community-post-report summary{cursor:pointer;font-size:.82rem;font-weight:700}
.community-post-report form{max-width:600px;margin-top:14px}
.community-feed-empty{text-align:center;margin-top:20px}
.community-feed-empty h3{margin-bottom:8px}
.community-feed-empty p,.community-private-feed-notice p{margin-bottom:0;color:rgba(43,33,24,.68)}
.community-private-feed-notice{margin-top:28px}
.community-report-list{display:grid;gap:16px}
.community-moderation-report{display:grid;gap:16px}
.community-moderation-report-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.community-moderation-report-heading>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.community-moderation-report-heading time{font-size:.78rem;color:rgba(43,33,24,.62)}
.community-report-parties{display:flex;gap:30px;flex-wrap:wrap;margin:0}
.community-report-parties>div{display:grid;gap:2px}
.community-report-parties dt{font-size:.72rem;color:rgba(43,33,24,.62)}
.community-report-parties dd{margin:0;font-weight:700}
.community-report-details p{margin:5px 0 0;white-space:pre-line}
.community-reported-post{padding:15px 18px;background:rgba(43,33,24,.035);border-radius:14px}
.community-reported-post blockquote{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.community-moderation-actions{padding-top:4px}
.community-moderation-report-reviewed{opacity:.92}
.community-member-list{display:grid;gap:12px}
.community-member-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.community-member-identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.community-member-identity>span:not(.tag){font-size:.82rem;color:rgba(43,33,24,.68)}
.community-member-actions{justify-content:flex-end}
.button-danger{background:#6e302d;border-color:#6e302d;color:#fff}
@media(max-width:700px){.community-header{align-items:start;flex-direction:column}.community-header .button-row{width:100%}.community-search-row{grid-template-columns:1fr}.community-section{margin:36px 0}}
@media(max-width:620px){.community-member-row{align-items:flex-start;flex-direction:column}.community-member-actions{justify-content:flex-start}}
@media(max-width:620px){.community-inbox-item{align-items:flex-start;flex-direction:column}.community-inbox-actions{width:100%;justify-content:flex-end}.community-inbox-preview{align-items:flex-start;flex-direction:column;gap:2px}}
@media(max-width:620px){.community-post-header{align-items:flex-start;flex-direction:column}.community-post-composer-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.community-moderation-report-heading{align-items:flex-start;flex-direction:column}.community-report-parties{gap:14px}}

/* Clearer metrics, actions, and Quiet Arcade guidance */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #b77931;outline-offset:3px}
.button{font-size:.95rem;font-weight:700;min-height:44px;padding:.72rem 1.15rem;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.button-sm{font-size:.88rem;font-weight:700;min-height:40px;padding:.62rem .95rem}
.button:hover,.button-sm:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(54,38,23,.14)}
.button:active,.button-sm:active{transform:translateY(0)}
.metric-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px}
.metric-card{min-height:126px;align-content:center;justify-items:center;gap:7px;padding:18px;text-align:center}
.metric-card strong{font-size:clamp(2.35rem,4vw,3rem);font-weight:700;line-height:1}
.metric-card span{font-size:.88rem;font-weight:600;line-height:1.35}
.subscription-admin{display:grid;gap:24px}.subscription-usage-overview,.subscription-directory,.subscription-events{padding:clamp(16px,3vw,28px)}.subscription-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.subscription-usage-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--cream2)}.subscription-usage-grid h3{margin-top:0}.subscription-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:14px;margin:22px 0}.subscription-filters label{display:grid;gap:6px;font-weight:650}.subscription-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.subscription-empty{padding:26px 10px;text-align:center}.subscription-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.subscription-detail-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.subscription-detail-list dt{font-size:.84rem;color:var(--sepia)}.subscription-detail-list dd{margin:4px 0 0;font-weight:650;overflow-wrap:anywhere}.subscription-events{overflow:hidden}
@media(max-width:700px){.subscription-usage-grid,.subscription-detail-list{grid-template-columns:1fr}.subscription-pagination{justify-content:flex-start;flex-wrap:wrap}}
.game-card[href],.room-card[href]{display:block;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.game-card[href]:hover,.room-card[href]:hover,.game-card[href]:focus-visible,.room-card[href]:focus-visible{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow)}
.game-card[href] small{display:inline-block;margin-top:8px;font-size:.9rem;font-weight:700}
.room-how-to,.game-instructions{max-width:760px;margin:18px auto;padding:16px 20px;border:1px solid rgba(255,255,255,.28);border-radius:18px;background:rgba(255,255,255,.09);text-align:left}
.room-how-to h2,.game-instructions h2{margin:0 0 8px;font-family:var(--body);font-size:1rem;font-weight:750;letter-spacing:0}
.room-how-to ol,.game-instructions ol{margin:0;padding-left:1.35rem}
.room-how-to li,.game-instructions li{padding:.12rem 0;line-height:1.5}
.game-shell .room-how-to{background:#f7f0e3;border-color:var(--line);color:var(--ink)}
@media(max-width:600px){.metric-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.metric-card{min-height:112px;padding:14px}.metric-card span{font-size:.84rem}.button{padding:.68rem 1rem}.room-how-to,.game-instructions{padding:14px 16px}}

.saved-record{border-top:1px solid rgba(128,128,128,.25);padding-top:.75rem;margin-top:.75rem;overflow-wrap:anywhere}.saved-record dt{font-weight:600;margin-top:.5rem}.saved-record dd{margin:0;white-space:pre-wrap}.saved-record ul{margin:.25rem 0 0;padding-left:1.2rem}

/* Accessibility: skip link, screen-reader-only text and date/time focus (Phase 4O A4.2). */
.skip-link{position:absolute;left:12px;top:-100px;z-index:1000;padding:12px 18px;border-radius:10px;background:#2b2118;color:#fff;font-weight:700;text-decoration:none}
.skip-link:focus,.skip-link:focus-visible{top:12px;outline:3px solid #f2b044;outline-offset:2px}
.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}
#main-content:focus{outline:none}
input[type="datetime-local"]:focus-within,input[type="date"]:focus-within,input[type="time"]:focus-within{outline:3px solid #b77931;outline-offset:3px}