:root{--bg: #f3eee6;--card: #ffffff;--soft: #f7f3ec;--text: #141a17;--muted: #6a6f68;--faint: #9da098;--line: rgba(20, 26, 23, .08);--hover: rgba(20, 26, 23, .06);--ink: #141a17;--ink-text: #ffffff;--lime: #d7f25c;--green: #0f5c45;--orange: #ff6b2c;--accent: #0f5c45;--danger: #d9503f;--ok: #2f9e6b;--warn: #d9a021;--hero-grad: linear-gradient(135deg, #1b2420 0%, #141a17 100%);--hero-text: #ffffff;--t-idea: #ffe9a8;--t-journal: #d9eedb;--t-task: #d5e6ee;--t-note: #e5daf2;--t-gray: rgba(20, 26, 23, .07);--nav-bg: #141a17;--nav-ic: rgba(255, 255, 255, .62);--nav-act-bg: #ffffff;--nav-act-ic: #141a17;--shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 12px 32px rgba(70, 50, 20, .07);--pop: 0 14px 34px rgba(20, 26, 23, .28);--display: "Bricolage Grotesque", "DM Sans", ui-sans-serif, system-ui, sans-serif;--font: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--script: Caveat, "Segoe Script", cursive;--nav-h: 64px}@media(prefers-color-scheme:dark){:root{--bg: #000000;--card: #141416;--soft: #0c0c0e;--text: #ffffff;--muted: #b4b6bd;--faint: #7b7d86;--line: rgba(255, 255, 255, .1);--hover: rgba(255, 255, 255, .08);--ink: #ffffff;--ink-text: #0b0b0d;--lime: #4d8dff;--green: #6fd39b;--orange: #8db8ff;--accent: #4d8dff;--danger: #ff6b6b;--ok: #6fd39b;--warn: #f4b84b;--hero-grad: linear-gradient(135deg, #2f6fed 0%, #123a8f 100%);--t-idea: rgba(244, 184, 75, .22);--t-journal: rgba(77, 208, 176, .2);--t-task: rgba(86, 154, 255, .24);--t-note: rgba(201, 221, 184, .22);--t-gray: rgba(255, 255, 255, .09);--nav-bg: #141416;--nav-ic: rgba(255, 255, 255, .55);--nav-act-bg: #4d8dff;--nav-act-ic: #04060d;--shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 14px 34px rgba(0, 0, 0, .6);--pop: 0 16px 38px rgba(0, 0, 0, .7)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:500 15.5px/1.5 var(--font);-webkit-font-smoothing:antialiased}body{min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 20px 8px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);min-height:68px}.top h1{margin:0;font:700 34px/1.05 var(--display);letter-spacing:-.035em}.top .l{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.top .date{font-size:13px;color:var(--muted);font-weight:600}.top .gname{font:700 26px/1.05 var(--display);letter-spacing:-.03em}main{padding:6px 16px 140px}.has-composer main{padding-bottom:214px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--lime);color:#04060d;display:grid;place-items:center;font:800 17px var(--display);flex:none}.pill{display:inline-flex;align-items:center;gap:7px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.tabbar{position:fixed;z-index:25;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(340px,calc(100% - 32px));height:var(--nav-h);border-radius:999px;background:var(--nav-bg);box-shadow:var(--pop);padding:8px;display:flex;align-items:center;justify-content:space-between}.tabbar a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--nav-ic);text-decoration:none;transition:background .2s,color .2s}.tabbar a.on{background:var(--nav-act-bg);color:var(--nav-act-ic)}.bars{position:fixed;z-index:20;left:0;right:0;bottom:calc(14px + var(--nav-h) + 12px + env(safe-area-inset-bottom));display:flex;justify-content:center;padding:0 16px;pointer-events:none}.composer{pointer-events:auto;width:min(480px,100%);display:flex;align-items:flex-end;gap:8px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:32px;box-shadow:var(--pop)}.composer textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px;resize:none;padding:11px 4px;max-height:120px;line-height:1.4;scrollbar-width:none}.composer textarea::placeholder{color:var(--faint)}.round{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;flex:none}.round.soft{background:var(--hover);color:var(--text)}.round.ink{background:var(--ink);color:var(--ink-text)}.round.rec{background:var(--danger);color:#fff;animation:pulse 1s infinite}.kindbtn{font-size:11px;font-weight:800;letter-spacing:.02em}h2{margin:30px 4px 12px;font:700 21px/1.2 var(--display);letter-spacing:-.025em}h3{margin:0;font:700 17px/1.25 var(--display);letter-spacing:-.02em}p{margin:4px 0}.sub{color:var(--muted)}.small{font-size:13.5px}.faint{color:var(--faint);font-size:12.5px;font-weight:600}.script{font:600 22px var(--script);color:var(--orange)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between;flex-wrap:nowrap}.grow{flex:1;min-width:0}.right{text-align:right}.tag{display:inline-block;font-size:12px;font-weight:700;line-height:1.55;padding:1px 10px;border-radius:999px;background:var(--t-gray);color:var(--text);white-space:nowrap}.tag.idea{background:var(--t-idea)}.tag.journal{background:var(--t-journal)}.tag.task{background:var(--t-task)}.tag.note{background:var(--t-note)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 2px}.tag.click{cursor:pointer;border:1px solid var(--line);background:var(--card);padding:6px 14px;font-size:13.5px}.tag.click.on{background:var(--ink);color:var(--ink-text);border-color:transparent}.dot{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--danger)}.pulse{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px 20px;margin-bottom:12px;box-shadow:var(--shadow)}.card p{color:var(--muted);font-size:14.5px}.hero{background:var(--hero-grad);color:var(--hero-text);border:0}.hero p,.hero .sub{color:#ffffffc7}.hero .script{color:#cfe0ff}.empty{color:var(--muted);text-align:center;padding:26px 16px;border:1.5px dashed var(--line);border-radius:28px;margin-bottom:12px}.hello{padding:4px 4px 14px}.item{padding:12px 0;border-bottom:1px solid var(--line)}.item:first-child{padding-top:0}.item:last-child{border-bottom:0;padding-bottom:0}.done{text-decoration:line-through;color:var(--faint)}.btn{white-space:nowrap;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-weight:700;font-size:14.5px}.btn.primary{background:var(--ink);color:var(--ink-text);border-color:transparent}.btn.ghost{background:none;border-color:transparent;color:var(--muted);padding:7px 10px}.btn:disabled{opacity:.5}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 22px;border:0;border-radius:999px;background:var(--ink);color:var(--ink-text);font:700 16.5px var(--display);letter-spacing:-.01em;box-shadow:var(--pop)}input,textarea.field{width:100%;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:13px 16px;font:inherit;outline:none}input:focus,textarea.field:focus{border-color:var(--ink)}textarea.field{min-height:140px;resize:vertical}label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin:12px 4px 6px}.chk{width:28px;height:28px;border-radius:50%;border:2px solid var(--faint);background:none;flex:none;display:grid;place-items:center;padding:0;color:transparent}.chk .ic{width:15px;height:15px;stroke-width:3}.chk.on{background:var(--ok);border-color:var(--ok);color:#fff}.micbig{width:88px;height:88px;border-radius:50%;border:0;background:#fff;color:#141a17;display:grid;place-items:center;margin:14px auto 6px;box-shadow:var(--pop)}.micbig .ic{width:34px;height:34px}.micbig.rec{background:var(--danger);color:#fff;animation:pulse 1s infinite}.center{text-align:center}.bar{height:10px;border-radius:999px;background:var(--t-gray);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:700;font-size:12px;padding:4px 0}td{padding:8px 0;border-top:1px solid var(--line)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.flow{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:center}.node{flex:1;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:12px 6px;font-size:12.5px;color:var(--muted)}.node b{display:block;font:700 15px var(--display);color:var(--text)}.wire{flex:none;width:26px;height:3px;border-radius:3px;background:var(--line)}.wire.live{background:var(--ok)}.wire.stale{background:var(--warn)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(150px + env(safe-area-inset-bottom));background:var(--ink);color:var(--ink-text);border-radius:999px;padding:11px 20px;font-size:14px;font-weight:700;max-width:90vw;z-index:40;box-shadow:var(--pop);text-align:center}.err{color:var(--danger);font-size:14px;font-weight:600}.logo{width:76px;height:76px;margin:28px auto 10px;display:block;border-radius:20px;box-shadow:var(--shadow)}.login{padding-top:6px}code{background:var(--t-gray);border-radius:6px;padding:1px 6px;font-size:13px}