:root{--paper:#edeae0;--card:#f6f4ec;--ink:#20231f;--ink-soft:#5b6056;--ink-faint:#90937f;--line:#cfc8b2;--line-soft:#dedaca;--c1:#b97d2b;--c1-deep:#8f5f1e;--c2:#2b6e62;--c2-deep:#1f4f46;--c3:#a8434a;--c3-deep:#7e333a;--c4:#3e5c76;--c4-deep:#2c4257;--c5:#6b4c6e;--c5-deep:#4e3752;--shadow:0 1px 2px #20231f0d, 0 6px 18px -10px #20231f33;--radius-card:16px;--radius-pill:99px;--nav-width:240px;--detail-width:380px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible{outline:2px solid var(--c1-deep);outline-offset:2px}input:focus-visible{outline:2px solid var(--c1-deep)}.mono{font-family:IBM Plex Mono,monospace}.app-shell{background:var(--paper);height:100dvh;display:flex;overflow:hidden}.main-panel{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex;position:relative;overflow:hidden}.scroll-area{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:8px 18px;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}.empty-state{text-align:center;color:var(--ink-faint);padding:54px 16px;font-size:13px;line-height:1.6}.app-header{justify-content:space-between;align-items:flex-start;padding:6px 0 12px;display:flex}.greet-small{letter-spacing:.1em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:2px;font-size:10px}.greet-name{font-family:Fraunces,serif;font-size:20px;font-weight:600}.sub-line{color:var(--ink-faint);margin-bottom:16px;font-size:11.5px}.icon-circle{background:var(--card);border:1px solid var(--line-soft);width:36px;height:36px;color:var(--ink-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-card);box-shadow:var(--shadow)}.tag-chip{color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);padding:3px 9px;font-size:10.5px}.sec-heading{letter-spacing:.05em;color:var(--ink-faint);text-transform:uppercase;margin:20px 0 8px;font-size:11px}.push-nav{border-bottom:1px solid var(--line-soft);background:var(--paper);z-index:10;flex:none;align-items:center;gap:10px;padding:12px 14px 8px;display:flex;position:sticky;top:0}.icon-btn{width:34px;height:34px;color:var(--ink-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.icon-btn:hover{background:var(--line-soft)}.toast-host{z-index:200;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .25s,transform .25s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(10px)}.toast-host.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-inner{background:var(--ink);color:var(--paper);border-radius:10px;padding:10px 18px;font-size:13px;box-shadow:0 8px 24px -6px #00000059}@media (min-width:640px){.toast-host{bottom:24px;left:auto;right:24px;transform:translateY(10px)}.toast-host.show{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}