:root{--p-warm-950:#0f0d0c;--p-warm-900:#151312;--p-warm-850:#1c1917;--p-warm-800:#211d1a;--p-warm-700:#322c27;--p-warm-600:#4a4137;--p-warm-500:#6b6259;--p-warm-400:#a89e8f;--p-warm-300:#c9c0b1;--p-warm-200:#ede6da;--p-warm-100:#f0eadd;--p-warm-50:#faf7f0;--p-white:#fff;--p-black:#000;--p-amber-600:#d18f2c;--p-amber-500:#e8a33d;--p-amber-400:#f4b856;--p-amber-300:#f8ca7e;--p-teal-500:#3ec9c0;--p-teal-400:#5fd8d0;--p-red-500:#e2574c;--p-green-500:#7cb87f;--p-amber-rgb:232 163 61;--p-teal-rgb:62 201 192;--p-red-rgb:226 87 76;--p-green-rgb:124 184 127;--p-black-rgb:0 0 0;--p-white-rgb:255 255 255;--p-space-0:0;--p-space-1:.25rem;--p-space-2:.5rem;--p-space-3:.75rem;--p-space-4:1rem;--p-space-5:1.5rem;--p-space-6:2rem;--p-space-7:3rem;--p-space-8:4rem;--p-space-9:6rem;--p-radius-0:0;--p-radius-1:4px;--p-radius-2:8px;--p-radius-3:12px;--p-radius-4:18px;--p-radius-5:26px;--p-radius-pill:999px;--p-font-display:"Bebas Neue", sans-serif;--p-font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--p-font-body:"Inter", system-ui, "Segoe UI", sans-serif;--p-text-xs:.75rem;--p-text-sm:.8125rem;--p-text-base:.9375rem;--p-text-lg:1.125rem;--p-text-xl:1.375rem;--p-text-2xl:1.75rem;--p-text-display-sm:2rem;--p-text-display-lg:clamp(2.5rem, 5vw, 4rem);--p-dur-1:.12s;--p-dur-2:.2s;--p-dur-3:.32s;--p-dur-4:.5s;--p-ease-standard:cubic-bezier(.2, 0, 0, 1);--p-ease-out:cubic-bezier(.16, 1, .3, 1);--p-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--p-warm-900);--color-bg-raised:var(--p-warm-850);--color-bg-inset:var(--p-warm-950);--color-border:var(--p-warm-700);--color-border-strong:var(--p-warm-600);--surface-raised:linear-gradient(180deg, rgb(var(--p-white-rgb) / .025), rgb(var(--p-white-rgb) / 0) 40%), var(--color-bg-raised);--color-fg:var(--p-warm-200);--color-fg-dim:var(--p-warm-400);--color-fg-faint:var(--p-warm-500);--color-accent:var(--p-amber-500);--color-accent-strong:var(--p-amber-400);--color-accent-contrast:var(--p-warm-900);--color-accent-dim:rgb(var(--p-amber-rgb) / .15);--color-accent-border:rgb(var(--p-amber-rgb) / .4);--color-accent-surface:linear-gradient(180deg, var(--p-amber-400), var(--p-amber-500));--color-running:var(--p-teal-500);--color-running-dim:rgb(var(--p-teal-rgb) / .15);--color-danger:var(--p-red-500);--color-danger-dim:rgb(var(--p-red-rgb) / .15);--color-success:var(--p-green-500);--color-success-dim:rgb(var(--p-green-rgb) / .15);--chrome-grain-opacity:.035;--chrome-grain-blend:overlay;--font-display:var(--p-font-display);--font-mono:var(--p-font-mono);--font-body:var(--p-font-body);--text-xs:var(--p-text-xs);--text-sm:var(--p-text-sm);--text-base:var(--p-text-base);--text-lg:var(--p-text-lg);--text-xl:var(--p-text-xl);--text-2xl:var(--p-text-2xl);--text-display-sm:var(--p-text-display-sm);--text-display-lg:var(--p-text-display-lg);--space-1:var(--p-space-1);--space-2:var(--p-space-2);--space-3:var(--p-space-3);--space-4:var(--p-space-4);--space-5:var(--p-space-5);--space-6:var(--p-space-6);--space-7:var(--p-space-7);--space-8:var(--p-space-8);--space-9:var(--p-space-9);--radius-sm:var(--p-radius-1);--radius-md:var(--p-radius-2);--radius-lg:var(--p-radius-3);--radius-xl:var(--p-radius-4);--radius-2xl:var(--p-radius-5);--radius-pill:var(--p-radius-pill);--measure-page:960px;--measure-modal:640px;--measure-prose:60ch;--dur-fast:var(--p-dur-1);--dur-base:var(--p-dur-2);--dur-slow:var(--p-dur-3);--dur-slower:var(--p-dur-4);--ease-standard:var(--p-ease-standard);--ease-out:var(--p-ease-out);--ease-spring:var(--p-ease-spring);--transition-colors:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), opacity var(--dur-fast) var(--ease-standard);--transition-transform:transform var(--dur-base) var(--ease-spring);--shadow-1:0 1px 2px rgb(var(--p-black-rgb) / .4), inset 0 1px 0 rgb(var(--p-white-rgb) / .03);--shadow-2:0 2px 6px rgb(var(--p-black-rgb) / .35), 0 1px 2px rgb(var(--p-black-rgb) / .4), inset 0 1px 0 rgb(var(--p-white-rgb) / .03);--shadow-3:0 8px 24px rgb(var(--p-black-rgb) / .45), 0 2px 6px rgb(var(--p-black-rgb) / .35);--shadow-4:0 18px 48px rgb(var(--p-black-rgb) / .5), 0 6px 16px rgb(var(--p-black-rgb) / .4);--shadow-inset:inset 0 2px 4px rgb(var(--p-black-rgb) / .45);--edge-highlight:inset 0 1px 0 rgb(var(--p-white-rgb) / .12);--edge-highlight-strong:inset 0 1px 0 rgb(var(--p-white-rgb) / .2);--shadow-glow-accent:0 0 0 1px var(--color-accent-border), 0 0 16px rgb(var(--p-amber-rgb) / .28);--shadow-glow-running:0 0 0 1px rgb(var(--p-teal-rgb) / .4), 0 0 16px rgb(var(--p-teal-rgb) / .28);--shadow-panel:var(--shadow-1);--shadow-raised:var(--shadow-3)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--p-warm-50);--color-bg-raised:var(--p-white);--color-bg-inset:var(--p-warm-100);--color-border:var(--p-warm-300);--color-border-strong:var(--p-warm-400);--surface-raised:linear-gradient(180deg, rgb(var(--p-white-rgb) / .6), rgb(var(--p-white-rgb) / 0) 40%), var(--color-bg-raised);--color-fg:var(--p-warm-900);--color-fg-dim:var(--p-warm-600);--color-fg-faint:var(--p-warm-500);--chrome-grain-opacity:0;--shadow-1:0 1px 2px rgb(var(--p-black-rgb) / .12);--shadow-2:0 2px 8px rgb(var(--p-black-rgb) / .1), 0 1px 2px rgb(var(--p-black-rgb) / .12);--shadow-3:0 10px 28px rgb(var(--p-black-rgb) / .14);--shadow-4:0 20px 50px rgb(var(--p-black-rgb) / .18);--shadow-inset:inset 0 2px 4px rgb(var(--p-black-rgb) / .08);--edge-highlight:inset 0 1px 0 rgb(var(--p-black-rgb) / .04);--edge-highlight-strong:inset 0 1px 0 rgb(var(--p-white-rgb) / .5)}:root[data-motion=reduced]{--dur-fast:.01ms;--dur-base:.01ms;--dur-slow:.01ms;--dur-slower:.01ms}:root[data-density=compact]{--space-3:.6rem;--space-4:.8rem;--space-5:1.15rem;--space-6:1.5rem;--space-7:2.25rem;--space-8:3rem}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{font:var(--text-base) / 1.5 var(--font-body)}body{background:var(--color-bg);color:var(--color-fg);position:relative}body:before{content:"";pointer-events:none;z-index:9999;opacity:var(--chrome-grain-opacity);mix-blend-mode:var(--chrome-grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:.03em;margin:0;font-weight:400}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}.module-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-fg-faint);font-weight:500}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);min-height:40px;font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors), transform var(--dur-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-accent-surface);color:var(--color-accent-contrast);border-color:var(--color-accent);box-shadow:var(--shadow-2), var(--edge-highlight-strong)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-3), var(--edge-highlight-strong);transform:translateY(-1px)}.btn--primary:active:not(:disabled){box-shadow:var(--shadow-1), var(--edge-highlight-strong)}.btn--secondary{color:var(--color-fg);border-color:var(--color-border-strong);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-strong);box-shadow:var(--shadow-1);transform:translateY(-1px)}.btn--danger{color:var(--color-danger);border-color:var(--color-danger);background:0 0}.btn--danger:hover:not(:disabled){background:var(--color-danger-dim)}.btn--ghost{color:var(--color-fg-dim);padding:var(--space-2) var(--space-3);background:0 0;border-color:#0000;min-height:0}.btn--ghost:hover:not(:disabled){color:var(--color-fg)}.btn--sm{padding:var(--space-2) var(--space-3);min-height:32px;font-size:var(--text-xs)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);padding:var(--space-5);position:relative;overflow:hidden}.card:before{content:"";background:var(--color-border-strong);width:3px;transition:background-color .15s,box-shadow .15s;position:absolute;inset:0 auto 0 0}.card--selected:before{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.card--running:before{background:var(--color-running);box-shadow:0 0 8px var(--color-running)}.page-shell{max-width:var(--measure-page);padding:var(--space-7) var(--space-5) var(--space-8);margin:0 auto}.page-shell__header{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.page-shell__title{font-family:var(--font-display);font-size:var(--text-display-lg);letter-spacing:.02em;color:var(--color-fg);line-height:1.05}.page-shell__subtitle{color:var(--color-fg-dim);font-size:var(--text-base);max-width:var(--measure-prose)}.chip{min-height:36px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-bg-inset);box-shadow:var(--shadow-inset);color:var(--color-fg-dim);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-colors), transform var(--dur-fast) var(--ease-spring);align-items:center;display:inline-flex}.chip:hover{border-color:var(--color-fg-dim);color:var(--color-fg)}.chip:active{transform:scale(.96)}.chip--selected{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent-strong);box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.chip--genre{padding:var(--space-3) var(--space-5);font-size:var(--text-base);letter-spacing:.01em;font-weight:600}.field{width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-inset);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-inset);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-base);transition:var(--transition-colors)}.field::placeholder{color:var(--color-fg-faint)}.field:focus{border-color:var(--color-accent);box-shadow:var(--shadow-inset), 0 0 0 3px var(--color-accent-border)}textarea.field{min-height:unset;resize:vertical;line-height:1.5}.field--sm{min-height:36px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.divider{border:none;border-top:1px solid var(--color-border);margin:0}.readout{align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);padding-left:var(--space-3);border-left:2px solid var(--color-accent);display:inline-flex}.readout__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-faint)}.readout__value{color:var(--color-accent);font-weight:600;font-size:var(--text-lg)}.score-meter{align-items:center;gap:var(--space-3);display:inline-flex}.score-meter__segments{gap:2px;display:flex}.score-meter__segment{background:var(--color-bg-inset);border:1px solid var(--color-border);border-radius:1px;width:5px;height:14px}.score-meter__segment--lit{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 4px var(--color-accent)}.score-meter__segment--hot{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 4px var(--color-danger)}.score-meter__value{font-family:var(--font-mono);color:var(--color-fg);font-weight:600;font-size:var(--text-lg)}.score-meter__value--empty{color:var(--color-fg-faint);font-weight:400}.topnav__logo{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.03em;color:var(--color-fg-dim);text-decoration:none;transition:color .15s}.topnav__logo:hover{color:var(--color-fg)}.topnav__back{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);text-decoration:none;transition:color .15s}.topnav__back:hover{color:var(--color-accent-strong)}.loading{color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;animation:1.4s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.fader{align-items:center;gap:var(--space-3);flex-direction:column;width:64px;display:flex}.fader__track{background:var(--color-bg-inset);border-radius:var(--radius-pill);border:1px solid var(--color-border);width:6px;height:140px;box-shadow:var(--shadow-inset);position:relative}.fader__fill{border-radius:var(--radius-pill);background:linear-gradient(to top, var(--color-accent), var(--color-accent-strong));position:absolute;bottom:0;left:0;right:0}.fader__cap{background:linear-gradient(180deg, var(--color-fg-dim), var(--color-fg-faint));border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:26px;height:12px;box-shadow:var(--shadow-2), var(--edge-highlight);position:absolute;left:50%;transform:translate(-50%,50%)}.fader__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-faint);text-align:center}.fader__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-fg-dim)}.fader__tick{background:var(--color-border-strong);width:4px;height:1px;position:absolute;left:-5px}.range-fader{appearance:none;border-radius:var(--radius-pill);background:var(--color-bg-inset);border:1px solid var(--color-border);width:100%;height:6px;box-shadow:var(--shadow-inset)}.range-fader::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-sm);background:var(--color-accent-surface);border:1px solid var(--color-accent-strong);width:16px;height:26px;box-shadow:var(--shadow-2), var(--edge-highlight-strong);cursor:pointer;margin-top:-10px}.range-fader::-moz-range-thumb{border-radius:var(--radius-sm);background:var(--color-accent-surface);border:1px solid var(--color-accent-strong);width:16px;height:26px;box-shadow:var(--shadow-2), var(--edge-highlight-strong);cursor:pointer}.range-fader::-webkit-slider-runnable-track{background:0 0;border-radius:3px;height:6px}.range-fader::-moz-range-track{background:0 0;border-radius:3px;height:6px}.empty-state{border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;color:var(--color-fg-dim);font-size:var(--text-base)}.modal-backdrop{padding:var(--space-5);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{max-width:var(--measure-modal);width:100%;max-height:90vh;box-shadow:var(--shadow-raised);overflow-y:auto}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot--running{animation:1.6s ease-in-out infinite status-pulse}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 var(--color-running-dim)}50%{box-shadow:0 0 6px 2px var(--color-running-dim)}}.progress-rail{margin:0 0 var(--space-6);gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.progress-rail__step{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-inset);flex:180px;display:flex}.progress-rail__marker{width:20px;height:20px;font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border-strong);color:var(--color-fg-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.progress-rail__text{flex-direction:column;line-height:1.25;display:flex}.progress-rail__label{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.02em;color:var(--color-fg-dim)}.progress-rail__hint{font-size:var(--text-xs);color:var(--color-fg-faint)}.progress-rail__step--current{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent-border) inset}.progress-rail__step--current .progress-rail__marker{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.progress-rail__step--current .progress-rail__label{color:var(--color-accent-strong)}.progress-rail__step--done .progress-rail__marker{border-color:var(--color-accent);color:var(--color-accent)}.infodot{vertical-align:middle;margin-left:var(--space-2);display:inline-flex;position:relative}.infodot__trigger{border:1px solid var(--color-border-strong);width:16px;height:16px;color:var(--color-fg-faint);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;font-style:italic;line-height:1;transition:border-color .15s,color .15s;display:inline-flex}.infodot__trigger:hover,.infodot__trigger[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent)}.infodot__popover{top:calc(100% + var(--space-2));z-index:50;width:max-content;max-width:240px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-raised);box-shadow:var(--shadow-raised);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:normal;text-transform:none;white-space:normal;font-style:normal;font-weight:400;line-height:1.45;position:absolute;left:0}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex}.tabs__tab{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--color-fg-dim);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;transition:color .15s,border-color .15s;display:inline-flex}.tabs__tab:hover{color:var(--color-fg)}.tabs__tab--active{color:var(--color-accent-strong);border-bottom-color:var(--color-accent)}.tabs__badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-running)}.narrow-only{display:none}@media (width<=860px){.narrow-only{display:block}}.actionbar{z-index:20;margin:var(--space-6) calc(-1 * var(--space-5)) calc(-1 * var(--space-8));padding:var(--space-4) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg-raised);border-top:1px solid var(--color-border-strong);flex-wrap:wrap;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000059}.actionbar__summary{min-width:0;font-size:var(--text-sm);color:var(--color-fg-dim);flex:260px;line-height:1.4}.actionbar__summary em{color:var(--color-fg);font-style:normal}.actionbar__right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.skeleton-tile{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:linear-gradient(100deg, var(--color-bg-raised) 30%, var(--color-bg-inset) 50%, var(--color-bg-raised) 70%);background-size:220% 100%;animation:1.6s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position:180% 0}to{background-position:-80% 0}}.session-thumb{border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg-inset);border:1px solid var(--color-border);flex-shrink:0;width:52px;height:52px}.session-thumb--empty{color:var(--color-fg-faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:9px;display:flex}.notice{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-running);background:var(--color-running-dim);color:var(--color-fg);font-size:var(--text-sm);display:flex}.spend{display:inline-block;position:relative}.spend__badge{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-inset);color:var(--color-fg-dim);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.spend__badge--warn{color:var(--color-accent);border-color:var(--color-accent)}.spend__badge--over{color:var(--color-danger);border-color:var(--color-danger)}.spend__panel{z-index:20;margin-top:var(--space-2);width:min(320px,100vw - 2rem);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-bg-raised,var(--color-bg-inset));font-size:var(--text-sm);position:absolute;right:0}.spend__rows{gap:var(--space-1) var(--space-3);grid-template-columns:1fr auto;margin:0;display:grid}.spend__rows dd{font-family:var(--font-mono);text-align:right;margin:0}.spend__advice{margin:var(--space-2) 0 0;font-weight:600}.spend__advice--warn{color:var(--color-accent)}.spend__advice--over{color:var(--color-danger)}.spend__note{margin:var(--space-2) 0 0;color:var(--color-fg-faint);font-size:var(--text-xs)}