:root{--cream: #F5F1E6;--paper: #FFFCF5;--ink: #131110;--ink-2: #3D3935;--ink-3: #7A7470;--line: #1311101A;--line-soft: #13111014;--primary: #5B45F0;--primary-ink: #FFFFFF;--primary-tint: #EEEAFD;--lime: #D9F562;--coral: #FF6B47;--sky: #A8D5FF;--mint: #BFEED3;--rose: #FFD9CE;--butter: #FFE9A8;--ok: #1F8A5B;--warn: #B47200;--bad: #C8341A;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--shadow-card: 0 1px 0 rgba(19, 17, 16, .04), 0 8px 24px -12px rgba(19, 17, 16, .18);--shadow-pop: 0 1px 0 rgba(19, 17, 16, .06), 0 20px 60px -20px rgba(19, 17, 16, .3);--shadow-sticker: 4px 4px 0 var(--ink);--font-display: "Bricolage Grotesque", "Geist", system-ui, sans-serif;--font-body: "Geist", "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}html,body,#root{margin:0;padding:0;background:var(--cream);font-family:var(--font-body);color:var(--ink);min-height:100vh}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit}.scr{width:100%;min-height:100vh;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;position:relative;display:flex;flex-direction:column}.scr *{box-sizing:border-box}.scr.grain:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(19,17,16,.025) 1px,transparent 1px);background-size:3px 3px;opacity:.6;mix-blend-mode:multiply}.display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:.98}.serif-i{font-family:var(--font-display);font-style:italic;font-weight:500}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.upper{letter-spacing:.06em;text-transform:uppercase}.chrome{height:56px;flex:0 0 56px;display:flex;align-items:center;padding:0 28px;gap:24px;border-bottom:1px solid var(--line);background:var(--cream)}.chrome .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px}.chrome .brand-dot{width:26px;height:26px;border-radius:8px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800;font-size:14px;transform:rotate(-6deg)}.chrome nav{display:flex;gap:4px;margin-left:8px}.chrome nav a{font-size:13px;padding:6px 12px;border-radius:var(--r-full);color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.chrome nav a.on{background:var(--ink);color:var(--paper)}.chrome .spacer{flex:1}.claw-badge{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:var(--r-full);background:var(--paper);border:1px solid var(--line);font-size:12px;color:var(--ink-2);font-family:var(--font-mono)}.claw-badge .pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 #1f8a5b99;animation:pulse 1.8s infinite}.claw-badge.offline .pulse{background:var(--ink-3);animation:none;box-shadow:none}@keyframes pulse{0%{box-shadow:0 0 #1f8a5b80}70%{box-shadow:0 0 0 6px #1f8a5b00}to{box-shadow:0 0 #1f8a5b00}}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--r-full);font:inherit;font-weight:600;font-size:14px;cursor:pointer;border:0;white-space:nowrap;transition:transform .12s ease,background .15s ease,color .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-pri{background:var(--ink);color:var(--paper)}.btn-pri:not(:disabled):hover{background:var(--primary)}.btn-acc{background:var(--lime);color:var(--ink);border:1px solid var(--ink)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:not(:disabled):hover{border-color:var(--ink)}.btn-sm{height:30px;padding:0 12px;font-size:12px}.btn-lg{height:52px;padding:0 24px;font-size:16px}.card{background:var(--paper);border-radius:var(--r-lg);border:1px solid var(--line);padding:20px}.card-flat{background:var(--paper);border-radius:var(--r-md);border:1px solid var(--line);padding:14px}.sticker{background:var(--paper);border-radius:var(--r-lg);border:1.5px solid var(--ink);box-shadow:var(--shadow-sticker)}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:var(--r-full);font-size:12px;background:var(--paper);border:1px solid var(--line);color:var(--ink-2)}.chip-dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip-lime{background:var(--lime);border-color:var(--ink);color:var(--ink)}.chip-coral{background:var(--coral);border-color:var(--ink);color:var(--paper)}.chip-sky{background:var(--sky);border-color:var(--ink);color:var(--ink)}.orb{position:relative;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--orb-2, #FFD9CE) 0%,transparent 45%),radial-gradient(circle at 70% 65%,var(--orb-3, #A8D5FF) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--orb-1, #5B45F0),var(--orb-4, #131110));box-shadow:inset 0 0 0 1px #ffffff40,0 8px 24px -8px #5b45f059;overflow:hidden}.orb:after{content:"";position:absolute;top:12%;left:18%;width:30%;height:22%;background:#ffffff8c;border-radius:50%;filter:blur(4px)}.orb-anim:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 70%,var(--orb-2, #FFD9CE) 0%,transparent 40%),radial-gradient(circle at 70% 30%,var(--orb-3, #A8D5FF) 0%,transparent 45%);mix-blend-mode:screen;animation:orbDrift 6s ease-in-out infinite}@keyframes orbDrift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4%,-4%) rotate(180deg)}}.bar{height:8px;border-radius:var(--r-full);background:var(--line-soft);overflow:hidden;position:relative}.bar>i{display:block;height:100%;background:var(--ink);border-radius:var(--r-full)}.bar.lime>i{background:var(--lime)}.bar.primary>i{background:var(--primary)}.bar.coral>i{background:var(--coral)}.input{display:flex;align-items:center;height:44px;padding:0 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);font:inherit;font-size:14px;color:var(--ink);width:100%}.input:focus,.input:focus-within{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.input.has-err{border-color:var(--bad);box-shadow:0 0 0 3px #c8341a1f}input.bare{border:0;background:transparent;outline:none;flex:1;font:inherit;color:inherit;padding:0}input.bare::placeholder{color:var(--ink-3)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.flex-1{flex:1}.center{display:grid;place-items:center}.muted{color:var(--ink-3)}.tabular{font-variant-numeric:tabular-nums}.ai-mark{background:linear-gradient(180deg,transparent 60%,var(--butter) 60%);border-bottom:1.5px dashed var(--warn);cursor:help}.ai-add{background:linear-gradient(180deg,transparent 60%,var(--mint) 60%)}.ai-del{text-decoration:line-through;text-decoration-color:var(--bad);color:var(--ink-3)}.scroll{overflow:auto}.auth-error{font-size:13px;color:var(--bad);background:#c8341a14;border:1px solid rgba(200,52,26,.22);border-radius:var(--r-md);padding:10px 12px;line-height:1.5}.auth-hint{font-size:12px;color:var(--ink-3);line-height:1.55}@keyframes blink{50%{opacity:0}}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-3);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}