:root{--bg:#f5f7f8;--surface:#ffffff;--fg:#2d3748;--muted:#6b7280;--line:#e5e7eb;--navy:#1a2332;--navy-fg:#ffffff;--accent:#5BAEA6;--accent-dark:#4A9E97;--accent-light:#7CC5BF;--accent-fg:#ffffff;--accent-soft:#e8f4f3;--ok:#2f6b3a;--ok-soft:#e4efe5;--warn:#8a5a00;--warn-soft:#f6ecd6;--bad:#8d2b2b;--bad-soft:#f5e1e1;--display:"Young Serif",Georgia,serif;--body:"Lato","Helvetica Neue",Arial,sans-serif;--btn:"Bitter",Georgia,serif}@media(prefers-color-scheme:dark){:root{--bg:#111821;--surface:#1a2332;--fg:#e9edf1;--muted:#9aa6b2;--line:#2c3847;--navy:#0e141c;--accent:#7CC5BF;--accent-dark:#5BAEA6;--accent-light:#9ad6d0;--accent-fg:#0b1a18;--accent-soft:#1d3330;--ok:#8fcf9a;--ok-soft:#1f3323;--warn:#e6bd6a;--warn-soft:#3a2f16;--bad:#e89a9a;--bad-soft:#3d2020;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.4;padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px))}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 6px #0000000d;position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:10px;min-width:0}.wordmark{height:34px;width:auto;flex:none}.brand{font-family:var(--display);font-size:15px;line-height:1.05;padding-left:10px;border-left:1px solid var(--line)}.brand small{display:block;font-family:var(--btn);font-weight:700;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--accent-dark);margin-top:2px}.signout{background:none;border:0;color:var(--muted);font:700 10px var(--btn);letter-spacing:1px;text-transform:uppercase;cursor:pointer;padding:6px}main{flex:1;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}.tabs{display:flex;border-top:1px solid var(--line);background:var(--surface);position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}.tabs button{flex:1;border:0;background:transparent;color:var(--muted);font:700 11px var(--body);letter-spacing:.5px;text-transform:uppercase;padding:10px 4px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabs button[aria-selected=true]{color:var(--accent-dark)}h1{font-family:var(--display);font-size:24px;font-weight:400;margin:0 0 4px;line-height:1.15;text-wrap:balance}h2{font-family:var(--btn);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-dark);margin:22px 0 8px;font-weight:700;padding-bottom:4px;border-bottom:2px solid var(--accent-light)}h3{font-family:var(--display);font-size:17px;margin:0 0 4px;font-weight:400}p{margin:0 0 8px}.muted{color:var(--muted)}.card{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);position:relative;overflow:hidden}.card.bar{padding-top:16px}.card.bar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--accent)}.card.accent{background:var(--navy);color:var(--navy-fg);border-color:var(--navy)}.card.accent .muted{color:#ffffffb3}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{display:inline-block;font:700 10px var(--btn);padding:4px 9px;border-radius:6px;letter-spacing:1px;text-transform:uppercase}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.neutral{background:var(--bg);color:var(--muted)}.pill.teal{background:var(--accent);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg);font:700 13px var(--btn);letter-spacing:1px;text-transform:uppercase;padding:12px 18px;border-radius:8px;cursor:pointer;width:100%;transition:background .2s}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn.ghost{background:transparent;color:var(--accent-dark)}.btn.ghost:hover{background:var(--accent-soft)}.btn.small{width:auto;padding:8px 12px;font-size:11px}.btn[disabled]{opacity:.6;cursor:default}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label.q{display:block;font-weight:700;margin:14px 0 6px}label.q span{display:block;font-weight:400;color:var(--muted);font-size:14px;margin-top:2px}textarea,input[type=text],input[type=email],input[type=date]{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:400 15px var(--body);background:var(--bg);color:var(--fg);resize:vertical}textarea{min-height:88px}.week{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:8px}.week div{font-size:11px;text-align:center;padding:6px 2px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);line-height:1.2}.week div.reflect{background:var(--accent-soft);color:var(--accent-dark);font-weight:700;border-color:transparent}.week div.now{outline:2px solid var(--accent)}.week div.sat{background:var(--navy);color:var(--navy-fg);font-weight:700;border-color:var(--navy)}.thread .who{display:flex;align-items:center;gap:10px;margin-bottom:8px}.thread .meta{font-size:13px;color:var(--muted)}.thread .body p{margin:0 0 8px;font-size:15px;white-space:pre-wrap}.avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}.priv{background:var(--warn-soft);border-radius:8px;padding:8px 10px;margin:6px 0 8px;font-size:14px;white-space:pre-wrap}.priv b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--warn);margin-bottom:2px}.replies{display:flex;flex-direction:column;gap:6px;margin:6px 0 8px}.reply{background:var(--accent-soft);border-left:3px solid var(--accent);padding:8px 10px;border-radius:0 8px 8px 0;font-size:14px}.replyForm{display:flex;gap:8px;margin-top:8px}.replyForm input{flex:1;min-width:0}.men .item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left;font:inherit;color:inherit}.men .item:last-child{border-bottom:0}.men .item .grow{flex:1;min-width:0}.men .item .name{font-weight:700}.men .item .sub{font-size:13px;color:var(--muted)}.back{background:none;border:0;color:var(--accent-dark);font:700 12px var(--btn);letter-spacing:1px;text-transform:uppercase;padding:0;cursor:pointer;margin-bottom:10px}.note{font-size:12px;color:var(--muted);text-align:center;padding:8px 0 0}.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:14px}.kv b{color:var(--muted);font-weight:600}.reps span{display:inline-block;font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin:0 4px 4px 0}.toast{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:9}.toast.show{opacity:1}.login{max-width:420px;margin:12vh auto 0;padding:24px 16px;text-align:center}.login img{height:48px;margin-bottom:16px}.login form{display:flex;flex-direction:column;gap:10px;margin-top:18px;text-align:left}.err{color:var(--bad);font-size:14px}audio{width:100%;margin:6px 0}details summary{cursor:pointer;font-weight:700;color:var(--accent-dark)}@media(prefers-reduced-motion:reduce){.toast,.btn{transition:none}}