@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-italic-xAqemagA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-italic-DFS986qL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-italic-Bxi8ein9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"DM Sans Variable", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Newsreader Variable", Georgia, serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:4px;--radius-control:8px;--radius-panel:12px;--duration-quick:.12s;--duration-ui:.2s;--duration-scene:.8s;--ease-out:cubic-bezier(.22,1,.36,1);--ease-move:cubic-bezier(.65,0,.35,1);--bg-page:#fdfcfa;--bg-surface:#fff;--bg-inset:#fff;--bg-subtle:#f3f1ee;--bg-hover:#e8eff5;--text-primary:#3c3430;--text-secondary:#625950;--text-muted:#62584f;--border:#e6dfd8;--border-strong:#a99a8e;--accent:#3d5b73;--accent-hover:#304e64;--on-accent:#fff;--accent-soft:#e5eff7;--highlight:#eebfc9;--highlight-ink:#a34e68;--focus:#3d5b73;--positive:#3d5b73;--positive-soft:#e5eff7;--danger:#963642;--danger-soft:#f3f1ee;--warning:#78501c;--warning-soft:#fbefdb;--chart-1:#648aa7;--chart-2:#ba7f8e;--chart-3:#9a7961;--pastel-blue:#b9d8ed;--pastel-pink:#eebfc9;--porcelain:#fdfcfa;--walnut:#76513d;--hero-bg:#f6f1eb;--hero-ink:#46372f;--expression:var(--highlight);--expression-blue:var(--pastel-blue);--wash-blue:#aed2ec;--wash-sky:#c9e1f0;--wash-cream:#f6e7d6;--ambient-blue:#b4d6ee;--ambient-rose:#ebc2d0;--ambient-ivory:#f2e9d9;--ambient-sky:#c9e1ef;--ambient-veil:32%;--bg-panel:color-mix(in srgb, var(--bg-surface) 60%, transparent);--bg-panel-dense:color-mix(in srgb, var(--bg-surface) 82%, transparent);--bg-toolbar:color-mix(in srgb, var(--bg-page) 92%, transparent);--border-panel:color-mix(in srgb, var(--border) 65%, transparent);--shadow-panel:0 2px 3px #49342804, 0 14px 40px -30px #49342829;--shadow-overlay:0 20px 80px #30251e33}:root[data-direction=daylight]{--ambient-blue:#abd0ec;--ambient-rose:#eed3de;--ambient-ivory:#f8f2e6;--ambient-sky:#bbdcf1;--bg-page:#fefdfb;--bg-subtle:#edf3f7;--bg-hover:#e4edf5;--accent-soft:#e4f0f9;--border:#dce5eb;--hero-bg:#f5f8fa;--wash-blue:#a7cde8;--wash-sky:#d4e9f6;--wash-cream:#fbf1e6}:root[data-direction=rosewater]{--ambient-blue:#b9d6e9;--ambient-rose:#eac1cd;--ambient-ivory:#f4eadb;--ambient-sky:#d4e4ee;--bg-page:#fffdfa;--bg-subtle:#f3f1ee;--bg-hover:#e8eff5;--highlight:#e5acbb;--highlight-ink:#91596b;--border:#e6dfd8;--chart-1:#648aa7;--chart-2:#a36c7d;--hero-bg:#faf8f3;--wash-blue:#bed7e8;--wash-sky:#cce0ed;--wash-cream:#f2e9d9}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ambient-blue:#3b536c;--ambient-rose:#574758;--ambient-ivory:#514e46;--ambient-sky:#42596e;--bg-page:#30353f;--bg-surface:#3e4857;--bg-subtle:#343d4b;--bg-hover:#475466;--text-primary:#fffaf4;--text-secondary:#e5e9ef;--text-muted:#c4cdd8;--border:#6c7b90;--border-strong:#9baabd;--accent:#c5e2f4;--accent-hover:#e5f0f8;--on-accent:#293b4b;--accent-soft:#354b5e;--highlight:#e4b7c6;--highlight-ink:#f9d7e2;--focus:#c5e2f4;--positive:#c5e2f4;--positive-soft:#354b5e;--danger:#ffd2d6;--danger-soft:#343d4b;--warning:#f6dfb9;--warning-soft:#4b4133;--chart-1:#c5dfef;--chart-2:#edbecd;--chart-3:#e1c7aa;--pastel-blue:#8fb4ce;--pastel-pink:#dca5b6;--porcelain:#fdfcfa;--walnut:#d7b89b;--hero-bg:#343d49;--hero-ink:#fffaf4;--wash-blue:#4d6e87;--wash-sky:#6b8290;--wash-cream:#715646;--bg-inset:#252e3c;--bg-panel:color-mix(in srgb, var(--bg-surface) 88%, transparent);--bg-panel-dense:color-mix(in srgb, var(--bg-inset) 94%, transparent);--border-panel:var(--border);--shadow-panel:0 2px 8px #171e2926;--shadow-overlay:0 20px 80px #171e2973}:root[data-direction=daylight][data-theme=dark]{--ambient-blue:#38546f;--ambient-rose:#514859;--ambient-ivory:#4e4f49;--ambient-sky:#405b73;--bg-page:#2e3642;--bg-surface:#3c495b;--bg-subtle:#323e50;--bg-hover:#455569;--border:#6a7d96;--hero-bg:#323e50;--wash-blue:#537a96;--wash-sky:#718b9c;--wash-cream:#67605b}:root[data-direction=rosewater][data-theme=dark]{--ambient-blue:#40546a;--ambient-rose:#5b4856;--ambient-ivory:#554f45;--ambient-sky:#48596a;--highlight:#ecc0ce;--highlight-ink:#f9d7e2;--chart-1:#b9d8ed;--chart-2:#ecc0ce;--hero-bg:#3c3b45;--wash-blue:#586d83;--wash-sky:#70818c;--wash-cream:#7a5846}@media (prefers-reduced-motion:reduce){:root{--duration-quick:0s;--duration-ui:0s;--duration-scene:0s}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-page);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button,a{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--focus);outline-offset:4px}input:focus-visible,select:focus-visible{outline-offset:2px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.ui-button{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--bg-surface);min-height:44px;transition:transform var(--duration-quick) var(--ease-out), background var(--duration-quick), box-shadow var(--duration-quick);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.ui-button:hover:not(:disabled){background:var(--bg-hover)}.ui-button:active:not(:disabled){transform:scale(.97)}.ui-button--primary{color:var(--on-accent);background:var(--accent);border-color:#0000}.ui-button--primary:hover:not(:disabled){background:var(--accent-hover)}.ui-button--quiet{background:0 0;border-color:#0000}.ui-button--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.ui-button--icon{width:44px;padding:0}.ui-badge{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:inline-flex}.ui-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.ui-badge--positive{color:var(--positive)}.ui-badge--warning{color:var(--warning)}.ui-badge--danger{color:var(--danger)}.ui-field{gap:.5rem;display:grid}.ui-field>label{font-size:.875rem;font-weight:600}.ui-field input,.ui-select{border:1px solid var(--border-strong);border-radius:var(--radius-control);width:100%;min-height:46px;color:var(--text-primary);background:var(--bg-inset);padding:.625rem .875rem;font-size:1rem}.ui-field input[aria-invalid=true]{border-color:var(--danger)}.ui-field-message{min-height:1.4rem;color:var(--text-secondary);font-size:.8125rem}.is-error{color:var(--danger)}.ui-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;min-height:56px;display:flex;position:relative}.ui-toggle-row strong{font-size:.875rem;font-weight:500}.ui-toggle-row small{color:var(--text-secondary);margin-top:3px;font-size:.8125rem;display:block}.ui-toggle-row input{opacity:0;width:44px;height:44px;margin:0;position:absolute;right:0}.ui-toggle-track{background:var(--border-strong);height:24px;transition:background var(--duration-ui);border-radius:20px;flex:0 0 40px;padding:3px}.ui-toggle-track>span{background:var(--bg-surface);width:18px;height:18px;transition:transform var(--duration-ui) var(--ease-out);border-radius:50%;display:block;box-shadow:0 1px 3px #0003}.ui-toggle-row input:checked+.ui-toggle-track{background:var(--accent)}.ui-toggle-row input:checked+.ui-toggle-track>span{background:var(--on-accent);transform:translate(16px)}.ui-toggle-row input:focus-visible+.ui-toggle-track{outline:2px solid var(--focus);outline-offset:4px}.ui-segmented{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-control);align-items:center;gap:2px;max-width:100%;padding:4px;display:inline-flex}.ui-segmented button{border-radius:calc(var(--radius-control) - 4px);white-space:nowrap;min-height:36px;color:var(--text-secondary);transition:background var(--duration-ui), color var(--duration-ui);background:0 0;border:0;padding:.4rem .8rem;font-size:.8125rem}.ui-segmented button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #00000012}.ui-notice{border:1px solid var(--border);background:var(--bg-subtle);border-radius:var(--radius-control);padding:1rem 1.25rem;font-size:.875rem}.ui-notice>div{color:var(--text-secondary);margin-top:.25rem}.ui-notice--danger{color:var(--danger);background:var(--danger-soft);border-color:#0000}.ui-notice--positive{color:var(--positive);background:var(--positive-soft);border-color:#0000}.ui-modal{border:1px solid var(--border);border-radius:var(--radius-panel);width:100%;max-width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text-primary);background:var(--bg-surface);box-shadow:var(--shadow-overlay);padding:0;overflow-y:auto}.ui-modal[open]{animation:dialog-in var(--duration-ui) var(--ease-out)}.ui-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111a165c}.ui-modal>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.ui-modal h2{letter-spacing:-.03em;font-size:1.125rem}.ui-modal-body{padding:1.5rem}.ui-modal>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.ui-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.tabular{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.ui-segmented button{min-height:44px}}@media (width<=600px){.ui-modal{border-bottom:none;border-radius:20px 20px 0 0;max-width:100%;max-height:calc(100dvh - 20px);margin:auto 0 0}.ui-modal>footer{padding-bottom:max(1rem, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.site-header{border-bottom:1px solid var(--border);background:var(--bg-page);z-index:20;justify-content:space-between;align-items:center;height:76px;padding:0 2rem;display:flex;position:sticky;top:0}.header-identity,.header-tools,.wordmark{align-items:center;display:flex}.header-caption{color:var(--text-secondary);font-size:.75rem}.wordmark{letter-spacing:-.02em;gap:.75rem;font-size:1.125rem;font-weight:600;text-decoration:none}.draft-tag{letter-spacing:0;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;margin-left:.5rem;padding:2px 6px;font-size:.75rem;font-weight:500}.theme-picker{border-left:1px solid var(--border);align-items:center;gap:.5rem;padding-left:1rem;font-size:.8125rem;display:flex}.theme-picker select{color:var(--text-primary);background:var(--bg-page);border:0;min-height:44px;padding-right:.25rem;font-size:.8125rem}.mobile-menu-button{display:none}.site-layout{transition:grid-template-columns var(--duration-ui) var(--ease-out);grid-template-columns:210px minmax(0,1fr);display:grid}.site-layout.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.site-sidebar{border-right:1px solid var(--border);flex-direction:column;height:calc(100dvh - 76px);padding:1.75rem 1rem 1.5rem;display:flex;position:sticky;top:76px;overflow:hidden}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding-left:.875rem;display:flex}.eyebrow{letter-spacing:.035em;color:var(--text-secondary);font-size:.75rem;font-weight:600;line-height:1.5}.site-sidebar nav{gap:.375rem;display:grid}.site-sidebar nav a{border-radius:var(--radius-control);white-space:nowrap;color:var(--text-secondary);align-items:center;gap:1rem;min-height:44px;padding:.75rem .875rem;font-size:.8125rem;text-decoration:none;display:flex}.site-sidebar nav a:hover{background:var(--bg-subtle);color:var(--text-primary)}.site-sidebar nav a>span:first-child{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.75rem}.sidebar-bottom{color:var(--text-secondary);white-space:nowrap;align-items:baseline;gap:.5rem;margin-top:auto;padding:.875rem;font-size:.75rem;display:flex}.sidebar-bottom small{color:var(--text-muted);margin-top:.4rem;font-size:.75rem;display:block}.live-dot{background:var(--positive);border-radius:100%;flex-shrink:0;width:5px;height:5px;display:inline-block}.sidebar-collapsed .sidebar-top{padding:0}.sidebar-collapsed .sidebar-top>.eyebrow,.sidebar-collapsed .site-sidebar nav a>span:last-child,.sidebar-collapsed .sidebar-bottom{display:none}.sidebar-collapsed .site-sidebar nav a{justify-content:center;padding:.75rem 0}main{min-width:0}.hero-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-link{pointer-events:auto;border-bottom:1px solid;align-items:center;gap:1.5rem;min-height:44px;margin-top:2rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-link svg{transition:transform var(--duration-ui) var(--ease-out)}.hero-link:hover svg{transform:translate(3px,-3px)}.hero-grain{opacity:.1;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-footer>span>span{opacity:.4;margin:0 .5rem}.hero-footer button{background:0 0;border:0;align-items:center;gap:.5rem;min-height:44px;padding:0 .5rem;font-size:.75rem;display:flex}.hero-scroll{border:1px solid color-mix(in srgb,var(--hero-ink) 25%,transparent);border-radius:50%;place-items:center;width:40px;height:40px;text-decoration:none;display:grid;position:absolute;bottom:18px;left:calc(50% - 20px)}.is-paused *,.is-paused :before,.is-paused :after{animation-play-state:paused!important}.content-wrap{max-width:1392px;margin:0 auto;padding:0 clamp(24px,4.5vw,80px)}.intro-strip{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 0;display:flex}.intro-strip p:first-child{flex:1;font-size:.9375rem;line-height:1.8}.intro-strip p:first-child strong{font-weight:500}.intro-strip p:nth-child(2){color:var(--text-secondary);flex:1;max-width:320px;font-size:.8125rem;line-height:1.8}.intro-index{letter-spacing:.08em;color:var(--text-muted);text-align:right;font-size:.75rem;line-height:2}.content-wrap>section{padding-top:4rem}.section-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.section-heading .eyebrow{margin-bottom:.75rem}.section-heading .eyebrow span{color:var(--text-muted);margin-right:.5rem}.section-heading h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.75rem,2.7vw,2.75rem);font-weight:500;line-height:1.12}.section-heading p{color:var(--text-secondary);max-width:580px;margin-top:.875rem;font-size:.875rem;line-height:1.7}.section-heading>.ui-button,.section-heading>.ui-badge{flex-shrink:0;margin-bottom:.15rem}.direction-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.direction-card{text-align:left;border-radius:calc(var(--radius-panel) + 4px);background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--duration-ui), transform var(--duration-ui) var(--ease-out);min-width:0;padding:8px 8px 1rem}.direction-card:hover{transform:translateY(-3px)}.direction-art{border-radius:var(--radius-panel);color:#46372f;background:#e9f1f6;height:170px;position:relative;overflow:hidden}.direction-art>strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:4rem;font-weight:400;position:absolute;top:20px;left:22px}.direction-art-sun{border:3px solid var(--highlight);background:0 0;border-radius:50%;width:108px;height:108px;position:absolute;bottom:20px;right:-15px}.direction-art-line{border:1px solid #76513d25;border-radius:50%;width:250px;height:250px;position:absolute;top:-20px;left:35%}.direction-swatches{display:flex;position:absolute;bottom:18px;left:22px}.direction-swatches i{border:2px solid #ffffff80;border-radius:50%;width:16px;height:16px;margin-right:-3px}.direction-caption{justify-content:space-between;align-items:center;margin:1rem .625rem .5rem;display:flex}.direction-caption>span:first-child{align-items:center;gap:.75rem;display:flex}.direction-caption small{color:var(--text-muted);font-size:.75rem}.direction-check{border:1px solid var(--border);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.is-selected .direction-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.direction-card>p{color:var(--text-secondary);margin:0 .625rem;font-size:.75rem}.direction-note{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 0;font-size:.75rem;display:flex}.direction-note .ui-button{flex-shrink:0;font-size:.75rem}.finance-demo{border-radius:var(--radius-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);overflow:hidden}.demo-meta{background:var(--bg-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.75rem;display:flex}.demo-meta>span,.demo-meta label{align-items:center;gap:.5rem;display:flex}.demo-meta select{color:var(--text-secondary);background:0 0;border:0;min-height:32px;padding:4px;font-size:.75rem}.finance-shell{background:var(--bg-surface)}.finance-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:66px;padding:0 1.75rem;display:flex}.finance-brand{align-items:center;gap:.75rem;display:flex}.finance-brand strong{font-size:.875rem}.finance-brand>span:last-child{color:var(--text-secondary);font-size:.75rem}.finance-nav{border-bottom:1px solid var(--border);gap:1.75rem;padding:0 1.75rem;display:flex}.finance-nav>button{min-height:48px;color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 0;font-size:.75rem;display:flex}.finance-nav>button[aria-current]{border-bottom-color:var(--accent);color:var(--text-primary);font-weight:600}.nav-count{background:var(--bg-subtle);border-radius:4px;place-items:center;min-width:17px;height:17px;font-size:.75rem;display:grid}.finance-date{color:var(--text-muted);align-items:center;margin-left:auto;font-size:.75rem;display:flex}.screen-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.screen-heading .eyebrow{font-size:.75rem}.screen-heading h3{font-size:1.5rem;font-family:var(--font-display);letter-spacing:-.02em;margin-top:.375rem;font-weight:500}.screen-heading .ui-badge{font-size:.75rem}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem;display:grid}.net-worth-panel{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-control);min-width:0;padding:1.25rem 1.5rem 1rem}.panel-topline{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.panel-topline h4{color:var(--text-primary);margin:0;font-size:.8125rem;font-weight:500}.panel-topline>span:last-child{font-size:.75rem}.net-worth-panel .ui-segmented{border:0;padding:2px}.net-worth-panel .ui-segmented button{min-height:32px;padding:.25rem .5rem;font-size:.75rem}.net-worth{letter-spacing:-.02em;margin:.75rem 0 .25rem;font-size:clamp(1.75rem,3vw,2.625rem);font-weight:500;line-height:1.2}.net-worth>span{color:var(--text-muted);font-size:.65em}.growth{color:var(--positive);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.growth strong{font-weight:500}.growth>span{color:var(--text-secondary);margin-left:.125rem}.chart-wrap{margin-top:1.5rem;padding-right:36px;position:relative}.wealth-chart{width:100%;height:155px;display:block;overflow:visible}.chart-grid{fill:none;stroke:var(--border);stroke-dasharray:3 4;stroke-width:1px}.chart-line{fill:none;stroke:var(--chart-1);stroke-width:2.2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:800;stroke-dashoffset:0;animation:chart-draw .8s var(--ease-out)}.chart-labels{color:var(--text-muted);flex-direction:column;justify-content:space-between;font-size:.75rem;display:flex;position:absolute;top:15px;bottom:10px;right:0}.chart-months{color:var(--text-muted);justify-content:space-between;margin-top:.5rem;padding-right:36px;font-size:.75rem;display:flex}.accounts-panel{padding:1.25rem 0}.accounts-panel .panel-topline{margin-bottom:.75rem}.account-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:.75rem;width:100%;min-height:65px;padding:.875rem 0;display:flex}.account-row:hover .account-name>strong{color:var(--accent)}.account-icon{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;place-items:center;display:grid}.account-name{flex:1;min-width:0}.account-name>strong{font-size:.75rem;font-weight:500;display:block}.account-name small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.account-row>strong{letter-spacing:-.02em;font-size:.75rem;font-weight:500}.account-row>svg{color:var(--text-muted)}.account-footnote{color:var(--text-muted);align-items:center;gap:.5rem;padding-top:1rem;font-size:.75rem;display:flex}.month-panel{background:var(--accent-soft);border-radius:var(--radius-control);border:1px solid color-mix(in srgb,var(--accent) 10%,transparent);grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 1.5rem;display:grid}.month-panel .eyebrow{font-size:.75rem}.month-panel h4{font-family:var(--font-display);letter-spacing:-.02em;margin:.5rem 0 0;font-size:1.125rem;font-weight:500;line-height:1.3}.month-summary{text-align:right;flex-direction:column;justify-content:center;display:flex}.month-summary>span,.month-summary>small{color:var(--text-secondary);font-size:.75rem}.month-summary strong{letter-spacing:-.02em;font-size:1.5rem;font-weight:500}.budget-track{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:5px;width:100%;height:5px;display:block;overflow:hidden}.budget-track>span{background:var(--chart-1);border-radius:inherit;height:100%;transition:width var(--duration-ui) var(--ease-out);display:block}.month-panel>.budget-track{grid-column:1/-1}.text-link{background:0 0;border:0;justify-content:space-between;align-items:center;gap:.5rem;min-height:36px;padding:.25rem 0;font-size:.75rem;display:inline-flex}.month-panel>.text-link{grid-column:1/-1}.review-panel{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1.5rem .25rem;display:flex}.review-symbol{border:1px solid var(--border);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.review-panel>div{flex:1;min-width:130px}.review-panel h4{margin:0;font-size:.75rem;font-weight:500}.review-panel p{color:var(--text-secondary);margin-top:.375rem;font-size:.75rem}.review-panel .ui-button{min-height:36px;padding:.5rem .75rem;font-size:.75rem}.transaction-tools{justify-content:space-between;gap:.75rem;margin-bottom:1.5rem;display:flex}.search-input{border:1px solid var(--border);background:var(--bg-page);border-radius:var(--radius-control);min-width:0;color:var(--text-muted);flex:1;align-items:center;gap:.75rem;padding:0 .875rem;display:flex}.search-input input{width:100%;min-width:0;min-height:44px;color:var(--text-primary);background:0 0;border:0;font-size:1rem}.transaction-tools .ui-button{font-size:.75rem}.transaction-table-head{border-bottom:1px solid var(--border);color:var(--text-muted);grid-template-columns:1fr 170px 100px;padding:.625rem 0;font-size:.75rem;display:grid}.transaction-table-head>span:last-child{text-align:right}.transaction-row{border-bottom:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) 170px 100px;align-items:center;gap:.75rem;padding:.875rem 0;display:grid}.merchant-icon{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;place-items:center;font-size:.75rem;font-weight:600;display:grid}.merchant-icon.income{background:var(--positive-soft);color:var(--positive)}.transaction-name{min-width:0}.transaction-name>strong{overflow-wrap:anywhere;font-size:.75rem;font-weight:500;display:block}.transaction-name>small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.category-select{min-width:0}.category-select select{width:100%;min-height:44px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;padding:.5rem;font-size:.75rem}.category-select select:hover{border-color:var(--border);background:var(--bg-page)}.category-select select.uncategorized{color:var(--warning)}.transaction-amount{text-align:right;font-size:.8125rem;font-weight:500}.positive{color:var(--positive)}.table-footer{color:var(--text-muted);margin-top:1rem;font-size:.75rem}.demo-status{min-height:36px;color:var(--positive);text-align:center;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.budget-summary{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-control);grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;padding:1.5rem;display:grid}.budget-summary>div>span{color:var(--text-secondary);font-size:.75rem;display:block}.budget-summary>div>strong{letter-spacing:-.02em;margin-top:.5rem;font-size:1.75rem;font-weight:500;display:block}.budget-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;grid-template-columns:1fr 1.1fr 100px 16px;align-items:center;gap:1rem;width:100%;padding:1.25rem .5rem;display:grid}.budget-row:hover{background:var(--bg-page)}.budget-category{align-items:center;gap:.75rem;display:flex}.budget-category>strong{font-size:.8125rem;font-weight:500}.category-dot{background:var(--chart-1);border-radius:50%;width:8px;height:8px}.category-dot-1,.category-dot-4{background:var(--chart-2)}.category-dot-2,.category-dot-3{background:var(--chart-3)}.budget-progress small{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;display:block}.over-budget>span{background:var(--danger)}.budget-value{text-align:right}.budget-value strong{font-size:.875rem;font-weight:500;display:block}.budget-value small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.budget-row>svg{color:var(--text-muted)}.modal-intro{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem}.account-detail-amount{letter-spacing:-.02em;margin:.5rem 0 1.5rem;font-size:2.5rem}.empty-state,.no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:3rem 1rem;display:flex}.empty-orbit{background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:grid}.empty-state h4,.no-results h4{letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:500}.empty-state p,.no-results p{max-width:350px;color:var(--text-secondary);margin:.75rem 0 1.5rem;font-size:.875rem}.no-results>svg{color:var(--text-muted);margin-bottom:1.5rem}.example-state{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:350px;display:flex}.loading-state{min-height:350px}.skeleton{background:linear-gradient(90deg,var(--bg-subtle),var(--bg-hover),var(--bg-subtle));border-radius:var(--radius-control);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton}.title-skeleton{width:180px;height:38px;margin-bottom:1.5rem}.chart-skeleton{height:180px;margin-bottom:1.5rem}.row-skeleton{height:40px;margin:.75rem 0}.subsection-heading{margin:3rem 0 1.25rem}.subsection-heading h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.375rem;font-weight:500}.subsection-heading p{color:var(--text-secondary);margin-top:.5rem;font-size:.8125rem}.other-apps{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.mini-app{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--bg-surface);padding:1.25rem 1.5rem}.mini-app>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1rem;font-size:.75rem;display:flex}.mini-app>header>span{align-items:center;gap:.5rem;display:flex}.mini-app>header .ui-badge{font-size:.75rem}.mini-app-heading{justify-content:space-between;align-items:center;gap:.5rem;padding:1.5rem 0;display:flex}.mini-app-heading .eyebrow{font-size:.75rem}.mini-app-heading h3{font-size:1.375rem;font-family:var(--font-display);letter-spacing:-.02em;margin-top:.375rem;font-weight:500}.week-controls{display:flex}.week-controls .ui-button{width:32px}.week-strip{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.week-strip>span{border-radius:var(--radius-control);flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;display:flex}.week-strip small{color:var(--text-secondary);font-size:.75rem}.week-strip strong{font-size:.875rem;font-weight:500}.week-strip .selected-day{background:var(--accent-soft);color:var(--accent)}.calendar-event{border-top:1px solid var(--border);align-items:center;gap:1rem;padding:.875rem 0;display:flex}.calendar-event>span{color:var(--text-muted);font-size:.75rem}.calendar-event>div{border-left:2px solid var(--chart-1);padding:.25rem .75rem}.calendar-event strong{font-size:.75rem;font-weight:500;display:block}.calendar-event small{color:var(--text-muted);margin-top:.25rem;font-size:.75rem;display:block}.secondary-event>div{border-left-color:var(--chart-2)}.reading-row{border-bottom:1px solid var(--border);align-items:center;gap:.875rem;padding:1rem 0;display:flex}.reading-row:last-child{border-bottom:0}.reading-art{background:var(--hero-bg);border-radius:4px;flex-shrink:0;width:48px;height:58px;display:block;position:relative;overflow:hidden}.reading-art:before{content:"";border:1px solid var(--accent);border-radius:50%;width:50px;height:50px;position:absolute;top:15px;left:10px}.reading-art:after{content:"";border:2px solid var(--highlight);background:0 0;border-radius:50%;width:25px;height:25px;position:absolute;top:10px;left:5px}.reading-art-1{background:var(--accent-soft)}.reading-art-1:after{background:var(--chart-3);border-radius:0;top:20px;transform:rotate(25deg)}.reading-art-2{background:var(--expression-blue)}.reading-art-2:after{background:var(--bg-surface);border-radius:20px 20px 0 0;width:40px;height:40px;top:25px}.reading-title{text-align:left;background:0 0;border:0;flex:1;min-width:0;min-height:44px;padding:.25rem 0}.reading-title small{letter-spacing:.08em;color:var(--text-muted);font-size:.75rem;display:block}.reading-title strong{letter-spacing:-.02em;margin-top:.375rem;font-size:.8125rem;font-weight:500;display:block}.reading-title:hover strong{color:var(--accent)}.reading-row>.ui-button{flex-shrink:0;width:32px}.article-title{font-family:var(--font-display);letter-spacing:-.02em;margin:.875rem 0 1.5rem;font-size:2rem;font-weight:500}.article-body{margin-bottom:1rem;font-size:1rem;line-height:1.8}.foundation-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.type-specimen,.palette-specimen{border-top:1px solid var(--border);padding:2rem 0}.type-display{font-family:var(--font-display);letter-spacing:-.02em;margin:2rem 0 1.75rem;font-size:clamp(2.75rem,4vw,4.5rem);font-weight:500;line-height:1.05}.type-alphabet{letter-spacing:-.02em;font-size:1rem;line-height:1.8}.type-alphabet>span{color:var(--text-secondary)}.type-specimen p,.palette-specimen p{color:var(--text-secondary);margin-top:1.5rem;font-size:.75rem;line-height:1.8}.color-swatches{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:2rem 0;display:grid}.color-swatches>div>span{border-radius:var(--radius-control);border:1px solid var(--border);width:100%;height:90px;display:block}.color-swatches small{margin-top:.75rem;font-size:.75rem;display:block}.color-swatches code{color:var(--text-muted);overflow-wrap:anywhere;margin-top:.25rem;font-size:.75rem;display:block}.spacing-specimen{border-top:1px solid var(--border);padding-top:1.5rem}.spacing-specimen>div{align-items:flex-end;gap:1rem;margin-top:1rem;display:flex}.spacing-specimen>div>span{flex-direction:column;align-items:center;gap:.5rem;display:flex}.spacing-specimen i{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:2px;display:block}.spacing-specimen small{color:var(--text-secondary);font-size:.75rem}.code-details{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-surface)}.code-details summary{cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.8125rem;list-style:none;display:flex}.code-details summary::-webkit-details-marker{display:none}.code-details summary>svg:last-child{margin-left:auto}.code-details[open] summary>svg:last-child{transform:rotate(90deg)}.code-details pre{border-top:1px solid var(--border);color:var(--text-secondary);margin:0;padding:1.5rem;font-size:.75rem;line-height:1.9;overflow-x:auto}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.component-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-panel);min-width:0;padding:1.5rem}.component-label{color:var(--text-muted);letter-spacing:.1em;justify-content:space-between;margin-bottom:1.5rem;font-size:.75rem;display:flex}.component-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.125rem;font-weight:500}.component-card p{color:var(--text-secondary);margin-top:1.25rem;font-size:.75rem;line-height:1.8}.button-examples{flex-wrap:wrap;gap:.5rem;display:flex}.button-examples .ui-button--primary{min-width:150px}.component-card .ui-button{font-size:.75rem}.component-card .ui-field input{font-size:1rem}.component-card .ui-field-message{font-size:.75rem}.component-card .ui-toggle-row{align-items:flex-start}.component-card .ui-toggle-row strong{font-size:.8125rem}.component-card .ui-toggle-row small{font-size:.75rem;line-height:1.6}.badge-examples{flex-wrap:wrap;gap:.75rem 1rem;margin-top:2rem;display:flex}.component-status{min-height:25px;color:var(--positive);margin-top:.75rem;font-size:.75rem}.motion-section{border-radius:var(--radius-panel);background:var(--hero-bg);color:var(--hero-ink);grid-template-columns:1fr 1fr;min-height:380px;display:grid;overflow:hidden}.motion-object{place-items:center;min-height:350px;display:grid;position:relative;overflow:hidden}.motion-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem 2rem 3rem 1.5rem;display:flex}.motion-copy .eyebrow{color:inherit;opacity:.65}.motion-copy h3{font-size:2rem;font-family:var(--font-display);letter-spacing:-.02em;margin:1rem 0;font-weight:500;line-height:1.1}.motion-copy p{opacity:.8;max-width:380px;font-size:.8125rem;line-height:1.8}.motion-copy .ui-button{margin:1.25rem 0;font-size:.75rem}.motion-values{border-top:1px solid color-mix(in srgb,var(--hero-ink) 20%,transparent);flex-wrap:wrap;gap:1.25rem;padding-top:1rem;font-size:.75rem;display:flex}.motion-values strong{letter-spacing:-.02em;margin-right:.2rem;font-size:1rem;font-weight:500}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:5rem;padding:2rem 0 3rem;display:flex}.site-footer .wordmark{font-size:1rem}.site-footer p{color:var(--text-secondary);font-size:.75rem;line-height:1.9}.site-footer p span{color:var(--text-muted)}.site-footer>a:last-child{align-items:center;gap:.75rem;min-height:44px;font-size:.75rem;text-decoration:none;display:flex}.mobile-navigation{gap:.25rem;display:grid}.mobile-navigation>a{border-bottom:1px solid var(--border);gap:1.5rem;padding:1rem;text-decoration:none;display:flex}.mobile-navigation>a span:first-child{color:var(--text-muted);padding-top:.25rem;font-size:.75rem}@keyframes chart-draw{0%{stroke-dashoffset:800px}}@keyframes skeleton{to{background-position:-200% 0}}@media (width<=1200px){.site-layout{grid-template-columns:170px minmax(0,1fr)}.site-sidebar{padding-left:.5rem;padding-right:.5rem}.sidebar-top{padding-left:.75rem}.sidebar-bottom{font-size:.75rem}.content-wrap{padding:0 32px}.component-grid{grid-template-columns:1fr 1fr}.component-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 2rem;display:grid}.component-card:last-child .component-label{grid-column:1/-1}.component-card:last-child p{margin-top:.5rem}.component-card:last-child .badge-examples{margin-top:0}.account-row{gap:.5rem}.account-icon{width:28px;height:28px}.account-row>svg{display:none}.account-name>strong,.account-row>strong{font-size:.75rem}.transaction-row{grid-template-columns:32px minmax(0,1fr) 140px 85px}.transaction-table-head{grid-template-columns:1fr 140px 85px}.direction-card p{font-size:.75rem}}@media (width<=1000px){.site-layout,.site-layout.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.site-sidebar{display:none}.mobile-menu-button{margin-left:-.75rem;margin-right:.5rem;display:inline-flex}.site-header{padding:0 1.5rem}.header-caption{display:none}.content-wrap{padding:0 40px}.intro-index{display:none}}@media (width<=700px){html{scroll-padding-top:80px}.site-header{height:64px;padding:0 1rem}.wordmark{font-size:1rem}.header-tools{gap:.5rem}.theme-picker{border:0;padding-left:0}.theme-picker select{font-size:.75rem}.hero-link{margin-top:1.5rem;font-size:.75rem}.hero-footer button{font-size:.75rem}.hero-scroll{display:none}.content-wrap{padding:0 24px}.intro-strip{gap:1.5rem;padding:2rem 0}.intro-strip p:first-child{font-size:.8125rem}.intro-strip p:nth-child(2){max-width:200px;font-size:.75rem}.content-wrap>section{padding-top:3.5rem}.section-heading{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-heading h2{font-size:1.875rem}.section-heading p{font-size:.8125rem}.direction-grid{gap:.5rem}.direction-card{border-radius:12px;padding:5px 5px .75rem}.direction-art{border-radius:8px;height:125px}.direction-art>strong{font-size:2.625rem;top:12px;left:12px}.direction-art-sun{width:65px;height:65px;bottom:20px;right:-20px}.direction-swatches{bottom:12px;left:12px}.direction-swatches i{border-width:1px;width:12px;height:12px}.direction-caption{margin:.75rem .375rem 0}.direction-caption>span:first-child{gap:.25rem}.direction-caption small{display:none}.direction-caption strong{font-size:.75rem}.direction-check{width:18px;height:18px}.direction-check svg{width:12px}.direction-card>p{display:none}.direction-note{flex-direction:column;align-items:flex-start;gap:.5rem;font-size:.75rem}.direction-note .ui-button{padding-left:0;font-size:.75rem}.finance-header{height:60px;padding:0 1rem}.finance-nav{gap:1.25rem;padding:0 1rem}.finance-nav button{font-size:.75rem}.finance-date{display:none}.finance-content{padding:1.5rem 1rem .5rem}.screen-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.screen-heading h3{font-size:1.5rem}.overview-grid{grid-template-columns:minmax(0,1fr);gap:1rem}.net-worth-panel{padding:1rem 1.125rem}.net-worth{font-size:2.5rem}.wealth-chart{height:145px}.accounts-panel{padding:.75rem .25rem}.account-name>strong,.account-name small{font-size:.75rem}.account-row>strong{font-size:.8125rem}.account-icon{width:34px;height:34px}.account-row{gap:.75rem}.month-panel{padding:1.25rem}.month-panel h4{font-size:1.25rem}.month-panel .eyebrow,.month-summary>span,.month-summary>small{font-size:.75rem}.month-summary strong{font-size:1.75rem}.text-link{min-height:44px;font-size:.75rem}.review-panel{gap:.75rem;padding:1rem 0}.review-panel h4,.review-panel p{font-size:.75rem}.review-panel .ui-button{min-height:44px;font-size:.75rem}.demo-meta{padding:.625rem .875rem}.demo-note{display:none}.transaction-tools{flex-direction:column}.transaction-tools>.ui-button{align-self:flex-start}.transaction-table-head{display:none}.transaction-row{grid-template-columns:32px minmax(0,1fr) auto;gap:.5rem .75rem;padding:1rem 0}.transaction-name{grid-column:2}.transaction-amount{grid-area:1/3}.category-select{grid-area:2/2/auto/-1}.category-select select{border-color:var(--border);max-width:100%;padding:.5rem .75rem;font-size:1rem}.transaction-name>strong{font-size:.8125rem}.transaction-name>small,.table-footer{font-size:.75rem}.budget-summary{gap:.5rem;padding:1rem}.budget-summary>div>span{font-size:.75rem}.budget-summary>div>strong{font-size:1.375rem}.budget-row{grid-template-columns:minmax(0,1fr) auto 16px;gap:.5rem .75rem;padding:1rem 0}.budget-category{grid-column:1}.budget-value{grid-area:1/2}.budget-row>svg{grid-area:1/3}.budget-progress{grid-area:2/1/auto/-1;margin-top:.5rem}.budget-progress small{font-size:.75rem}.other-apps{grid-template-columns:1fr}.mini-app{padding:1.25rem}.mini-app-heading h3{font-size:1.5rem}.calendar-event strong{font-size:.8125rem}.calendar-event small,.calendar-event>span{font-size:.75rem}.reading-title strong{font-size:.875rem}.reading-title small{font-size:.75rem}.foundation-grid{grid-template-columns:1fr;gap:0}.type-display{font-size:3.5rem}.palette-specimen{padding-bottom:1rem}.color-swatches>div>span{height:100px}.color-swatches small,.color-swatches code{font-size:.75rem}.component-grid{grid-template-columns:1fr}.component-card:last-child{grid-column:auto;display:block}.component-card:last-child .badge-examples{margin-top:1.5rem}.component-card:last-child p{margin-top:1.25rem}.component-card h3{font-size:1.25rem}.component-card .ui-button{font-size:.875rem}.motion-section{grid-template-columns:1fr}.motion-object{min-height:280px}.motion-copy{padding:0 1.75rem 2rem}.motion-values{gap:1.25rem}.site-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom));flex-wrap:wrap;margin-top:3.5rem}.site-footer p{flex-basis:100%;order:3}.site-footer>a:last-child{margin-left:auto}}@media (width<=380px){.content-wrap{padding:0 16px}.intro-strip{display:block}.intro-strip p:nth-child(2){max-width:100%;margin-top:1rem}.finance-nav{gap:1rem}.net-worth-panel{padding:1rem}.net-worth{font-size:2rem}.budget-summary>div>strong{font-size:1.125rem}.draft-tag{display:none}}@media (prefers-reduced-motion:reduce){.chart-line{stroke-dashoffset:0}.direction-card:hover{transform:none}}.overview-header{padding-top:clamp(32px,4vw,56px)}.overview-header h1{letter-spacing:-.025em;font-size:clamp(2.5rem,4vw,4rem);line-height:1.1}.overview-header p{color:var(--text-secondary);margin-top:12px;font-size:.9375rem}.overview-header+section{padding-top:40px}.hero{min-height:580px;color:var(--text-primary);background:0 0;border-radius:0;margin:0;position:relative}.hero-content{z-index:2;padding:78px 64px 130px;position:relative}.hero-content .eyebrow{letter-spacing:.025em;color:inherit;margin-bottom:24px;font-size:.8125rem;font-weight:500}.hero h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(3.75rem,5.8vw,6.25rem);font-weight:400;line-height:.98}.hero h1 em{font-weight:400}.hero-content p{max-width:360px;color:inherit;margin-top:24px;font-size:1rem;line-height:1.65}.hero-link{gap:24px;margin-top:24px;font-size:.875rem;font-weight:500}.hero-footer{z-index:3;letter-spacing:0;justify-content:space-between;align-items:center;font-size:.75rem;display:flex;position:absolute;bottom:20px;left:64px;right:32px}.wordmark{letter-spacing:0;font-family:var(--font-display);font-size:1.5rem;font-weight:450}.draft-tag{font-family:var(--font-ui)}.eyebrow{letter-spacing:.035em;font-size:.75rem;font-weight:500}.section-heading h2{letter-spacing:-.025em;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.1}.section-heading p{margin-top:12px;font-size:.9375rem;line-height:1.7}.intro-strip p:first-child{font-family:var(--font-display);font-size:1.375rem;line-height:1.35}.intro-strip p:nth-child(2){font-size:.875rem;line-height:1.65}.intro-index{letter-spacing:.02em;font-size:.75rem}.direction-art>strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:4.5rem;font-weight:400}.direction-caption strong{font-size:.9375rem;font-weight:500}.direction-card>p,.direction-note{font-size:.8125rem;line-height:1.6}.direction-note{align-items:start}.direction-note>span{max-width:65ch}.screen-heading h3{font-size:2rem;font-weight:400}.finance-content{padding:1.75rem 1.75rem .5rem}.finance-nav>button{font-size:.875rem}.net-worth{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.5rem,3.5vw,3.5rem);font-weight:450}.panel-topline h4,.account-name>strong,.transaction-name>strong,.review-panel h4,.account-row>strong,.transaction-amount{font-size:.875rem}.account-row{gap:.75rem}.account-icon{background:var(--accent-soft);color:var(--accent)}.month-panel{background:var(--accent-soft)}.month-panel h4{letter-spacing:-.02em;font-size:1.625rem;font-weight:400;line-height:1.15}.month-summary strong{font-family:var(--font-display);font-size:2rem}.ui-segmented button,.net-worth-panel .ui-segmented button{min-height:44px;font-size:.75rem}.mini-app-heading h3,.component-card h3,.subsection-heading h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:400}.component-card{padding:1.5rem}.type-display{font-weight:400;line-height:1.05}.motion-copy h3{font-size:2.5rem;font-weight:400;line-height:1.05}.motion-copy p{opacity:1;font-size:.875rem}.motion-copy .eyebrow{opacity:1}.motion-values{font-size:.75rem}.ui-modal h2{font-family:var(--font-display);font-size:1.5rem;font-weight:450}.ui-modal::backdrop{background:#30251e66}@media (width<=1200px){.hero-content{padding:64px 40px 120px}.hero-footer{left:40px;right:24px}.hero{min-height:550px}.account-name>strong,.account-row>strong{font-size:.8125rem}}@media (width<=700px){.hero{min-height:520px;margin:0}.hero-content{padding:44px 28px 140px}.hero h1{font-size:clamp(3.5rem,12vw,5rem);line-height:1}.hero-content .eyebrow{margin-bottom:24px;font-size:.75rem}.hero-content p{max-width:270px;margin-top:20px;font-size:.9375rem}.hero-link{margin-top:20px}.hero-footer{gap:8px;font-size:.6875rem;bottom:16px;left:28px;right:20px}.hero-footer>span{max-width:150px}.hero-footer button{padding:0;font-size:.75rem}.intro-strip{flex-direction:column;align-items:start;gap:12px;padding:28px 0}.intro-strip p:nth-child(2){max-width:40ch}.section-heading h2{font-size:2.125rem}.section-heading p{font-size:.875rem}.direction-caption{margin-left:.25rem;margin-right:.25rem}.direction-caption strong{font-size:.75rem}.direction-art>strong{font-size:3.25rem}.direction-note{font-size:.8125rem}.finance-content{padding:1.5rem 1rem .5rem}.finance-nav>button{font-size:.8125rem}.net-worth{font-size:3rem}.month-panel{gap:.75rem}.month-panel h4{font-size:1.5rem}.month-summary strong{font-size:2rem}.site-footer p{font-size:.75rem}}@media (width<=380px){.hero-content{padding-left:24px;padding-right:20px}.hero h1{font-size:3.5rem}.direction-caption strong{font-size:.6875rem}.direction-check{width:16px;height:16px}.finance-nav{gap:.875rem}.month-panel{grid-template-columns:1fr}.month-summary{text-align:left;margin-top:.5rem}}.site-header{background:var(--bg-toolbar);-webkit-backdrop-filter:blur(18px);border-bottom-color:#0000}.site-sidebar{background:0 0;border-right:0}.site-sidebar nav a:hover{background:var(--bg-panel)}.header-tools{gap:.75rem}.header-caption{margin-right:.5rem}.theme-picker{border-left:0}.theme-picker select{background:0 0}.theme-picker option{background:var(--bg-surface)}.hero h1 em{text-decoration:none}.hero-link{border-bottom:0;padding-bottom:0}.hero-content{padding-left:clamp(24px,4.5vw,80px)}.hero-footer{left:clamp(24px,4.5vw,80px)}.hero-scroll{border-color:var(--border-strong)}.direction-card{background:var(--bg-panel);box-shadow:none}.direction-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.direction-art{background:radial-gradient(at 100% 20%,#edccd6,#0000 65%),linear-gradient(130deg,#c6dfef,#fbf8f1)}.direction-daylight .direction-art{background:radial-gradient(at 100% 20%,#f0dde4,#0000 65%),linear-gradient(130deg,#bcd8ed,#fcfbf7)}.direction-rosewater .direction-art{background:radial-gradient(at 100% 20%,#e8c2d0,#0000 65%),linear-gradient(130deg,#d3e3ef,#fbf4ea)}.finance-demo{background:var(--bg-panel);border-color:var(--border-panel);box-shadow:none}.finance-shell,.demo-meta{background:0 0}.finance-header,.finance-nav{border-bottom-color:var(--border-panel)}.finance-nav>button[aria-current]{border-bottom-color:var(--accent)}.net-worth-panel,.month-panel,.budget-summary{background:var(--bg-panel-dense);border-color:var(--border-panel)}.mini-app,.component-card,.code-details{background:var(--bg-panel);border-color:var(--border-panel)}.ui-button--secondary{background:var(--bg-panel-dense)}.motion-section{color:var(--text-primary);background:0 0;border-radius:0;overflow:visible}.motion-description{flex-direction:column;justify-content:center;gap:24px;padding:32px 0;display:flex}.motion-description p{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2.75rem,4vw,4.5rem);font-weight:400;line-height:1.05}.motion-copy{padding-top:32px;padding-bottom:32px}.reading-art:after{border-color:var(--accent)}@media (width<=1000px){.hero-content{padding-left:40px}.hero-footer{left:40px}}@media (width<=700px){.hero-content{padding-left:24px;padding-right:24px}.hero-footer{left:24px;right:24px}.header-tools{gap:.25rem}.motion-description{padding:16px 0}.motion-copy{padding:16px 0 0}}@font-face{font-family:Fraunces Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2")}@font-face{font-family:Fraunces Variable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2")}@font-face{font-family:DM Serif Display;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/dm-serif-display-latin-400-normal-C5_t9oOD.woff2)format("woff2")}@font-face{font-family:DM Serif Display;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/dm-serif-display-latin-400-italic-DpcbibHm.woff2)format("woff2")}@font-face{font-family:Josefin Sans Variable;font-style:normal;font-weight:100 700;font-display:swap;src:url(/assets/josefin-sans-latin-wght-normal-Y7p7x_b-.woff2)format("woff2")}@font-face{font-family:Josefin Sans Variable;font-style:italic;font-weight:100 700;font-display:swap;src:url(/assets/josefin-sans-latin-wght-italic-JVnWPK7S.woff2)format("woff2")}:root[data-typeface=fraunces]{--font-display:"Fraunces Variable", Georgia, serif;--font-display-axes:"SOFT" 70, "WONK" 1}:root[data-typeface=dm-serif]{--font-display:"DM Serif Display", Georgia, serif}:root[data-typeface=josefin]{--font-display:"Josefin Sans Variable", sans-serif;--font-display-weight:500}body{font-synthesis:none;font-optical-sizing:auto}.overview-header h1,.wordmark,.section-heading h2,.screen-heading h3,.mini-app-heading h3,.component-card h3,.subsection-heading h3,.type-display,.type-alphabet,.ui-modal h2,.motion-description p,.motion-copy h3,.article-title,.tuning-type-sample{font-family:var(--font-display);font-variation-settings:var(--font-display-axes,normal);font-weight:var(--font-display-weight,400)}.overview-header h1,.section-heading h2{text-wrap:balance}.net-worth,.month-summary strong{font-family:var(--font-ui);font-variant-numeric:tabular-nums}.ui-page{isolation:isolate;min-height:100svh;position:relative}.ui-page-backdrop{z-index:-1;pointer-events:none;contain:strict;background:var(--bg-page);--ease-atmosphere:cubic-bezier(.37, 0, .63, 1);--motion-amount:1;position:fixed;inset:0;overflow:hidden}.ui-atmosphere{pointer-events:none;will-change:transform;position:absolute}.ui-atmosphere--blue{background:radial-gradient(ellipse in srgb, var(--ambient-blue) 14%, transparent 60%);width:120%;height:125%;animation:atmosphere-blue 20s var(--ease-atmosphere) -8s infinite alternate;top:-45%;left:-40%}.ui-atmosphere--rose{background:radial-gradient(ellipse in srgb, var(--ambient-rose) 8%, transparent 58%);width:105%;height:110%;animation:atmosphere-rose 26s var(--ease-atmosphere) -17s infinite alternate;top:-15%;left:45%}.ui-atmosphere--ivory{background:radial-gradient(ellipse in srgb, var(--ambient-ivory) 10%, transparent 62%);width:135%;height:130%;animation:atmosphere-ivory 28s var(--ease-atmosphere) -24s infinite alternate;top:20%;left:-10%}.ui-atmosphere--sky{background:radial-gradient(ellipse in srgb, var(--ambient-sky) 12%, transparent 60%);width:95%;height:120%;animation:atmosphere-sky 22s var(--ease-atmosphere) -11s infinite alternate;top:25%;left:20%}.ui-atmosphere-veil{background:color-mix(in srgb, var(--bg-page) var(--ambient-veil), transparent);position:absolute;inset:0}.ui-page-backdrop[data-paused=true] .ui-atmosphere,.ui-page-backdrop[data-motion-mode=scroll] .ui-atmosphere{animation-play-state:paused}@keyframes atmosphere-blue{0%{transform:translate(calc(-5% * var(--motion-amount)), calc(-8% * var(--motion-amount))) rotate(0deg) scale(1)}to{transform:translate(calc(32% * var(--motion-amount)), calc(30% * var(--motion-amount))) rotate(calc(-4deg * var(--motion-amount))) scale(calc(1 + .04 * var(--motion-amount)))}}@keyframes atmosphere-rose{0%{transform:translate(calc(-8% * var(--motion-amount)), calc(-10% * var(--motion-amount))) rotate(0deg)}to{transform:translate(calc(-42% * var(--motion-amount)), calc(30% * var(--motion-amount))) rotate(calc(5deg * var(--motion-amount)))}}@keyframes atmosphere-ivory{0%{transform:translate(calc(-25% * var(--motion-amount)), calc(10% * var(--motion-amount))) scale(1)}to{transform:translate(calc(15% * var(--motion-amount)), calc(-38% * var(--motion-amount))) scale(calc(1 + .05 * var(--motion-amount)))}}@keyframes atmosphere-sky{0%{transform:translate(calc(20% * var(--motion-amount)), 0) rotate(0deg)}to{transform:translate(calc(-35% * var(--motion-amount)), calc(-38% * var(--motion-amount))) rotate(calc(-5deg * var(--motion-amount)))}}@media (width<=700px){.ui-atmosphere--blue{width:160%;left:-55%}.ui-atmosphere--rose{width:145%;left:45%}.ui-atmosphere--sky{width:150%;left:0}}@media (prefers-reduced-motion:reduce){.ui-atmosphere{will-change:auto;animation:none}}.tuning-trigger{padding-inline:.625rem}.tuning-panel{z-index:30;overscroll-behavior:contain;width:340px;max-height:calc(100dvh - 112px);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-panel);box-shadow:var(--shadow-overlay);font-family:var(--font-ui);font-size:.875rem;line-height:1.5;position:fixed;top:88px;right:20px;overflow-y:auto}.tuning-panel>header{justify-content:space-between;align-items:center;padding:8px 12px 4px 20px;display:flex}.tuning-panel h2{font:600 1rem/1.5 var(--font-ui)}.tuning-tabs{padding:0 20px}.tuning-tabs .ui-segmented{display:flex}.tuning-tabs button{flex:1;min-height:44px}.tuning-content{gap:16px;padding:20px;display:grid}.tuning-range{gap:2px;display:grid}.tuning-range>span{justify-content:space-between;gap:12px;font-weight:600;display:flex}.tuning-range output{color:var(--text-secondary);font-weight:400}.tuning-range input{width:100%;min-height:44px;accent-color:var(--accent);cursor:ew-resize;margin:0}.tuning-range small{color:var(--text-secondary);justify-content:space-between;font-size:.75rem;display:flex}.tuning-presets{gap:6px;display:flex}.tuning-presets button{flex:1;padding-inline:8px;font-size:.8125rem;font-weight:500}.tuning-presets button[aria-pressed=true],.type-choice[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-1px}.tuning-content>.ambient-toggle{justify-self:start;padding:0}.tuning-note{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.tuning-panel>footer{border-top:1px solid var(--border);background:var(--bg-surface);padding:12px 20px;position:sticky;bottom:0}.tuning-actions{align-items:center;gap:8px;display:flex}.tuning-actions>:first-child{flex:1}.tuning-status{min-height:1.5em;color:var(--text-secondary);margin-top:8px;font-size:.75rem}.type-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.type-choice{border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--bg-inset);min-height:64px;color:var(--text-primary);text-align:left;padding:10px;font-size:1.125rem}.type-choice--fraunces{font-variation-settings:"SOFT" 70, "WONK" 1}.type-choice--josefin{font-weight:500}.tuning-type-sample{padding-block:4px;font-size:2.75rem;line-height:1.1}.motion-readout{color:var(--text-secondary);margin-top:12px;font-size:.875rem;display:block}@media (width<=700px){.tuning-panel{top:auto;bottom:max(12px, env(safe-area-inset-bottom));width:auto;max-height:min(64dvh,500px);left:12px;right:12px}.tuning-trigger{width:44px;padding:0}.tuning-trigger>span{display:none}.tuning-content{gap:12px;padding:16px 20px}.tuning-panel>footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (width<=380px){.site-header .draft-tag{display:none}}