@font-face{font-family:manrope;src:url(../media/Manrope_Variable-s.p.0nvn7f63i-2qu.ttf)format("truetype");font-display:swap;font-weight:200 800;font-style:normal}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_ffe89c88-module__DSJkgG__className{font-family:manrope,manrope Fallback;font-style:normal}.manrope_ffe89c88-module__DSJkgG__variable{--font-manrope:"manrope", "manrope Fallback"}
@font-face{font-family:editorial;src:url(../media/InstrumentSerif_Regular-s.p.3839b-a-z8luw.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:editorial;src:url(../media/InstrumentSerif_Italic-s.p.1ab1dfsp6fjzq.ttf)format("truetype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:editorial Fallback;src:local(Times New Roman);ascent-override:117.87%;descent-override:36.91%;line-gap-override:0.0%;size-adjust:83.99%}.editorial_56b2e86e-module__D7_I1q__className{font-family:editorial,editorial Fallback,Georgia,serif}.editorial_56b2e86e-module__D7_I1q__variable{--font-editorial:"editorial", "editorial Fallback", Georgia, serif}
:root{--neutral-0:#fff;--neutral-25:#fafafa;--neutral-50:#f3f3f3;--neutral-100:#eaeaea;--neutral-200:#d8d8d8;--neutral-300:#c3c3c3;--neutral-400:#9e9e9e;--neutral-500:#747474;--neutral-600:#5d5d5d;--neutral-700:#3d3d3d;--neutral-800:#2d2d2d;--neutral-850:#252525;--neutral-900:#202020;--neutral-925:#1b1b1b;--neutral-950:#171717;--neutral-975:#111;--stroke-faint:#0000001a;--stroke-strong:#0000002e;--stroke-accent:#0003;--shine-white:#fffc;--glow-neutral:#00000006;--canvas:var(--neutral-50);--canvas-highlight:var(--neutral-0);--canvas-shade:var(--neutral-200);--surface:var(--neutral-0);--surface-raised:var(--neutral-25);--surface-hover:var(--neutral-100);--ink:var(--neutral-950);--ink-soft:var(--neutral-700);--muted:var(--neutral-600);--subtle:var(--neutral-600);--line:var(--stroke-faint);--line-strong:var(--stroke-strong);--accent:var(--neutral-950);--accent-hover:var(--neutral-700);--accent-soft:var(--neutral-100);--accent-ink:var(--neutral-950);--accent-border:var(--stroke-accent);--accent-fg:var(--neutral-0);--sidebar-bg:var(--neutral-25);--sidebar-surface:var(--neutral-0);--sidebar-hover:var(--neutral-100);--sidebar-line:var(--stroke-faint);--sidebar-text:var(--neutral-950);--sidebar-muted:var(--neutral-600);--nav-active-bg:var(--neutral-100);--nav-active-border:var(--stroke-accent);--success:var(--neutral-800);--success-soft:var(--neutral-100);--danger:var(--neutral-950);--danger-soft:var(--neutral-100);--tag-purple:var(--neutral-800);--tag-purple-bg:var(--neutral-100);--tag-blue:var(--neutral-700);--tag-blue-bg:var(--neutral-100);--tag-peach:var(--neutral-850);--tag-peach-bg:var(--neutral-100);--welcome-bg:var(--neutral-25);--welcome-sheen:var(--shine-white);--welcome-glow:var(--glow-neutral);--paper-card-back:var(--neutral-200);--card-face:var(--neutral-0);--card-edge:var(--neutral-300);--card-gleam:var(--neutral-0);--card-back:var(--neutral-100);--card-back-ink:var(--neutral-950);--focus-ring:var(--neutral-950);--avatar-lime:var(--neutral-950);--avatar-lavender:var(--neutral-700);--avatar-peach:var(--neutral-850);--avatar-blue:var(--neutral-800);--avatar-rose:var(--neutral-900);--avatar-ink:var(--neutral-0);--glass-fill:#ffffffc2;--glass-strong:#ffffffe6;--glass-rim:#ffffffeb;--glass-highlight:#ffffffe6;--glass-shade:#0000000f;--glass-shadow:0 16px 64px #00000017;--wheel-shadow:#0000002e;--space-0:0;--space-half:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--hairline:1px;--outline-width:2px;--control-height:44px;--sidebar-width:232px;--topbar-height:76px;--bottom-nav-height:var(--space-20);--bottom-nav-clearance:calc(var(--bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom));--content-max:1440px;--modal-width:640px;--icon-xs:14px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--avatar-sm:36px;--avatar-md:52px;--avatar-lg:80px;--card-art-width:290px;--card-art-height:180px;--paper-front-width:220px;--paper-front-height:246px;--paper-line-height:3px;--welcome-height:360px;--welcome-art-height:290px;--welcome-art-height-mobile:286px;--search-width:320px;--search-width-compact:280px;--empty-height:320px;--modal-width-wide:760px;--textarea-height:112px;--capture-height:200px;--capture-height-mobile:176px;--preview-height:240px;--detail-label-width:88px;--pro-width:800px;--orbit-inner:260px;--orbit-outer:330px;--text-art:7px;--font-sans:var(--font-manrope), "Helvetica Neue", Arial, sans-serif;--font-serif:var(--font-editorial), Georgia, "Times New Roman", serif;--font-mono:"SFMono-Regular", Consolas, monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-display:clamp(36px, 3vw + 8px, 48px);--text-hero:clamp(36px, 3.3vw + 8px, 54px);--leading-tight:1.15;--leading-heading:1.25;--leading-body:1.55;--tracking-tight:-.035em;--tracking-normal:-.015em;--tracking-label:.11em;--shadow-sm:0 2px 6px #0000000f;--shadow-md:0 10px 30px #00000012;--shadow-lg:0 24px 80px #00000029;--shadow-card:0 12px 36px #00000012, inset 0 1px 0 var(--glass-highlight);--overlay:#00000042;--duration-fast:.12s;--duration-base:.2s;--duration-enter:.26s;--duration-spin:.7s;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(ellipse at 6% 5%, var(--canvas-highlight), transparent 55%), radial-gradient(ellipse at 100% 42%, var(--canvas-shade), transparent 70%), var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:disabled,button[aria-disabled=true]{cursor:not-allowed;opacity:.5}button:disabled:active{transform:none}a{color:inherit;text-decoration:none}svg{flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}::selection{color:var(--ink);background:var(--accent-border)}:focus-visible{outline:var(--outline-width) solid var(--focus-ring);outline-offset:var(--space-1)}.sr-only{width:var(--hairline);height:var(--hairline);margin:calc(-1 * var(--hairline));clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;position:absolute;overflow:hidden}.app-shell{--sidebar-width:0px;min-height:100dvh}.sidebar{z-index:20;width:var(--sidebar-width);padding:var(--space-8) var(--space-4) var(--space-5);background:var(--sidebar-bg);border-right:var(--hairline) solid var(--line);color:var(--sidebar-text);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-1) var(--space-3);color:var(--sidebar-text);font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.055em;background:0 0;border:0;display:flex}.brand-mark{width:var(--space-8);height:var(--space-8);border:var(--hairline) solid var(--accent);border-radius:var(--radius-xs);color:var(--accent);font-family:var(--font-serif);font-size:var(--text-xl);justify-content:center;align-items:center;display:inline-flex}.brand-mark svg{width:var(--icon-md);height:var(--icon-md)}.brand-caption{margin:var(--space-2) 0 0 var(--space-3);color:var(--sidebar-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.sidebar-nav{gap:var(--space-2);margin-top:var(--space-10);flex-direction:column;display:flex}.sidebar-label{padding:0 var(--space-3);margin:var(--space-8) 0 var(--space-3);color:var(--sidebar-muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.nav-item{width:100%;min-height:var(--space-12);align-items:center;gap:var(--space-3);padding:var(--space-3);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);color:var(--sidebar-muted);font-size:var(--text-base);text-align:left;background:0 0;display:flex}.nav-item svg{width:var(--icon-md);height:var(--icon-md)}.nav-item:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.nav-item.active{background:var(--nav-active-bg);border-color:var(--nav-active-border);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-item:focus-visible,.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:var(--accent)}.nav-count{min-width:var(--space-6);padding:var(--space-half) var(--space-2);background:var(--accent-border);border-radius:var(--radius-xs);color:var(--accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center;margin-left:auto}.nav-dot{width:var(--space-2);height:var(--space-2);margin:0 var(--space-1);border-radius:var(--radius-pill);background:var(--accent)}.sidebar-divider{height:var(--hairline);margin:var(--space-6) var(--space-3);background:var(--sidebar-line);opacity:.5}.sidebar-footer{padding-top:var(--space-8);margin-top:auto}.plan-card{padding:var(--space-5) var(--space-4);background:linear-gradient(145deg, var(--welcome-sheen), transparent 65%), var(--sidebar-surface);border:var(--hairline) solid var(--sidebar-line);border-radius:var(--radius-md)}.plan-card>svg{color:var(--accent);margin-bottom:var(--space-3)}.plan-card h3,.plan-card strong{color:var(--sidebar-text);font-size:var(--text-base);font-weight:500;display:block}.plan-card p{margin-top:var(--space-2);color:var(--sidebar-muted);font-size:var(--text-sm);line-height:var(--leading-body)}.plan-card .button{min-height:var(--control-height);width:100%;margin-top:var(--space-4);font-size:var(--text-sm)}.user-chip{align-items:center;gap:var(--space-3);width:100%;margin-top:var(--space-5);padding:var(--space-3) var(--space-1) 0;text-align:left;background:0 0;border:0;display:flex}.user-chip>svg:last-child{width:var(--icon-sm);color:var(--sidebar-muted);margin-left:auto}.user-avatar{width:var(--avatar-sm);height:var(--avatar-sm);background:var(--avatar-lavender);color:var(--avatar-ink);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.user-copy,.account-copy{flex-direction:column;min-width:0;display:flex}.user-copy strong,.account-copy strong{color:var(--sidebar-text);font-size:var(--text-sm);font-weight:500}.user-copy span,.account-copy span{color:var(--sidebar-muted);font-size:var(--text-xs)}.main-shell{min-width:0;margin-left:var(--sidebar-width);padding-bottom:var(--bottom-nav-clearance)}.topbar{min-height:var(--topbar-height);padding:var(--space-4) var(--space-12);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:var(--hairline) solid var(--line);display:flex}.breadcrumb{align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-sm);display:flex}.breadcrumb svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--subtle)}.breadcrumb strong,.breadcrumb [aria-current=page]{color:var(--ink);font-weight:500}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.topbar-label{color:var(--muted);font-size:var(--text-sm)}.topbar-divider{height:var(--space-5);width:var(--hairline);background:var(--line);margin:0 var(--space-2)}.icon-button{width:var(--control-height);height:var(--control-height);min-width:var(--control-height);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);color:var(--muted);transition:transform var(--duration-fast) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-button svg{width:var(--icon-md);height:var(--icon-md)}.icon-button:hover{color:var(--ink);background:var(--surface-hover)}.icon-button:active{transform:translateY(var(--hairline))}.icon-button.bordered{border-color:var(--line);background:var(--surface)}.icon-button.active,.icon-button.starred{color:var(--accent-ink)}.icon-button.starred svg{fill:var(--accent)}.notification-dot{inset:var(--space-2) var(--space-2) auto auto;width:var(--space-1);height:var(--space-1);background:var(--accent-ink);border-radius:50%;position:absolute}.main-content{max-width:var(--content-max);padding:var(--space-10) var(--space-12) var(--space-8);margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8);display:flex}.eyebrow{margin-bottom:var(--space-3);color:var(--subtle);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.page-heading h1{font-family:var(--font-sans);font-size:var(--text-display);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.055em}.heading-copy>p:not(.eyebrow){margin-top:var(--space-3);max-width:65ch;color:var(--muted);font-size:var(--text-base)}.heading-actions{align-items:center;gap:var(--space-3);padding-bottom:var(--space-1);flex-shrink:0;display:flex}.button{min-height:var(--control-height);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-heading);white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out);display:inline-flex}.button svg{width:var(--icon-sm);height:var(--icon-sm)}.button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:700}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.secondary:hover{border-color:var(--line-strong);background:var(--surface-hover)}.button.ghost{color:var(--muted);background:0 0}.button.ghost:hover{background:var(--surface-hover);color:var(--ink)}.button.accent,.plan-card .button.primary{color:var(--accent-fg);background:var(--accent);border-color:var(--accent)}.button.accent:hover,.plan-card .button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.danger{color:var(--danger);border-color:var(--line);background:var(--surface)}.button:active{transform:translateY(var(--hairline))}.button[aria-busy=true]{color:#0000;pointer-events:none;position:relative}.button[aria-busy=true] svg{opacity:0}.button[aria-busy=true]:after{content:"";width:var(--icon-sm);height:var(--icon-sm);border:var(--outline-width) solid var(--line-strong);border-top-color:var(--accent-ink);animation:spin var(--duration-spin) linear infinite;border-radius:50%;margin:auto;position:absolute;inset:0}.button:is(.primary,.accent)[aria-busy=true]:after{border-color:color-mix(in srgb, var(--accent-fg) 30%, transparent);border-top-color:var(--accent-fg)}.stats-grid{gap:var(--space-4);margin-top:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat-card{min-width:0;min-height:var(--space-24);padding:var(--space-5) var(--space-6);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);text-align:left;display:block}.stat-icon{width:var(--space-10);height:var(--space-10);background:var(--surface-hover);border-radius:var(--radius-sm);color:var(--ink-soft);flex-shrink:0;place-items:center;display:grid}.stat-icon svg{width:var(--icon-md);height:var(--icon-md)}.stat-card:nth-child(2) .stat-icon{background:var(--success-soft);color:var(--success)}.stat-card:nth-child(3) .stat-icon{background:var(--accent-soft);color:var(--accent-ink)}.stat-value{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-weight:500}.stat-label{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.stat-detail,.stat-trend{color:var(--success);font-size:var(--text-xs);white-space:nowrap;margin-left:auto}.stat-detail{color:var(--muted)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-heading h2{font-family:var(--font-sans);font-size:var(--text-xl);letter-spacing:var(--tracking-tight);font-weight:500}.section-heading>span,.count-label{color:var(--muted);font-size:var(--text-sm)}.section-heading .button{padding-right:0}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:var(--space-3);display:flex}.search-field{align-items:center;gap:var(--space-3);min-height:var(--control-height);width:100%;min-width:0;max-width:var(--search-width);padding:0 var(--space-4);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);display:flex}.search-field svg{width:var(--icon-sm);height:var(--icon-sm)}.search-field input{width:100%;min-width:0;height:var(--control-height);color:var(--ink);font-size:var(--text-sm);background:0 0;border:0;outline:0;padding:0}.search-field:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 var(--hairline) var(--focus-ring)}.search-field input::placeholder{color:var(--subtle);opacity:1}.shortcut-key{border:var(--hairline) solid var(--line);border-radius:var(--radius-xs);padding:0 var(--space-1);color:var(--muted);font-family:var(--font-sans);font-size:var(--text-xs);white-space:nowrap}.filter-tabs{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.filter-tab{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:var(--hairline) solid transparent;border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;font-weight:500}.filter-tab:hover{color:var(--ink);background:var(--surface-hover)}.filter-tab.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent);box-shadow:var(--shadow-sm)}.filter-tab span{margin-left:var(--space-2);color:var(--subtle)}.view-toggle{align-items:center;gap:var(--space-half);padding:var(--space-half);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);display:inline-flex}.view-toggle .icon-button{border-radius:var(--radius-xs)}.view-toggle .icon-button.active{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.sort-select{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm)}.contact-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contact-card{min-width:0;padding:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex;position:relative}.contact-card:hover{border-color:var(--line-strong);transform:translateY(calc(-1 * var(--space-half)))}.contact-card:focus-visible{outline-offset:var(--space-1)}.contact-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.contact-card-top .icon-button{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) 0 0}.avatar{width:var(--avatar-md);height:var(--avatar-md);background:var(--avatar-lime);color:var(--avatar-ink);font-size:var(--text-lg);letter-spacing:var(--tracking-normal);border-radius:50%;flex-shrink:0;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.contact-name{color:var(--ink);font-size:var(--text-md);line-height:var(--leading-heading);letter-spacing:var(--tracking-normal);font-weight:600}.contact-role{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.contact-company{margin-top:var(--space-half);color:var(--ink-soft);font-size:var(--text-sm);font-weight:500}.tag-list{align-items:center;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.tag{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--surface-hover);color:var(--ink-soft);font-size:var(--text-2xs);font-weight:500;line-height:var(--leading-heading);display:inline-flex}.tag.green,.tag[data-tone=green]{background:var(--success-soft);color:var(--success)}.tag.gold,.tag[data-tone=gold]{background:var(--accent-soft);color:var(--accent-ink)}.tag.purple,.tag[data-tone=purple]{background:var(--tag-purple-bg);color:var(--tag-purple)}.tag.blue,.tag[data-tone=blue]{background:var(--tag-blue-bg);color:var(--tag-blue)}.contact-note{min-height:var(--space-16);margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-xs);background:var(--canvas);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body);flex:1}.contact-note svg{width:var(--icon-xs);height:var(--icon-xs);margin-right:var(--space-1);vertical-align:text-bottom;color:var(--subtle);display:inline}.contact-note p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contact-meta{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--hairline) solid var(--line);color:var(--muted);font-size:var(--text-2xs);flex-wrap:wrap;display:flex}.contact-meta span{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.contact-meta span:last-child{margin-left:auto}.contact-meta svg{width:var(--icon-xs);height:var(--icon-xs)}.contact-card-button{border-radius:inherit;background:0 0;border:0;position:absolute;inset:0}.contact-card-button:focus-visible{outline-offset:var(--space-1)}.contact-card .icon-button{z-index:1}.contact-grid.list{grid-template-columns:1fr}.contact-grid.list .contact-card{grid-template-columns:var(--avatar-md) 1.2fr 1fr 1.3fr;align-items:center;gap:var(--space-6);padding:var(--space-5) var(--space-6);display:grid}.contact-grid.list .contact-card-top,.contact-grid.list .tag-list,.contact-grid.list .contact-note,.contact-grid.list .contact-meta{margin:0}.contact-grid.list .contact-card-top .icon-button{top:var(--space-4);right:var(--space-4);position:absolute}.contact-grid.list .contact-note{min-height:auto}.contact-grid.list .contact-meta{padding:0 var(--space-8) 0 0;border:0}.contact-grid.list .contact-meta span:last-child{margin-left:0}.list-footer{margin-top:var(--space-8);color:var(--muted);font-size:var(--text-sm);justify-content:center;display:flex}.capture-prompt{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);margin-top:var(--space-8);background:var(--accent-soft);border:var(--hairline) solid var(--accent-border);border-radius:var(--radius-md);display:flex}.capture-prompt-copy{align-items:center;gap:var(--space-5);display:flex}.capture-prompt-icon{width:var(--space-12);height:var(--space-12);color:var(--accent-ink);background:var(--accent-border);border-radius:var(--radius-md);place-items:center;display:grid}.capture-prompt h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:400}.capture-prompt p{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.empty-state{justify-content:center;align-items:center;gap:var(--space-4);min-height:var(--empty-height);padding:var(--space-12) var(--space-6);border:var(--hairline) dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface);text-align:center;flex-direction:column;display:flex}.empty-state>svg{width:var(--space-10);height:var(--space-10);color:var(--subtle)}.empty-state h2,.empty-state h3{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400}.empty-state p{max-width:45ch;color:var(--muted)}.empty-state .button{margin-top:var(--space-2)}.modal-backdrop{z-index:100;padding:var(--space-6);background:var(--overlay);animation:fade-in var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:var(--modal-width);max-height:calc(100dvh - var(--space-12));color:var(--ink);background:var(--surface);border:var(--hairline) solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:modal-in var(--duration-enter) var(--ease-out);flex-direction:column;margin:auto;padding:0;display:flex;position:fixed;overflow:hidden}dialog.modal:not([open]){display:none}dialog.modal::backdrop{background:var(--overlay)}.modal-wide{max-width:var(--modal-width-wide)}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-bottom:var(--hairline) solid var(--line);flex-shrink:0;display:flex}.modal-header h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:400;line-height:var(--leading-heading);letter-spacing:var(--tracking-tight)}.modal-header p{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.modal-header .icon-button{margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-3)) 0 0}.modal-body{overscroll-behavior:contain;padding:var(--space-6) var(--space-8);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-8);border-top:var(--hairline) solid var(--line);background:var(--canvas);flex-shrink:0;display:flex}.modal-footer .helper-text{max-width:32ch;margin-right:auto}.field-grid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.field.full,.field-grid>.full{grid-column:1/-1}.field label,.field-label{color:var(--ink-soft);font-size:var(--text-sm);font-weight:600}.field label span,.field-label span{color:var(--muted);font-weight:400}.input,.textarea,.field input:not([type=checkbox]):not([type=file]),.field select,.field textarea{width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-3) var(--space-4);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font-size:var(--text-base)}.input::placeholder,.textarea::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--subtle);opacity:1}.input:focus-visible,.textarea:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-offset:var(--space-half)}.textarea,.field textarea{min-height:var(--textarea-height);resize:vertical;line-height:var(--leading-body)}[aria-invalid=true]{border-color:var(--danger)!important}.field-error{color:var(--danger);font-size:var(--text-sm)}.field-inline{gap:var(--space-2);align-items:center;display:flex}.field-inline .input{flex:1}.capture-mode-switch{gap:var(--space-1);padding:var(--space-1);margin-bottom:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.capture-mode-switch button{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--hairline) solid transparent;border-radius:var(--radius-xs);color:var(--muted);font-size:var(--text-sm);background:0 0;font-weight:600;display:inline-flex}.capture-mode-switch button:hover{background:var(--surface-hover);color:var(--ink)}.capture-mode-switch button.active{background:var(--surface-raised);border-color:var(--line-strong);color:var(--accent);box-shadow:var(--shadow-sm)}.capture-mode-switch button svg{width:var(--icon-sm);height:var(--icon-sm)}.capture-intro{margin-bottom:var(--space-5);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.capture-dropzone{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:var(--capture-height);padding:var(--space-8);border:var(--hairline) dashed var(--line-strong);border-radius:var(--radius-md);background:var(--canvas);color:var(--ink);text-align:center;cursor:pointer;flex-direction:column;display:flex}.capture-dropzone:hover{border-color:var(--accent-ink);background:var(--accent-soft)}.capture-dropzone>svg{width:var(--space-8);height:var(--space-8);color:var(--accent-ink)}.capture-dropzone strong{font-weight:500}.capture-dropzone p,.capture-dropzone span{color:var(--muted);font-size:var(--text-sm)}.capture-preview{max-height:var(--preview-height);margin-bottom:var(--space-5);border-radius:var(--radius-md);background:var(--canvas);border:var(--hairline) solid var(--line);position:relative;overflow:hidden}.capture-preview img,.capture-preview video{width:100%;max-height:var(--preview-height);object-fit:contain}.capture-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.step-label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);color:var(--muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;display:flex}.step-label span{width:var(--space-6);height:var(--space-6);background:var(--surface-hover);color:var(--ink);letter-spacing:0;border-radius:50%;place-items:center;display:grid}.divider{height:var(--hairline);margin:var(--space-6) 0;background:var(--line)}.detail-hero{align-items:center;gap:var(--space-2);padding:var(--space-3) 0 var(--space-6);text-align:center;flex-direction:column;display:flex}.detail-hero .avatar{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--text-2xl)}.detail-hero h2{font-family:var(--font-serif);font-size:var(--text-2xl);letter-spacing:var(--tracking-tight);font-weight:400}.detail-hero p{margin-top:var(--space-1);color:var(--muted)}.detail-section{padding:var(--space-5) 0;border-top:var(--hairline) solid var(--line)}.detail-section h3{margin-bottom:var(--space-4);color:var(--muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600}.detail-section p{color:var(--ink-soft);line-height:var(--leading-body)}.detail-section .tag-list{margin-top:0}.detail-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;color:var(--ink-soft);font-size:var(--text-base);overflow-wrap:anywhere;display:flex}.detail-row>svg{width:var(--icon-sm);height:var(--icon-sm);margin-top:var(--space-1);color:var(--muted)}.detail-row a{text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:var(--space-1)}.detail-row span:first-child{min-width:var(--detail-label-width);color:var(--muted);font-size:var(--text-sm)}.toast{z-index:200;left:calc(50% + var(--sidebar-width) / 2);bottom:var(--bottom-nav-clearance);align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - var(--space-12));padding:var(--space-4) var(--space-5);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:fade-in var(--duration-base) var(--ease-out);display:flex;position:fixed;transform:translate(-50%)}.toast>svg{color:var(--accent);width:var(--icon-md);height:var(--icon-md)}.toast .icon-button{color:var(--ink-soft);margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0}.toast .icon-button:hover{background:var(--sidebar-hover)}.status-message{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:var(--hairline) solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--text-sm)}.status-message.error{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.status-message.success{color:var(--success);background:var(--success-soft);border-color:var(--success)}.helper-text{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--accent-soft);color:var(--accent-ink);border:var(--hairline) solid var(--accent-border);border-radius:var(--radius-xs);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;display:inline-flex}.collection-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.collection-card{min-height:var(--capture-height);padding:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);text-align:left;transition:transform var(--duration-fast) var(--ease-out);flex-direction:column;align-items:flex-start;display:flex}.collection-card:hover{transform:translateY(calc(-1 * var(--space-half)));border-color:var(--line-strong)}.collection-card>svg{margin-bottom:var(--space-6);color:var(--accent-ink)}.collection-card h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:400}.collection-card p{margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.collection-card .tag-list{padding-top:var(--space-5);margin-top:auto}.followup-list{gap:var(--space-4);flex-direction:column;display:flex}.followup-card{align-items:center;gap:var(--space-5);padding:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex}.followup-card .followup-copy{flex:1}.followup-card h3{font-size:var(--text-md);font-weight:600}.followup-card p{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-sm)}.followup-card .badge{margin-left:auto}.pro-card{max-width:var(--pro-width);padding:var(--space-10);border:var(--hairline) solid var(--accent-border);border-radius:var(--radius-lg);background:var(--surface)}.pro-card>h2{margin-top:var(--space-5);font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);font-weight:400}.pro-card>p{max-width:55ch;margin-top:var(--space-3);color:var(--muted)}.pro-card ul{margin:var(--space-6) 0;padding:0;list-style:none}.pro-card li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--ink-soft);display:flex}.pro-card li svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--success)}.pro-price{margin:var(--space-6) 0;font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}.pro-price span{font-size:var(--text-base);color:var(--muted);letter-spacing:0}.welcome-panel{column-gap:var(--space-6);row-gap:var(--space-6);min-height:var(--welcome-height);padding:var(--space-8) var(--space-10) var(--space-5);margin-bottom:var(--space-5);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-xl);background:radial-gradient(ellipse at 78% 28%, var(--welcome-glow), transparent 58%), linear-gradient(125deg, var(--welcome-sheen), transparent 50%), var(--welcome-bg);isolation:isolate;grid-template-columns:1.2fr 1fr;display:grid;position:relative;overflow:hidden}.welcome-copy{z-index:2;align-self:center;min-width:0;position:relative}.welcome-kicker{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--accent-ink);font-size:var(--text-2xs);font-weight:600;line-height:var(--leading-body);letter-spacing:var(--tracking-label);text-transform:uppercase;display:flex}.welcome-kicker>span{width:var(--space-1);height:var(--space-1);background:var(--accent);border-radius:50%;flex-shrink:0}.welcome-copy h2{max-width:17ch;font-family:var(--font-sans);font-size:var(--text-hero);font-weight:500;line-height:var(--leading-tight);letter-spacing:-.06em}.welcome-copy h2 em{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--accent);font-weight:400}.welcome-copy>p:not(.welcome-kicker){max-width:47ch;margin-top:var(--space-5);color:var(--muted);font-size:var(--text-sm);line-height:1.75}.welcome-action-row{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.welcome-action-row .button{gap:var(--space-4);min-height:var(--space-12)}.welcome-footnote{align-items:center;gap:var(--space-1);color:var(--subtle);font-size:var(--text-2xs);white-space:nowrap;display:inline-flex}.welcome-footnote svg{width:var(--icon-xs);height:var(--icon-xs)}.welcome-visual{min-width:0;min-height:var(--welcome-art-height);perspective:calc(var(--card-art-width) * 4);align-self:center;position:relative}.visual-orbit{border:var(--hairline) solid var(--line);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%}.orbit-one{width:var(--orbit-inner);height:var(--orbit-inner);transform:translate(-50%,-50%)rotate(-20deg)scaleX(1.25)}.orbit-two{width:var(--orbit-outer);height:var(--orbit-outer);opacity:.5;transform:translate(-50%,-50%)rotate(-20deg)scaleX(1.25)}.member-card{z-index:1;width:var(--card-art-width);height:var(--card-art-height);padding:var(--space-5) var(--space-6);border:var(--hairline) solid var(--card-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform var(--duration-enter) var(--ease-out);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.member-card-back{background:var(--card-back);color:var(--card-back-ink);border-color:#0000;transform:translate(-37%,-76%)rotate(13deg)}.member-card-front{z-index:2;background:linear-gradient(130deg, var(--card-gleam), transparent 62%), var(--card-face);transform:translate(-64%,-30%)rotate(-8deg)}.welcome-panel:hover .member-card-back{transform:translate(-34%,-79%)rotate(15deg)}.welcome-panel:hover .member-card-front{transform:translate(-67%,-28%)rotate(-10deg)}.member-card-top,.member-card-bottom{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-art);font-weight:600;line-height:var(--leading-body);letter-spacing:var(--tracking-label);display:flex;position:relative}.member-card-top>svg{width:var(--icon-lg);height:var(--icon-lg)}.member-card-back .member-card-top{font-size:var(--text-xs);letter-spacing:-.035em;font-weight:700;line-height:var(--leading-heading);align-items:flex-start}.member-wordmark{font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:-.05em;color:var(--ink);font-weight:700}.member-edition{color:var(--muted);text-align:right;font-size:var(--text-art)}.member-monogram{align-self:center;align-items:center;gap:var(--space-1);margin-top:calc(-1 * var(--space-3));font-family:var(--font-serif);font-size:var(--space-20);letter-spacing:-.07em;color:var(--ink);font-style:italic;line-height:.8;display:flex}.member-monogram>span{margin-top:var(--space-2);color:var(--accent);font-family:var(--font-sans);font-size:var(--text-xl);align-self:flex-start;font-style:normal}.member-card-front .member-card-bottom{color:var(--muted)}.member-card-back .member-card-bottom>span:last-child{font-size:var(--text-2xl);line-height:.5}.card-chip{width:var(--space-8);height:var(--space-6);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-xs);color:var(--accent);background:var(--welcome-sheen);place-items:center;display:grid}.card-chip svg{width:var(--icon-sm);height:var(--icon-sm)}.card-loop{width:var(--card-art-height);height:calc(var(--card-art-height) * 1.1);border:var(--space-5) solid currentColor;opacity:.1;right:calc(-1 * var(--space-3));top:calc(-1 * var(--space-5));border-radius:50%;position:absolute;transform:rotate(-30deg)scaleX(.65)}.memory-chip{z-index:3;right:calc(-1 * var(--space-1));bottom:calc(-1 * var(--space-1));align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:var(--hairline) solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-md);color:var(--ink);font-size:var(--text-2xs);display:flex;position:absolute}.memory-icon{width:var(--space-8);height:var(--space-8);background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items:center;display:grid}.memory-icon svg{width:var(--icon-sm);height:var(--icon-sm)}.memory-chip small{margin-top:var(--space-half);color:var(--subtle);font-size:var(--text-2xs);display:block}.memory-wave{align-items:center;gap:var(--space-half);height:var(--space-6);margin-left:var(--space-1);display:flex}.memory-wave i{width:var(--space-half);height:var(--space-2);border-radius:var(--radius-pill);background:var(--accent);display:block}.memory-wave i:nth-child(2n){height:var(--space-4)}.memory-wave i:nth-child(3){height:var(--space-6)}.visual-spark{z-index:1;color:var(--accent);line-height:1;position:absolute}.spark-one{top:var(--space-4);left:var(--space-1);font-size:var(--text-2xl)}.spark-two{bottom:var(--space-12);right:calc(-1 * var(--space-3));color:var(--tag-purple);font-size:var(--text-lg)}.welcome-bottomline{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--hairline) solid var(--line);color:var(--subtle);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);grid-column:1/-1;font-weight:500;display:flex}.welcome-bottomline>span{align-items:center;gap:var(--space-2);display:inline-flex}.welcome-bottomline>span>span{width:var(--space-1);height:var(--space-1);background:var(--accent);border-radius:50%}.welcome-bottomline svg{width:var(--icon-sm);height:var(--icon-sm)}.onboarding-grid{gap:var(--space-6);margin:var(--space-8) 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.onboarding-card{min-width:0;padding:var(--space-6);border:var(--hairline) solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);text-align:left;transition:transform var(--duration-fast) var(--ease-out);display:block;position:relative}.onboarding-card:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(calc(-1 * var(--space-half)))}.onboarding-card>svg,.onboarding-card .step-number{width:var(--space-8);height:var(--space-8);padding:var(--space-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--text-sm);flex-shrink:0;place-items:center;display:grid}.onboarding-card h3{margin-top:var(--space-half);color:var(--ink);font-size:var(--text-sm);font-weight:600}.onboarding-card p{max-width:34ch;margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-body)}.small-label,.section-label{color:var(--muted);font-size:var(--text-2xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:600;display:block}.storage-banner{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-top:var(--hairline) solid var(--line);color:var(--muted);font-size:var(--text-sm);display:flex}.storage-banner>svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.storage-banner>p{flex:1}.storage-banner .button{flex-shrink:0}.form-section+.form-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--hairline) solid var(--line)}.form-section .section-label{margin-bottom:var(--space-4)}.contact-list,.contact-grid.list-view{gap:var(--space-3);flex-direction:column;display:flex}.contact-list .contact-card,.contact-grid.list-view .contact-card{grid-template-columns:var(--avatar-md) 1fr 1fr;gap:var(--space-5);padding-block:var(--space-5);align-items:center;display:grid}.contact-list .contact-card-top,.contact-grid.list-view .contact-card-top{margin:0}.contact-list .contact-card-top .icon-button,.contact-grid.list-view .contact-card-top .icon-button{top:var(--space-5);right:var(--space-4);position:absolute}.contact-list .contact-note,.contact-grid.list-view .contact-note{min-height:0;margin:0}.contact-list .contact-meta,.contact-grid.list-view .contact-meta{grid-column:2/-1;margin-top:0}.mobile-nav,.mobile-brand{display:none}.skeleton{background:var(--surface-hover);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:var(--surface);opacity:0;animation:skeleton-pulse 1.5s var(--ease-standard) infinite;position:absolute;inset:0}.skeleton-line{height:var(--space-4);margin-top:var(--space-3)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.full-width{width:100%}.skip-link{top:var(--space-3);left:var(--space-3);z-index:300;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--ink);color:var(--surface);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.brand-period{margin-left:calc(-1 * var(--space-3));color:var(--accent)}.collection-label{justify-content:space-between;align-items:center;display:flex}.collection-label>span{color:var(--sidebar-muted);font-size:var(--text-2xs)}.collection-nav{min-height:var(--control-height);font-size:var(--text-sm)}.collection-dot{width:var(--space-2);height:var(--space-2);margin:0 var(--space-1);background:var(--accent);border-radius:50%}.dot-1{background:var(--tag-purple)}.dot-2{background:var(--tag-peach)}.dot-3{background:var(--tag-blue)}.collection-count{color:var(--sidebar-muted);font-size:var(--text-xs);margin-left:auto}.plan-card .small-label{align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-2xs);letter-spacing:.06em;display:flex}.plan-card h3{margin-top:var(--space-4);font-family:var(--font-serif);font-size:var(--text-xl);font-weight:400;line-height:var(--leading-heading);letter-spacing:var(--tracking-normal)}.plan-card>button{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--control-height);width:100%;margin-top:var(--space-3);padding:var(--space-2) 0 0;border:0;border-top:var(--hairline) solid var(--sidebar-line);color:var(--accent);text-align:left;font-size:var(--text-xs);background:0 0;display:flex}.plan-card>button:hover{color:var(--ink)}.user-chip>span:not(.user-avatar){color:var(--sidebar-text);font-size:var(--text-sm)}.user-chip small{color:var(--sidebar-muted);font-size:var(--text-2xs);display:block}.private-label{align-items:center;gap:var(--space-2);margin-right:var(--space-3);color:var(--muted);font-size:var(--text-xs);display:flex}.private-label svg{color:var(--success)}.breadcrumb-slash{color:var(--line-strong)}.topbar-avatar{width:var(--control-height);height:var(--control-height);border:var(--hairline) solid var(--line);background:var(--avatar-lavender);color:var(--avatar-ink);font-size:var(--text-sm);border-radius:50%;place-items:center;font-weight:700;display:grid}.notification-button i{top:var(--space-2);right:var(--space-3);width:var(--space-1);height:var(--space-1);background:var(--accent-ink);border-radius:50%;position:absolute}.stat-top{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);display:flex}.stat-top .stat-icon{width:var(--space-8);height:var(--space-8);background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent)}.stat-card:nth-child(2) .stat-top .stat-icon,.stat-card:nth-child(3) .stat-top .stat-icon{background:var(--tag-purple-bg);color:var(--tag-purple)}.stat-card:nth-child(3) .stat-top .stat-icon{background:var(--tag-peach-bg);color:var(--tag-peach)}.stat-card>strong{margin-top:var(--space-1);font-family:var(--font-sans);font-size:var(--text-3xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;font-weight:500;display:block}.stat-note{margin-top:var(--space-2);color:var(--subtle);font-size:var(--text-2xs);display:block}button.stat-card:hover{background:var(--surface-hover);border-color:var(--line-strong)}.count-pill{min-width:var(--space-6);height:var(--space-6);margin-left:var(--space-3);padding:0 var(--space-2);border:var(--hairline) solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:0;vertical-align:middle;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.toolbar .search-field{flex:1;max-width:none}.search-field kbd{padding:var(--space-half) var(--space-1);border:var(--hairline) solid var(--line);border-radius:var(--radius-xs);color:var(--subtle);font-family:var(--font-sans);font-size:var(--text-2xs);white-space:nowrap}.search-field>.icon-button{margin-right:calc(-1 * var(--space-3))}.sort-control{color:var(--muted);font-size:var(--text-sm);flex-shrink:0;align-items:center;display:flex;position:relative}.sort-control select{min-height:var(--control-height);appearance:none;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-soft);font-size:var(--text-sm);cursor:pointer}.sort-control>svg{right:var(--space-3);pointer-events:none;position:absolute}.main-content>.filter-tabs{gap:var(--space-2);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-6);display:flex}.contact-open{width:100%;min-height:var(--control-height);border-radius:var(--radius-xs);text-align:left;background:0 0;border:0;padding:0;display:block}.contact-open .contact-note{-webkit-line-clamp:2;min-height:var(--space-16);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.contact-open .contact-meta{font-size:var(--text-2xs)}.contact-open .contact-meta span:first-child{white-space:nowrap;text-overflow:ellipsis;max-width:65%;overflow:hidden}.favorite-button.is-favorite{color:var(--accent-ink)}.muted-note{font-style:italic}.tag-0{background:var(--success-soft);color:var(--success)}.tag-1{background:var(--accent-soft);color:var(--accent-ink)}.tag-2{background:var(--tag-blue-bg);color:var(--tag-blue)}.tag-3{background:var(--tag-purple-bg);color:var(--tag-purple)}.tag-due{background:var(--accent-soft);color:var(--accent-ink)}.tag svg{width:var(--icon-xs);height:var(--icon-xs)}.followup-done{margin-top:var(--space-2);color:var(--success);justify-content:flex-start;padding-inline:0}.contact-grid.list-view .contact-card{grid-template-columns:var(--avatar-sm) minmax(0, 1fr);gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4)}.contact-grid.list-view{gap:var(--space-2)}.contact-grid.list-view .avatar{width:var(--avatar-sm);height:var(--avatar-sm);font-size:var(--text-sm)}.contact-grid.list-view .contact-open{gap:var(--space-1) var(--space-5);padding-right:calc(var(--control-height) + var(--space-2));grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.contact-grid.list-view .contact-name{padding-right:0}.contact-grid.list-view .contact-name,.contact-grid.list-view .contact-role{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-grid.list-view .contact-role{grid-column:1;margin:0}.contact-grid.list-view .tag-list{gap:var(--space-1);grid-column:1;margin-top:0}.contact-grid.list-view .contact-note{background:0 0;grid-area:1/2/3;align-self:start;margin:0;padding:0}.contact-grid.list-view .contact-meta{border:0;flex-flow:row;grid-area:3/2;margin:0;padding:0}.contact-grid.list-view .contact-meta span:last-child{flex-shrink:0;margin-left:auto}.contact-grid.list-view .contact-card-top{align-self:center}.contact-grid.list-view .contact-card-top .icon-button{top:var(--space-3);right:var(--space-3);margin:0}.contact-grid.list-view .followup-done{grid-column:2;margin-top:0}.onboarding-top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.onboarding-top>span:first-child{width:var(--space-10);height:var(--space-10);border:var(--hairline) solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);place-items:center;display:grid}.onboarding-card:nth-child(2) .onboarding-top>span:first-child{color:var(--tag-purple);background:var(--tag-purple-bg);border-color:var(--line)}.onboarding-card:nth-child(3) .onboarding-top>span:first-child{color:var(--tag-peach);background:var(--tag-peach-bg);border-color:var(--line)}.onboarding-card .onboarding-arrow{right:var(--space-5);top:var(--space-6);width:var(--icon-sm);height:var(--icon-sm);color:var(--subtle);background:0 0;border:0;padding:0;position:absolute}.onboarding-top .step-number{width:auto;height:auto;color:var(--subtle);font-family:var(--font-mono);font-size:var(--text-2xs);background:0 0;border:0;padding:0}.page-footer{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-5);border-top:var(--hairline) solid var(--line);color:var(--subtle);font-size:var(--text-2xs);flex-wrap:wrap;display:flex}.page-footer>span,.page-footer>button{align-items:center;gap:var(--space-2);display:inline-flex}.page-footer>button{min-height:var(--control-height);padding:var(--space-2) 0;color:var(--muted);font-size:var(--text-2xs);background:0 0;border:0}.page-footer>button:hover{color:var(--ink)}.demo-toggle{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-1);border-radius:var(--radius-xs);color:var(--muted);font-size:var(--text-xs);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex-shrink:0;font-weight:600;display:inline-flex}.demo-toggle:hover{color:var(--ink)}.demo-toggle-pill{width:var(--space-12);height:var(--space-6);border-radius:var(--radius-pill);background:var(--surface-hover);box-shadow:inset 0 0 0 var(--hairline) var(--line-strong);color:var(--muted);transition:background var(--duration-fast) var(--ease-out);position:relative}.demo-toggle-state{inset:0 var(--space-1) 0 var(--space-5);font-size:var(--text-2xs);place-items:center;line-height:1;display:grid;position:absolute}.demo-toggle-thumb{top:var(--space-1);left:var(--space-1);width:var(--space-4);height:var(--space-4);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute}.demo-toggle[aria-checked=true] .demo-toggle-pill{background:var(--accent);color:var(--accent-fg)}.demo-toggle[aria-checked=true] .demo-toggle-state{inset-inline:var(--space-1) var(--space-5)}.demo-toggle[aria-checked=true] .demo-toggle-thumb{left:auto;right:var(--space-1)}.demo-toggle:hover .demo-toggle-pill{box-shadow:inset 0 0 0 var(--hairline) var(--muted)}.demo-toggle:active .demo-toggle-pill{opacity:.75}.status-dot{width:var(--space-1);height:var(--space-1);background:var(--success);border-radius:50%;display:inline-block}.collection-card{position:relative}.collection-card-icon{width:var(--space-12);height:var(--space-12);margin-bottom:var(--space-5);border-radius:var(--radius-md);color:var(--avatar-ink);place-items:center;display:grid}.collection-card>span:not(.collection-card-icon){margin-top:var(--space-2);color:var(--muted);font-size:var(--text-sm)}.collection-card>svg:last-child{top:var(--space-6);right:var(--space-6);width:var(--icon-md);height:var(--icon-md);color:var(--subtle);position:absolute}.empty-icon{width:var(--space-14);height:var(--space-14);background:var(--surface-hover);color:var(--muted);border-radius:50%;place-items:center;display:grid}.modal>form{flex-direction:column;min-height:0;display:flex;overflow:hidden}.modal .step-label{margin-top:var(--space-5)}.modal .divider+.step-label{margin-top:0}.modal .capture-actions+.helper-text,.modal .capture-actions+.field,.modal .helper-text+details{margin-top:var(--space-3)}.modal label.field{color:var(--ink-soft);font-size:var(--text-sm);font-weight:500}.modal label.field>.helper-text{font-weight:400;font-size:var(--text-2xs);margin-top:calc(-1 * var(--space-2))}.modal label.field>.input,.modal label.field>.textarea{font-weight:400}.modal details summary{min-height:var(--control-height);color:var(--muted);font-size:var(--text-sm);cursor:pointer;align-items:center;display:flex}.modal details summary:before{content:"+";padding-right:var(--space-2)}.modal details[open] summary:before{content:"−"}.modal .status-message>svg{vertical-align:text-bottom;margin-right:var(--space-2);display:inline}.detail-hero .avatar{margin-bottom:var(--space-3)}.detail-row>svg:last-child:not(:first-child){margin-left:auto}.detail-note{padding:var(--space-4);background:var(--canvas);border-radius:var(--radius-sm)}.detail-section>.button{margin-top:var(--space-4)}.detail-section>.helper-text{margin-top:var(--space-2)}.help-content .onboarding-card{margin-bottom:var(--space-6)}.help-content .onboarding-card p{max-width:none}.premium-features{gap:var(--space-4);margin:var(--space-6) 0;display:grid}.premium-features p{align-items:center;gap:var(--space-3);color:var(--ink-soft);display:flex}.premium-features svg{color:var(--success)}.spin{animation:spin var(--duration-spin) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(var(--space-3)) scale(.98)}to{opacity:1;transform:none}}@keyframes skeleton-pulse{50%{opacity:.65}}@media (min-width:1600px){.main-content{padding-top:var(--space-14)}.contact-card{padding:var(--space-7)}}@media (max-width:1280px){.topbar{padding-inline:var(--space-8)}.main-content{padding:var(--space-8)}.contact-grid{gap:var(--space-4)}.contact-card,.stat-card{padding:var(--space-5)}.stat-detail,.stat-trend{display:none}.toolbar{gap:var(--space-3)}.search-field{max-width:var(--search-width-compact)}.filter-tab{padding-inline:var(--space-3)}}@media (max-width:1100px){.welcome-panel{padding:var(--space-6);column-gap:var(--space-2);grid-template-columns:1.2fr 1fr}.welcome-visual{transform-origin:50%;transform:scale(.82)}.welcome-copy h2{font-size:var(--text-3xl)}.welcome-action-row{gap:var(--space-3)}.onboarding-grid{gap:var(--space-4)}.onboarding-card{flex-direction:column}.contact-grid,.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.heading-actions{align-items:stretch;gap:var(--space-2);flex-direction:column}.toolbar .search-field{flex:100%;max-width:none}.toolbar .filter-tabs{margin-right:auto}.contact-grid.list .contact-card{grid-template-columns:var(--avatar-md) 1fr 1fr}.contact-grid.list .contact-note{grid-column:2/-1}.capture-prompt,.capture-prompt-copy{align-items:flex-start}}@media (max-width:900px){:root{--sidebar-width:208px}.sidebar{padding-inline:var(--space-3)}.brand{font-size:var(--text-xl)}.topbar{padding-inline:var(--space-6)}.main-content{padding:var(--space-8) var(--space-6)}.stats-grid{gap:var(--space-3)}.stat-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.stat-icon{width:var(--space-8);height:var(--space-8)}.contact-meta{flex-direction:column;align-items:flex-start}.contact-meta span:last-child{margin-left:0}.capture-prompt{gap:var(--space-4);flex-direction:column}.capture-prompt>.button{margin-left:var(--space-16)}.welcome-panel{padding:var(--space-8);grid-template-columns:1fr}.welcome-copy h2{font-size:var(--text-display);max-width:none}.welcome-visual{width:100%;max-width:calc(var(--card-art-width) + var(--space-20));min-height:var(--welcome-art-height-mobile);margin-inline:auto;transform:none}.welcome-action-row{flex-wrap:nowrap}}@media (max-width:760px){:root{--sidebar-width:0px;--topbar-height:64px}body{padding-bottom:0}.sidebar{display:none}.main-shell{margin-left:0}.topbar{min-height:var(--topbar-height);padding:var(--space-2) var(--space-5)}.breadcrumb{font-size:var(--text-sm);gap:var(--space-2)}.breadcrumb>span:first-child,.topbar-label,.topbar-divider,.private-label{display:none}.topbar-actions{gap:var(--space-1)}.mobile-brand{align-items:center;gap:var(--space-2);font-family:var(--font-sans);letter-spacing:var(--tracking-tight);font-weight:700;font-size:var(--text-xl);display:flex}.mobile-brand .brand-mark{color:var(--ink);border-color:var(--line-strong)}.main-content{padding:var(--space-8) var(--space-5)}.page-heading{margin-bottom:var(--space-6);gap:var(--space-4)}.heading-actions{padding-top:var(--space-1)}.heading-actions .button.secondary{display:none}.heading-actions .button{padding-inline:var(--space-4)}.heading-copy>p:not(.eyebrow){font-size:var(--text-sm);max-width:35ch}.eyebrow{font-size:var(--text-2xs);margin-bottom:var(--space-2)}.stats-grid{margin-bottom:var(--space-8)}.stat-card{min-height:auto;padding:var(--space-4);flex-direction:row;align-items:center}.stat-icon{display:none}.stat-value{font-size:var(--text-xl)}.stat-label,.stat-top{font-size:var(--text-2xs)}.stat-card>strong{margin-top:var(--space-2);font-size:var(--text-2xl)}.stat-note{font-size:var(--text-2xs)}.toolbar{margin-bottom:var(--space-5)}.filter-tab{padding-inline:var(--space-3)}.contact-card{padding:var(--space-5)}.mobile-nav{z-index:30;justify-content:space-around;gap:var(--space-1);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));border-top:var(--hairline) solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);display:flex;position:fixed;inset:auto 0 0}.mobile-nav button,.mobile-nav a{min-width:var(--control-height);min-height:var(--space-14);justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-2xs);line-height:var(--leading-heading);background:0 0;border:0;flex-direction:column;flex:1;display:flex}.mobile-nav svg{width:var(--icon-md);height:var(--icon-md)}.mobile-nav .active{color:var(--accent);background:var(--accent-soft);font-weight:600}.mobile-nav .capture-nav{color:var(--accent-fg);background:var(--accent)}.modal-backdrop{padding:var(--space-4)}.modal{max-height:calc(100dvh - var(--space-8));border-radius:var(--radius-lg)}.modal-header,.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);flex-wrap:wrap}.toast{left:50%;bottom:var(--bottom-nav-clearance)}.followup-card{padding:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.followup-card .followup-copy{min-width:55%}.followup-card>.button{margin-left:auto}.pro-card{padding:var(--space-6)}.welcome-panel{padding:var(--space-6);grid-template-columns:1.1fr 1fr}.welcome-copy h2{font-size:var(--text-3xl)}.welcome-visual{transform:scale(.8)}.welcome-action-row{flex-wrap:wrap}.onboarding-card{flex-direction:row}.onboarding-grid{gap:var(--space-4)}.storage-banner{align-items:flex-start}.storage-banner>svg{margin-top:var(--space-1)}}@media (min-width:481px) and (max-width:660px){.welcome-panel{grid-template-columns:1fr}.welcome-visual{transform:none}.onboarding-grid{grid-template-columns:1fr}}@media (max-width:480px){.welcome-panel{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.welcome-copy{align-self:stretch}.welcome-copy h2{max-width:none;font-size:var(--text-3xl)}.welcome-copy>p:not(.welcome-kicker) br{display:none}.welcome-kicker{max-width:32ch;font-size:var(--text-2xs);margin-bottom:var(--space-4)}.welcome-visual{min-height:var(--welcome-art-height-mobile);transform-origin:50%;align-self:stretch;margin-top:0;transform:scale(.86)}.welcome-action-row{justify-content:center;gap:var(--space-3);margin-top:var(--space-5)}.welcome-action-row .button{width:100%}.welcome-footnote{font-size:var(--text-2xs)}.welcome-bottomline{font-size:var(--text-art);gap:var(--space-2);margin-top:calc(-1 * var(--space-2))}.welcome-bottomline>span{gap:var(--space-1)}.onboarding-grid{gap:var(--space-5);margin-block:var(--space-6);grid-template-columns:1fr}.onboarding-card{gap:var(--space-4)}.onboarding-card p{max-width:36ch;margin-top:var(--space-1)}.storage-banner{gap:var(--space-2);flex-wrap:wrap}.storage-banner p{flex-basis:85%}.storage-banner .button{margin-left:var(--space-6)}.main-content,.topbar{padding-inline:var(--space-4)}.page-heading{flex-wrap:wrap}.heading-actions{flex-direction:row;width:100%;padding:0}.heading-actions .button{flex:1}.heading-actions .button.secondary{display:inline-flex}.heading-copy>p:not(.eyebrow){max-width:none}.stats-grid{gap:var(--space-2)}.stat-card{padding:var(--space-3)}.toolbar{gap:var(--space-2)}.filter-tabs{gap:0}.main-content>.filter-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:0;overflow-x:auto}.main-content>.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding-inline:var(--space-3)}.view-toggle{display:none}.contact-grid,.collection-grid{grid-template-columns:1fr}.contact-card{padding:var(--space-6)}.contact-card-top{margin-bottom:var(--space-4)}.contact-note{min-height:auto}.contact-meta{flex-direction:row}.contact-meta span:last-child{margin-left:auto}.contact-grid.list .contact-card{align-items:stretch;gap:0;display:flex}.contact-grid.list .contact-card-top{margin-bottom:var(--space-4)}.contact-grid.list .tag-list{margin-top:var(--space-4)}.contact-grid.list .contact-note{margin-top:var(--space-5)}.contact-grid.list .contact-meta{margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--hairline) solid var(--line)}.capture-prompt{padding:var(--space-5)}.capture-prompt-copy{gap:var(--space-3)}.capture-prompt-icon{width:var(--space-10);height:var(--space-10);flex-shrink:0}.capture-prompt>.button{width:100%;margin-left:0}.modal-backdrop{padding:var(--space-2)}.modal{max-height:calc(100dvh - var(--space-4))}.modal-header h2{font-size:var(--text-xl)}.field-grid{grid-template-columns:1fr}.modal-footer .helper-text{max-width:none;margin-bottom:var(--space-2);flex-basis:100%}.capture-dropzone{min-height:var(--capture-height-mobile);padding:var(--space-6)}.capture-actions .button{flex:1}.detail-hero{gap:var(--space-4)}.detail-hero .avatar{width:var(--space-16);height:var(--space-16)}.detail-hero h2{font-size:var(--text-xl)}.toast{max-width:calc(100vw - var(--space-6));font-size:var(--text-sm)}.stat-note{display:none}.section-heading{align-items:flex-start}.section-heading>span{display:none}.toolbar .search-field{flex-basis:100%}.toolbar .sort-control{margin-left:auto}.sort-control select{min-height:var(--control-height)}.page-footer{justify-content:center;gap:var(--space-1);text-align:center}.page-footer>button{margin-inline:auto}}@media (max-width:760px){.contact-grid.list-view .contact-open{grid-template-columns:minmax(0,1fr);padding-right:0}.contact-grid.list-view .contact-name,.contact-grid.list-view .contact-role{padding-right:calc(var(--control-height) + var(--space-2))}.contact-grid.list-view .contact-note,.contact-grid.list-view .contact-meta{grid-area:auto/1}.contact-grid.list-view .contact-note{-webkit-line-clamp:1}.contact-grid.list-view .contact-card-top{align-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.contact-card:hover,.collection-card:hover,.onboarding-card:hover,.button:active,.icon-button:active{transform:none}.welcome-panel:hover .member-card-back{transform:translate(-37%,-76%)rotate(13deg)}.welcome-panel:hover .member-card-front{transform:translate(-64%,-30%)rotate(-8deg)}.modal{animation:none}.skeleton:after{opacity:0;animation:none}}.topbar-identity{align-items:center;gap:var(--space-6);min-width:0;display:flex}.header-brand{font-size:var(--text-2xl);padding:0}.header-brand .brand-period{margin-left:0}.current-section{padding-left:var(--space-6);border-left:var(--hairline) solid var(--line-strong);color:var(--muted);font-size:var(--text-sm)}.header-plus{color:var(--accent)}@media (max-width:760px){.current-section{display:none}.topbar-identity{gap:var(--space-2)}.header-brand{font-size:var(--text-xl);gap:var(--space-2)}.header-plus{min-width:var(--control-height);padding:var(--space-3)}.header-plus>span{display:none}}@media (max-width:560px){.topbar .notification-button{display:none}}@media (max-width:480px){.topbar{gap:var(--space-2);padding-inline:var(--space-3)}.header-brand{min-width:var(--control-height);justify-content:center}.header-brand>span:not(.brand-mark){display:none}}.topbar{background:var(--surface-raised)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}