@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..900;1,400..700&family=Space+Mono:wght@400;700&display=swap";:root{--gray-0: #0a0a0d;--gray-1: #111115;--gray-2: #17171c;--gray-3: #1f1f26;--gray-4: #2a2a33;--gray-5: #38383f;--gray-6: #4a4a54;--gray-7: #6b6b76;--gray-8: #8f8f9a;--gray-9: #b4b4bd;--gray-10: #d8d8de;--gray-11: #ececf0;--gray-12: #f8f8fa;--violet-1: #1c1233;--violet-2: #2b1a52;--violet-3: #3f2478;--violet-4: #54309e;--violet-5: #6a3ccb;--violet-6: #7c3aed;--violet-7: #9361f5;--violet-8: #ab8bf8;--violet-9: #c6b3fb;--violet-10: #e3d9fd;--green-4: #0e7a56;--green-5: #12a374;--green-6: #00d9a3;--green-7: #4fe6bd;--green-8: #9bf2d8;--red-4: #9c1530;--red-5: #c9203f;--red-6: #ff3d5a;--red-7: #ff7188;--red-8: #ffa8b6;--gold-5: #b8860b;--gold-6: #ffb800;--gold-7: #ffd166;--blue-5: #1f5fd1;--blue-6: #3b82f6;--blue-7: #7aabfa;--font-display: "Montserrat", system-ui, sans-serif;--font-body: "Montserrat", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--fs-100: .6875rem;--fs-200: .8125rem;--fs-300: .9375rem;--fs-400: 1rem;--fs-500: 1.25rem;--fs-600: 1.5625rem;--fs-700: 2rem;--fs-800: 2.75rem;--fs-900: 4rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-widest: .14em;--lh-tight: 1.05;--lh-snug: 1.25;--lh-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--container-max: 1280px;--ease-standard: cubic-bezier(.2,.8,.2,1);--ease-out: cubic-bezier(.16,1,.3,1);--dur-fast: .12s;--dur-normal: .2s;--dur-slow: .32s}:root{--ds-bg: var(--gray-0);--ds-bg-elevated: var(--gray-2);--ds-surface: var(--gray-1);--ds-surface-hover: var(--gray-3);--ds-border: var(--gray-4);--ds-border-strong: var(--gray-5);--ds-fg: var(--gray-12);--ds-fg-muted: var(--gray-9);--ds-fg-subtle: var(--gray-7);--ds-fg-on-accent: #ffffff;--ds-accent: var(--violet-6);--ds-accent-soft: var(--violet-2);--ds-accent-2: var(--green-6);--ds-accent-2-soft: #0f3d31;--ds-accent-3: var(--gold-6);--ds-accent-3-soft: #402f04;--ds-font-sans: var(--font-body);--ds-font-mono: var(--font-mono);--ds-text-xs: var(--fs-100);--ds-text-sm: var(--fs-200);--ds-text-md: var(--fs-300);--ds-text-lg: var(--fs-500);--ds-text-xl: var(--fs-700);--ds-weight-regular: var(--fw-regular);--ds-weight-medium: var(--fw-medium);--ds-weight-bold: var(--fw-bold);--ds-tracking-tight: var(--tracking-tight);--ds-tracking-wide: var(--tracking-wide);--ds-space-1: var(--space-1);--ds-space-2: var(--space-2);--ds-space-3: var(--space-3);--ds-space-4: var(--space-4);--ds-space-5: var(--space-5);--ds-space-6: var(--space-6);--ds-space-7: var(--space-8);--ds-space-8: var(--space-12);--ds-radius-sm: var(--radius-sm);--ds-radius-md: var(--radius-md);--ds-radius-lg: var(--radius-lg);--ds-radius-pill: var(--radius-pill);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ds-shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--ds-ease: var(--ease-standard);--ds-dur-fast: var(--dur-fast);--ds-dur-base: var(--dur-normal);--ds-dur-slow: var(--dur-slow);--ds-ring: 0 0 0 2px var(--ds-bg), 0 0 0 4px var(--ds-accent)}:root[data-theme=light]{--ds-bg: #f5f5f7;--ds-bg-elevated: #ffffff;--ds-surface: #ffffff;--ds-surface-hover: #ececed;--ds-border: #e2e2e6;--ds-border-strong: #cbcbd2;--ds-fg: #0f0f12;--ds-fg-muted: #55555f;--ds-fg-subtle: #86868f;--ds-fg-on-accent: #ffffff;--ds-accent: var(--violet-5);--ds-accent-soft: var(--violet-10);--ds-accent-2: var(--green-5);--ds-accent-2-soft: #d3f7ec;--ds-accent-3: var(--gold-5);--ds-accent-3-soft: #fdeec6;--ds-shadow-sm: 0 1px 2px rgba(15, 15, 18, .08);--ds-shadow-md: 0 4px 16px rgba(15, 15, 18, .1)}@media(prefers-color-scheme:light){:root[data-theme=auto]{--ds-bg: #f5f5f7;--ds-bg-elevated: #ffffff;--ds-surface: #ffffff;--ds-surface-hover: #ececed;--ds-border: #e2e2e6;--ds-border-strong: #cbcbd2;--ds-fg: #0f0f12;--ds-fg-muted: #55555f;--ds-fg-subtle: #86868f;--ds-fg-on-accent: #ffffff;--ds-accent: var(--violet-5);--ds-accent-soft: var(--violet-10);--ds-accent-2: var(--green-5);--ds-accent-2-soft: #d3f7ec;--ds-accent-3: var(--gold-5);--ds-accent-3-soft: #fdeec6;--ds-shadow-sm: 0 1px 2px rgba(15, 15, 18, .08);--ds-shadow-md: 0 4px 16px rgba(15, 15, 18, .1)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--ds-bg);color:var(--ds-fg);font-family:var(--ds-font-sans);font-size:var(--ds-text-md);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--ds-ring);border-radius:var(--ds-radius-sm)}.app{--accent: var(--ds-accent);--accent-soft: var(--ds-accent-soft);display:grid;grid-template-rows:auto 1fr auto;gap:var(--ds-space-5);min-height:100dvh;max-width:36rem;margin-inline:auto;padding:var(--ds-space-5) var(--ds-space-4);padding-top:calc(var(--ds-space-5) + env(safe-area-inset-top));padding-bottom:calc(var(--ds-space-5) + env(safe-area-inset-bottom));padding-left:calc(var(--ds-space-4) + env(safe-area-inset-left));padding-right:calc(var(--ds-space-4) + env(safe-area-inset-right))}.app[data-mode=short]{--accent: var(--ds-accent-2);--accent-soft: var(--ds-accent-2-soft)}.app[data-mode=long]{--accent: var(--ds-accent-3);--accent-soft: var(--ds-accent-3-soft)}.header,.main,.footer{min-width:0}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.header__actions,.brand{display:flex;align-items:center;gap:var(--ds-space-2)}.brand__dot{width:.625rem;height:.625rem;border-radius:var(--ds-radius-pill);background:var(--accent);transition:background var(--ds-dur-base) var(--ds-ease)}.brand__name{font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight)}.main{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-5)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--ds-space-2);color:var(--ds-fg-subtle);font-size:var(--ds-text-xs)}.seg{display:inline-flex;max-width:100%;padding:var(--ds-space-1);gap:var(--ds-space-1);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill)}.seg__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;color:var(--ds-fg-muted);padding:var(--ds-space-2) var(--ds-space-4);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);white-space:nowrap;transition:background var(--ds-dur-fast) var(--ds-ease),color var(--ds-dur-fast) var(--ds-ease)}.seg__btn:hover{background:var(--ds-surface-hover);color:var(--ds-fg)}.seg__btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:var(--ds-weight-bold)}.seg--sm .seg__btn{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs)}.ring{position:relative;width:min(17.5rem,78vw);aspect-ratio:1;display:grid;place-items:center}.ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--ds-border)}.ring__progress{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset var(--ds-dur-base) linear,stroke var(--ds-dur-base) var(--ds-ease)}.ring__center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-1)}.ring__time{font-family:var(--ds-font-mono);font-variant-numeric:tabular-nums;font-size:clamp(var(--ds-text-xl),13vw,3.25rem);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight);line-height:1}.ring__label{color:var(--ds-fg-muted);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase}.controls{display:flex;align-items:center;gap:var(--ds-space-4)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);border:1px solid transparent;border-radius:var(--ds-radius-pill);padding:var(--ds-space-3) var(--ds-space-6);font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);text-decoration:none;white-space:nowrap;transition:background var(--ds-dur-fast) var(--ds-ease),transform var(--ds-dur-fast) var(--ds-ease),opacity var(--ds-dur-fast) var(--ds-ease)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:var(--ds-fg-on-accent);box-shadow:var(--ds-shadow-sm)}.btn--primary:hover{opacity:.9}.btn--ghost{background:transparent;border-color:var(--ds-border);color:var(--ds-fg-muted)}.btn--ghost:hover{background:var(--ds-surface-hover);color:var(--ds-fg)}.btn--danger{background:transparent;border-color:var(--ds-border);color:var(--ds-fg-muted)}.btn--danger:hover{border-color:var(--ds-border-strong);color:var(--ds-fg)}.btn--lg{min-width:10rem;padding:var(--ds-space-4) var(--ds-space-7);font-size:var(--ds-text-lg)}.btn--sm{padding:var(--ds-space-2) var(--ds-space-4);font-size:var(--ds-text-sm)}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;background:transparent;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);color:var(--ds-fg-muted);transition:background var(--ds-dur-fast) var(--ds-ease),color var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease)}.icon-btn:hover{background:var(--ds-surface-hover);border-color:var(--ds-border-strong);color:var(--ds-fg)}.icon-btn--lg{width:3rem;height:3rem}.icon-btn svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.controls .icon-btn--lg svg path[d^="M6 5.5l9"]{fill:currentColor}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ds-space-2);margin:0;padding:0;list-style:none}.pill{padding:var(--ds-space-1) var(--ds-space-3);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);color:var(--ds-fg-muted);font-size:var(--ds-text-xs);font-variant-numeric:tabular-nums}.hint{margin:0;color:var(--ds-fg-subtle);font-size:var(--ds-text-xs);text-align:center}@media(hover:none){.hint{display:none}}.cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ds-space-4);width:100%;padding:var(--ds-space-4);background:var(--ds-surface);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-radius-lg)}.cta__art{position:relative;display:grid;place-items:end center;width:6rem;height:6rem;flex:none;border-radius:var(--ds-radius-md);border:1px dashed var(--ds-border-strong);overflow:hidden;background-color:var(--ds-bg-elevated);background-image:repeating-linear-gradient(45deg,var(--ds-border) 0,var(--ds-border) 2px,transparent 2px,transparent 8px)}.cta__art-tag{width:100%;padding:var(--ds-space-1) var(--ds-space-1) var(--ds-space-2);background:var(--ds-bg-elevated);color:var(--ds-fg-subtle);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);line-height:1.15;text-align:center;text-wrap:balance}.cta__body{min-width:0}.cta__title{margin:0;font-size:var(--ds-text-md);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight)}.cta__text{margin:var(--ds-space-1) 0 0;color:var(--ds-fg-muted);font-size:var(--ds-text-sm)}.cta__actions{display:flex;flex-direction:column;gap:var(--ds-space-2)}@media(max-width:559px){.cta{grid-template-columns:auto 1fr}.cta__actions{grid-column:1 / -1;flex-direction:row}.cta__actions>*{flex:1}}.dialog{width:min(30rem,calc(100vw - var(--ds-space-6)));padding:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-bg-elevated);color:var(--ds-fg);box-shadow:var(--ds-shadow-md)}.dialog::backdrop{background:color-mix(in srgb,var(--ds-bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog__inner{display:flex;flex-direction:column;gap:var(--ds-space-5);padding:var(--ds-space-5);max-height:min(80dvh,44rem);overflow-y:auto}.dialog__head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3)}.dialog__title{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-tight)}.dialog__section{display:flex;flex-direction:column;gap:var(--ds-space-3);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border)}.dialog__legend{margin:0;color:var(--ds-fg-subtle);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-bold);letter-spacing:var(--ds-tracking-wide);text-transform:uppercase}.dialog__foot{display:flex;justify-content:flex-start;padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3)}.field{display:flex;flex-direction:column;gap:var(--ds-space-2)}.field__label{color:var(--ds-fg-muted);font-size:var(--ds-text-xs)}.input{width:100%;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-fg);font-family:var(--ds-font-mono);font-size:var(--ds-text-md);font-variant-numeric:tabular-nums}.input:hover{border-color:var(--ds-border-strong)}.input--narrow{width:5rem;flex:none}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.row__label{display:flex;flex-direction:column;font-size:var(--ds-text-sm)}.row__hint{color:var(--ds-fg-subtle);font-size:var(--ds-text-xs)}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;flex:none;position:relative;width:2.75rem;height:1.5rem;padding:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface);transition:background var(--ds-dur-fast) var(--ds-ease),border-color var(--ds-dur-fast) var(--ds-ease)}.switch__thumb{position:absolute;top:50%;left:.1875rem;width:1.0625rem;height:1.0625rem;border-radius:var(--ds-radius-pill);background:var(--ds-fg-subtle);transform:translateY(-50%);transition:left var(--ds-dur-fast) var(--ds-ease),background var(--ds-dur-fast) var(--ds-ease)}.switch[aria-checked=true]{background:var(--accent);border-color:var(--accent)}.switch[aria-checked=true] .switch__thumb{left:calc(100% - 1.25rem);background:var(--ds-fg-on-accent)}.switch:disabled{cursor:not-allowed;opacity:.5}@media(max-width:460px){.main>.seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;border-radius:var(--ds-radius-lg)}.main>.seg .seg__btn{padding-inline:var(--ds-space-2);border-radius:var(--ds-radius-md);font-size:var(--ds-text-xs);line-height:1.25;white-space:normal}}@media(max-width:400px){.app{gap:var(--ds-space-4);padding-inline:var(--ds-space-3)}.controls{gap:var(--ds-space-3)}.btn--lg{min-width:8rem;padding:var(--ds-space-3) var(--ds-space-5)}.header .seg__btn{padding:var(--ds-space-1) var(--ds-space-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}