:root{--paper:#f7f9fb;--card:#fff;--ink:#16263a;--muted:#5e6e80;--line:#dce3ea;--soft:#eef2f6;--me:#2e6fd8;--me-soft:#dce8fb;--other:#e0913a;--other-soft:#fbebd8;--both:#3e8e5a;--both-soft:#dcefe2;--warn:#c9831c;--bad:#c2413a;--r:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#0f1722;--card:#172233;--ink:#e8eef5;--muted:#9aa9ba;--line:#2a3a50;--soft:#1c2a3e;--me:#6ea2f2;--me-soft:#1e3355;--other:#f0ae63;--other-soft:#3d2c18;--both:#6cc08a;--both-soft:#193826}}:root[data-theme=dark]{--paper:#0f1722;--card:#172233;--ink:#e8eef5;--muted:#9aa9ba;--line:#2a3a50;--soft:#1c2a3e;--me:#6ea2f2;--me-soft:#1e3355;--other:#f0ae63;--other-soft:#3d2c18;--both:#6cc08a;--both-soft:#193826}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0px);margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}h1{font-size:26px;font-weight:800}h2{margin:24px 0 10px;font-size:18px;font-weight:700}h3{font-size:16px;font-weight:600}p{margin:8px 0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}:focus-visible{outline:3px solid var(--me);outline-offset:2px;border-radius:8px}a{color:var(--me)}.wrap{max-width:560px;margin:0 auto;padding:6px 16px 120px}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.ink{color:var(--ink)}.mono{letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.fw{flex-wrap:wrap}.al-top{align-items:flex-start}.gap12{gap:12px}.grow{flex:1;min-width:0}.m0{margin:0!important}.mt4{margin-top:4px}.mt6{margin-top:6px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt-6{margin-top:-6px}.mb4{margin-bottom:4px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.my4{margin:4px 0}.my8{margin:8px 0}.my12{margin:12px 0}.my4-10{margin:4px 0 10px}.m-sub{margin:4px 0 8px}.w-auto{width:auto!important}.indent{margin-left:46px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;padding:14px 16px}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.item{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;display:flex}.item:first-child{border-top:0}.card.item.bordered{border:1px solid var(--line)}.tag{background:var(--soft);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:12px;display:inline-block}.tag.warn{background:color-mix(in srgb, var(--warn) 20%, transparent);color:var(--warn)}.tag.bad{background:color-mix(in srgb, var(--bad) 18%, transparent);color:var(--bad)}.btn{background:var(--me);color:#fff;text-align:center;border:0;border-radius:12px;padding:12px 16px;font-weight:600;display:inline-block}.btn.ghost{color:var(--me);border:1px solid var(--line);background:0 0}.btn.sm{border-radius:10px;padding:7px 12px;font-size:14px}.btn.full{width:100%}.btn.danger{background:var(--bad)}.btn.back{margin:4px 0 12px}.inline-btn{width:auto;margin:0}.danger-text{color:var(--bad)!important}.bad-text{color:var(--bad)}.x{color:var(--muted);background:0 0;border:0;padding:2px 6px;font-size:22px;line-height:1}.x-sm{font-size:16px}.x-link{color:var(--me);font-size:12px}.lnk{color:var(--me);background:0 0;border:0;padding:4px 0;font-size:14px;font-weight:600}.lnk-inline{color:var(--me)}label{color:var(--muted);margin:12px 0 4px;font-size:14px;display:block}input,select,textarea{border:1px solid var(--line);background:var(--paper);border-radius:10px;width:100%;padding:11px 12px;font-size:16px}input.radio,input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--me);margin:0 8px 0 0}textarea{resize:vertical;min-height:80px}.ta-sm{min-height:56px}.ta-xl{min-height:300px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;align-items:center;padding:7px 12px;font-size:14px;display:inline-flex}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dot{background:var(--line);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.me{background:var(--me)}.dot.other{background:var(--other)}.dot.both{background:var(--both)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.done{opacity:.6;text-decoration:line-through}.top{z-index:4;background:var(--paper);align-items:center;gap:10px;max-width:560px;margin:0 auto;padding:10px 16px 8px;display:flex;position:sticky;top:0}.top .ic{border:1px solid var(--line);background:var(--card);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.kid-sw{scrollbar-width:none;flex:1;gap:6px;display:flex;overflow-x:auto}.kid-sw button{background:var(--soft);white-space:nowrap;border:0;border-radius:99px;padding:8px 14px;font-weight:600}.kid-sw button.on{background:var(--ink);color:var(--paper)}.sync-dot{background:var(--line);border-radius:50%;flex:none;width:10px;height:10px}.sync-dot.ok{background:var(--both)}.sync-dot.syncing{background:var(--me);animation:1s infinite alternate pulse}.sync-dot.offline{background:var(--warn)}.sync-dot.error,.sync-dot.auth{background:var(--bad)}@keyframes pulse{to{opacity:.3}}.status{background:var(--soft);border-radius:20px;flex-direction:column;gap:4px;margin:4px 0 12px;padding:16px;display:flex}.status.me{background:var(--me-soft)}.status.other{background:var(--other-soft)}.status.both{background:var(--both-soft)}.status .big{font-size:22px;font-weight:800}.ill{border:2px solid var(--bad);background:var(--card);border-radius:20px;margin-bottom:12px;padding:14px 16px}.chart{width:100%;height:auto;margin-top:8px}.chart-norm{stroke:var(--line);stroke-dasharray:4 4}.chart-line{fill:none;stroke:var(--bad);stroke-width:2.5px}.chart-dot{fill:var(--bad)}.pin{border-left:4px solid var(--warn)!important}.feed-time{color:var(--muted);white-space:nowrap;font-size:12px}.ico{background:var(--soft);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.banner{background:var(--other-soft);border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:14px;display:flex}.banner-warn{background:var(--other-soft);border-radius:10px;padding:8px 10px}.value-big{margin:10px 0 0;font-size:20px;font-weight:700}.checklist{margin:8px 0;padding:0;list-style:none}.post{border-top:1px solid var(--line);cursor:pointer;padding:12px 16px}.list .post:first-child{border-top:0}.post:active{background:var(--soft)}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.ph-strip{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.post .ph-strip{flex-wrap:nowrap}.post .ph{aspect-ratio:1;width:min(64px,25% - 4.5px);height:auto}.ph{background:var(--soft);border:0;border-radius:10px;flex:none;width:64px;height:64px;padding:0;display:block;position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%;display:block}.ph .more{color:#fff;background:#00000073;place-items:center;font-size:15px;font-weight:700;display:grid;position:absolute;inset:0}.ph .rm{color:#fff;background:#0009;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:14px;line-height:22px;position:absolute;top:2px;right:2px}.ph-chat{width:160px;height:160px;margin-bottom:6px}.gal{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.gal .ph{aspect-ratio:1;width:100%;height:auto}.gal.one{grid-template-columns:1fr}.gal.one .ph{aspect-ratio:4/3}.cmt-prev{background:var(--soft);border-radius:10px;margin:8px 0 0 46px;padding:8px 10px;font-size:14px}.post-act{margin:4px 0 0 46px}.cmt{background:var(--soft);border-radius:12px;margin-bottom:6px;padding:10px 12px;font-size:15px}.viewer{z-index:30;touch-action:pan-y;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.viewer .vtop{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;color:#fff;background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.viewer .vtop button{color:#fff;background:#ffffff26;border:0;border-radius:10px;width:40px;height:40px;font-size:22px}.viewer .nav2{color:#fff;background:#ffffff26;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.viewer .vp{left:8px}.viewer .vn{right:8px}.h-month{font-size:20px}.cal{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal .dow{color:var(--muted);text-align:center;font-size:12px}.day{aspect-ratio:1/1.05;background:var(--soft);color:var(--ink);border:0;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:4px 2px;font-size:14px;display:flex}.day.me{background:var(--me-soft)}.day.other{background:var(--other-soft)}.day.both{background:var(--both-soft)}.day.out{opacity:.35}.day.today{outline:2px solid var(--ink)}.day.sel{box-shadow:inset 0 0 0 2px var(--me)}.day .evs{gap:2px;height:6px;display:flex}.day .evs i{background:var(--ink);border-radius:50%;width:5px;height:5px}.legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin:10px 0;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;font-size:13px;display:flex}.tile span{font-size:24px}.msgs{flex-direction:column;gap:8px;display:flex}.msg{background:var(--card);border:1px solid var(--line);border-radius:16px;align-self:flex-start;max-width:82%;padding:9px 12px}.msg.mine{background:var(--me-soft);border-color:#0000;align-self:flex-end}.chat-pad{height:70px}.composer{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid var(--line);z-index:4;padding:8px 12px;position:fixed}.composer .in{align-items:center;gap:8px;max-width:560px;margin:0 auto;display:flex}.composer .attach{width:auto;margin:0;padding:8px 10px}.say{margin:6px 0 0;font-style:italic}.advice-p{margin:10px 0 0}nav.tabs{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:5;position:fixed;bottom:0;left:0;right:0}nav.tabs .in{grid-template-columns:repeat(5,1fr);align-items:end;max-width:560px;height:64px;margin:0 auto;display:grid}nav.tabs button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 0 10px;font-size:11px;display:flex}nav.tabs button svg{width:22px;height:22px}nav.tabs button.on{color:var(--me);font-weight:600}nav.tabs .plus{background:var(--me);color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 10px;padding:0;display:grid;box-shadow:0 6px 18px #2e6fd859}nav.tabs .plus svg{width:28px;height:28px}.bg{z-index:10;background:#0a141e73;display:flex;position:fixed;inset:0}.sheet-bg{justify-content:center;align-items:flex-end}.sheet{background:var(--card);width:100%;max-width:560px;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;max-height:90vh;overflow:auto}.sheet-title{font-size:18px}.drawer{background:var(--card);width:82%;max-width:340px;height:100%;padding:calc(18px + env(safe-area-inset-top,0px)) 8px calc(18px + env(safe-area-inset-bottom,0px));overflow:auto}.drawer-head{padding:4px 12px 0;font-size:18px}.drawer .grp{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:18px 12px 6px;font-size:12px}.drawer button{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:11px 12px;font-size:16px;display:block}.drawer button:active{background:var(--soft)}.toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);z-index:40;border-radius:12px;max-width:90%;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}.update-banner{left:50%;top:calc(10px + env(safe-area-inset-top,0px));background:var(--card);color:var(--ink);border:1px solid var(--line);z-index:45;border-radius:14px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:8px 8px 8px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000001f}.beta{color:var(--muted);text-align:center;margin-top:18px;font-size:12px}@media (prefers-reduced-motion:no-preference){.sheet-bg .sheet{animation:.2s ease-out up}@keyframes up{0%{opacity:.6;transform:translateY(24px)}}}.onb{padding-top:36px}.h-hero{font-size:34px}.lock{text-align:center;max-width:360px;padding-top:80px}.pin-input{text-align:center;letter-spacing:.4em;font-size:28px}.code-card{background:var(--both-soft)}.code{margin:8px 0 12px;font-size:26px;font-weight:700}summary{cursor:pointer}.swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.swipe>.banner,.swipe>.status{padding-right:40px}.swipe-x{opacity:.55;position:absolute;top:6px;right:6px}.top .bell{color:var(--ink);position:relative}.bell .badge{background:var(--bad);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-5px;right:-5px}.notice.unread{background:var(--me-soft)}.notice.unread .ico:after{content:"";background:var(--me);vertical-align:top;border-radius:50%;width:7px;height:7px;margin-left:2px;display:inline-block}.clamp2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
