:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-family);font-synthesis:none;--font-family:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-bg:#f6f7fb;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f1f2f7;--color-text:#1a1d29;--color-text-secondary:#6b7280;--color-text-tertiary:#9aa1ad;--color-border:#ececf1;--color-border-strong:#d9dae3;--accent:#6c5ce7;--accent-hover:#5a4bd4;--accent-active:#4c3fc0;--accent-soft:#eeeaff;--accent-ink:#5a4bd4;--danger:#e5484d;--danger-ink:#c22b30;--danger-soft:#fdecec;--success-ink:#0f7b4d;--success-soft:#e6f6ee;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-card:16px;--radius-control:12px;--shadow-card:0 1px 2px #1018280a, 0 2px 8px #1018280d;--shadow-accent:0 4px 12px #6c5ce759}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#111318;--color-surface:#1a1d26;--color-surface-raised:#20242f;--color-surface-sunken:#16181f;--color-text:#f3f4f8;--color-text-secondary:#9ca3af;--color-text-tertiary:#6b7280;--color-border:#262a36;--color-border-strong:#343947;--accent:#8b7cf6;--accent-hover:#9a8df7;--accent-active:#a99ef8;--accent-soft:#262138;--accent-ink:#b3a7fa;--danger:#f87171;--danger-ink:#f87171;--danger-soft:#3a2226;--success-ink:#4ade80;--success-soft:#16311f;--shadow-card:0 1px 2px #0000004d, 0 2px 8px #0000003d}}*{box-sizing:border-box}html,body,#root{min-block-size:100%;min-inline-size:0}html{background:var(--color-bg)}body{background:var(--color-bg);min-block-size:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0}button,textarea{font:inherit}button{cursor:pointer;min-block-size:44px;min-inline-size:44px}button:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.app-shell{overflow-wrap:anywhere;flex-direction:column;block-size:100dvh;inline-size:min(100%,420px);margin-inline:auto;display:flex;overflow:hidden}.app-header{z-index:2;padding-block:var(--space-5) var(--space-3);padding-inline:var(--space-5);background:color-mix(in srgb, var(--color-bg) 92%, transparent);border-block-end:1px solid color-mix(in srgb, var(--color-border) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:none}.brand-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.brand h1,.brand p,.count-badge,.item-content{margin:0}.brand h1{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.2}.brand p{color:var(--color-text-secondary);margin-block-start:2px;font-size:12px;line-height:1.4}.clear-button{padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--color-border);background:var(--color-surface);color:var(--danger-ink);box-shadow:var(--shadow-card);border-radius:999px;font-size:13px;font-weight:650}.clear-button:hover{border-color:var(--color-border-strong);background:var(--danger-soft)}.count-badge{align-items:center;gap:var(--space-1);inline-size:fit-content;padding-block:var(--space-1);background:var(--accent-soft);color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:999px;margin-block-start:var(--space-2);padding-inline:10px;font-size:12px;font-weight:700;display:inline-flex}.inbox-region{min-block-size:0;padding-block:var(--space-3) var(--space-6);padding-inline:var(--space-4);overscroll-behavior:contain;flex:1;overflow-y:auto}.item-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.item-row{min-inline-size:0}.item-row.is-removing{pointer-events:none;animation:.18s ease-out forwards card-exit}.empty-state{justify-items:center;gap:var(--space-2);padding-block:var(--space-10) var(--space-8);padding-inline:var(--space-6);text-align:center;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state h2{margin-block-start:var(--space-2);font-size:20px;line-height:1.25}.empty-state p{max-inline-size:18rem;color:var(--color-text-secondary);font-size:13px;line-height:1.5}.empty-icon{border-radius:var(--radius-card);background:var(--accent-soft);block-size:64px;inline-size:64px;color:var(--accent-ink);place-items:center;display:grid}.skeleton-list{gap:var(--space-3);display:grid}.skeleton-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);display:grid}.skeleton-card span{background:linear-gradient(90deg, var(--color-surface-sunken) 25%, color-mix(in srgb, var(--color-surface-sunken) 65%, var(--color-surface)) 50%, var(--color-surface-sunken) 75%);background-size:200% 100%;border-radius:999px;block-size:12px;animation:1.4s linear infinite skeleton-shimmer;display:block}.skeleton-card span:first-child{inline-size:90%}.skeleton-card span:nth-child(2){inline-size:60%}.skeleton-card span:nth-child(3){inline-size:30%}.error-state{justify-items:center;gap:var(--space-2);padding-block:var(--space-10);padding-inline:var(--space-6);text-align:center;display:grid}.error-state h2,.error-state p{margin:0}.error-state h2{font-size:20px}.error-state p{color:var(--color-text-secondary);font-size:13px}.error-state button{padding-inline:var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);margin-block-start:var(--space-2);font-weight:650}.item-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);animation:.22s ease-out both card-enter;display:grid}.item-content{color:var(--color-text);font-size:15px;font-weight:500;line-height:1.5}.item-footer,.item-meta{align-items:center;display:flex}.item-footer{justify-content:space-between;gap:var(--space-3)}.item-meta{gap:var(--space-2);color:var(--color-text-tertiary);font-size:12px}.kind-tag{padding-block:3px;padding-inline:var(--space-2);letter-spacing:.02em;border-radius:6px;font-size:10.5px;font-weight:700}.kind-tag--link{background:var(--accent-soft);color:var(--accent-ink)}.kind-tag--note{background:var(--success-soft);color:var(--success-ink)}.icon-button,.send-button{border-radius:var(--radius-control);flex:0 0 44px;place-items:center;block-size:44px;inline-size:44px;padding:0;display:inline-grid}.icon-button{border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-secondary)}.icon-button:hover{background:var(--danger-soft);color:var(--danger-ink)}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;block-size:21px;inline-size:21px}.composer{z-index:3;align-items:end;gap:var(--space-3);padding-block:var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));padding-inline:var(--space-5);border-block-start:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 -8px 20px color-mix(in srgb, var(--color-bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex:none;display:flex;position:relative}.composer textarea{resize:none;min-block-size:48px;max-block-size:120px;min-inline-size:0;padding-block:12px;padding-inline:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);flex:1;font-size:15px;line-height:1.45}.composer textarea::placeholder{color:var(--color-text-tertiary)}.send-button{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent);border:0}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button:active:not(:disabled){background:var(--accent-active)}.send-button:disabled{background:var(--color-surface-sunken);color:var(--color-text-tertiary);box-shadow:none;cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-screen{place-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;display:grid}.preview-screen h1,.preview-screen p,.action-banner{margin:0}.preview-screen p{color:var(--color-text-secondary);line-height:1.5}.dev-ribbon{padding:var(--space-2) var(--space-4);background:var(--danger);color:#fff;text-align:center;letter-spacing:.04em;font-size:12px;font-weight:800}.inline-confirm,.dialog-actions{align-items:center;gap:var(--space-2);display:flex}.inline-confirm{min-block-size:44px}.inline-confirm button,.dialog-actions button{padding-inline:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:13px;font-weight:700}.inline-confirm .danger-button,.dialog-actions .danger-button{border-color:var(--danger);background:var(--danger);color:#fff}.action-banner{padding:var(--space-2) var(--space-5);background:var(--danger-soft);color:var(--danger-ink);font-size:13px;font-weight:650}.dialog-backdrop{z-index:10;padding:var(--space-5);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{inline-size:min(100%,360px);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-raised);box-shadow:0 8px 28px #10182824,0 2px 8px #10182814}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:20px}.confirm-dialog p{color:var(--color-text-secondary);margin-block-start:var(--space-3);font-size:13px;line-height:1.5}.dialog-actions{justify-content:flex-end;margin-block-start:var(--space-5)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes card-exit{to{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}