:root{--color-primary:#00685f;--color-on-primary:#fff;--color-primary-container:#008378;--color-on-primary-container:#f4fffc;--color-primary-fixed:#89f5e7;--color-primary-fixed-dim:#6bd8cb;--color-on-primary-fixed:#00201d;--color-on-primary-fixed-variant:#005049;--color-inverse-primary:#6bd8cb;--color-secondary:#3f6560;--color-on-secondary:#fff;--color-secondary-container:#c2ebe3;--color-on-secondary-container:#456b66;--color-secondary-fixed:#c2ebe3;--color-secondary-fixed-dim:#a6cfc8;--color-on-secondary-fixed:#00201d;--color-on-secondary-fixed-variant:#274d48;--color-tertiary:#924628;--color-on-tertiary:#fff;--color-tertiary-container:#b05e3d;--color-on-tertiary-container:#fffbff;--color-tertiary-fixed:#ffdbce;--color-tertiary-fixed-dim:#ffb59a;--color-on-tertiary-fixed:#370e00;--color-on-tertiary-fixed-variant:#773215;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-background:#fcf9f8;--color-on-background:#1c1b1b;--color-surface:#fcf9f8;--color-on-surface:#1c1b1b;--color-surface-dim:#dcd9d9;--color-surface-bright:#fcf9f8;--color-surface-variant:#e5e2e1;--color-on-surface-variant:#3d4947;--color-surface-tint:#006a61;--color-surface-container-lowest:#fff;--color-surface-container-low:#f6f3f2;--color-surface-container:#f0edec;--color-surface-container-high:#ebe7e7;--color-surface-container-highest:#e5e2e1;--color-inverse-surface:#313030;--color-inverse-on-surface:#f3f0ef;--color-outline:#6d7a77;--color-outline-variant:#bcc9c6;--radius-sm:.5rem;--radius-default:1rem;--radius-lg:2rem;--radius-xl:3rem;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--font-family:"Inter",Arial,sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--text-xs:.6875rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-timer:3.5rem;--leading-none:1;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--tracking-tighter:-.03em;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.1em;--tracking-widest:.2em;--tracking-ultra:.25em;--blur-header:blur(24px);--blur-nav:blur(40px);--shadow-nav:0 -10px 50px rgba(28,27,27,.08);--shadow-primary:0 8px 32px rgba(0,104,95,.15);--shadow-card:0 2px 12px rgba(28,27,27,.06);--z-base:0;--z-banner:30;--z-header:40;--z-nav:50;--z-toast:60;--z-modal:70;--transition-fast:.15s ease;--transition-default:.2s ease;--transition-slow:.3s ease}@media(prefers-color-scheme:dark){:root{--color-primary:#6bd8cb;--color-on-primary:#00201d;--color-primary-container:#004d45;--color-secondary-container:#274d48;--color-on-secondary-container:#a6cfc8;--color-background:#1c1b1b;--color-on-background:#fcf9f8;--color-surface:#1c1b1b;--color-on-surface:#fcf9f8;--color-surface-container-lowest:#161515;--color-surface-container-low:#232222;--color-surface-container:#2a2929;--color-surface-container-high:#363535;--color-surface-container-highest:#404040;--color-on-surface-variant:#bcc9c6;--color-outline:#889390;--color-outline-variant:#3d4947;--color-inverse-surface:#e5e2e1;--color-inverse-on-surface:#313030;--shadow-nav:0 -10px 50px rgba(0,0,0,.3)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-background);color:var(--color-on-surface);font-family:var(--font-family);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100dvh;overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.material-symbols-outlined{align-items:center;display:inline-flex;flex-shrink:0;font-family:Material Symbols Outlined,sans-serif;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;justify-content:center;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.tabular{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.page-content{padding:var(--space-8) var(--space-6) 8rem}.page-content,.page-content--no-nav{margin:0 auto;max-width:512px;width:100%}.page-content--no-nav{padding:var(--space-8) var(--space-6) var(--space-12)}.glass-header{backdrop-filter:var(--blur-header);-webkit-backdrop-filter:var(--blur-header);background-color:color-mix(in srgb,var(--color-surface) 80%,transparent)}.glass-nav{backdrop-filter:var(--blur-nav);-webkit-backdrop-filter:var(--blur-nav);background-color:color-mix(in srgb,var(--color-surface) 90%,transparent)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;line-height:1;padding:var(--space-4) var(--space-6);text-decoration:none;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.4}.btn:disabled:active{transform:none}.btn--primary{background-color:var(--color-primary);box-shadow:var(--shadow-primary);color:var(--color-on-primary);font-size:var(--text-lg);padding:var(--space-5) var(--space-6);width:100%}.btn--primary:hover{opacity:.92}.btn--secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);font-size:var(--text-lg);padding:var(--space-5) var(--space-6);width:100%}.btn--secondary:hover{opacity:.85}.btn--ghost{background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.btn--ghost:hover{opacity:.7}.btn--ghost-muted{background:transparent;color:var(--color-on-surface-variant);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);width:100%}.btn--ghost-muted:hover{color:var(--color-primary)}.btn--danger{background:transparent;border:1.5px solid var(--color-error-container);color:var(--color-error);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-6);width:100%}.btn--danger:hover{background-color:var(--color-error-container)}.btn--icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;display:inline-flex;height:2.5rem;justify-content:center;padding:0;transition:background-color var(--transition-fast),transform var(--transition-fast);width:2.5rem;-webkit-tap-highlight-color:transparent}.btn--icon:hover{background-color:var(--color-surface-container-high)}.btn--icon:active{transform:scale(.9)}.input-pill{background-color:var(--color-surface-container-high);border:none;border-radius:var(--radius-full);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--text-base);outline:none;padding:var(--space-4) var(--space-6);transition:box-shadow var(--transition-default);width:100%}.input-pill::-moz-placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 50%,transparent)}.input-pill::placeholder{color:color-mix(in srgb,var(--color-on-surface-variant) 50%,transparent)}.input-pill:focus{box-shadow:0 0 0 2px var(--color-primary)}.input-underline{background:transparent;border:none;border-bottom:2px solid var(--color-outline-variant);color:var(--color-on-surface);font-family:var(--font-family);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);outline:none;padding:var(--space-2) 0;transition:border-color var(--transition-default);width:100%}.input-underline:focus{border-color:var(--color-primary)}.card{background-color:var(--color-surface-container-lowest)}.card,.card--low{border-radius:var(--radius-default);padding:var(--space-6)}.card--low{background-color:var(--color-surface-container-low)}.card--high{background-color:var(--color-surface-container-high);border-radius:var(--radius-default);padding:var(--space-8)}.section-label{color:var(--color-on-surface-variant);font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-widest);opacity:.65;text-transform:uppercase}.divider-text{align-items:center;display:flex;gap:var(--space-4)}.divider-text:after,.divider-text:before{background-color:color-mix(in srgb,var(--color-outline-variant) 30%,transparent);content:"";flex:1;height:1px}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-bold);gap:var(--space-1);letter-spacing:var(--tracking-wider);padding:.2rem var(--space-3);text-transform:uppercase}.badge--primary{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.badge--secondary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);color:var(--color-secondary)}.segment-control{background-color:var(--color-surface-container-low);border-radius:var(--radius-full);display:flex;padding:var(--space-1)}.segment-control__item{background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;flex:1;font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--transition-default)}.segment-control__item--active{box-shadow:var(--shadow-card);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.segment-control__item--active,.url-pill{background-color:var(--color-surface-container-lowest)}.url-pill{border-radius:var(--radius-full);color:var(--color-on-surface-variant);font-family:Courier New,monospace;font-size:var(--text-sm);overflow:hidden;padding:var(--space-2) var(--space-4);text-overflow:ellipsis;white-space:nowrap}.bottom-nav{border-radius:2.5rem 2.5rem 0 0;bottom:0;box-shadow:var(--shadow-nav);justify-content:space-around;left:0;min-height:5rem;padding:var(--space-3) var(--space-4) env(safe-area-inset-bottom,var(--space-6));position:fixed;width:100%;z-index:var(--z-nav)}.bottom-nav,.bottom-nav__item{align-items:center;display:flex}.bottom-nav__item{border-radius:var(--radius-full);color:color-mix(in srgb,var(--color-on-surface) 50%,transparent);flex-direction:column;font-size:.6875rem;font-weight:var(--font-weight-medium);gap:2px;justify-content:center;letter-spacing:var(--tracking-wide);padding:var(--space-2) var(--space-5);text-decoration:none;text-transform:uppercase;transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent}.bottom-nav__item:active{transform:scale(.9)}.bottom-nav__item--active{background-color:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.app-header{position:sticky;top:0;width:100%;z-index:var(--z-header)}.app-header__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:512px;padding:var(--space-4) var(--space-6);width:100%}.app-header__brand{align-items:center;display:flex;gap:var(--space-2)}.brand-icon{color:var(--color-primary);font-size:1.5rem}.brand-name{color:var(--color-on-surface);font-size:var(--text-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.notification-banner{display:flex;justify-content:center;left:0;padding:0 var(--space-6);pointer-events:none;position:fixed;top:5rem;width:100%;z-index:var(--z-banner)}.notification-banner__pill{align-items:center;animation:slideDown var(--transition-slow) ease;background-color:var(--color-secondary-container);border-radius:var(--radius-full);box-shadow:0 4px 16px #0000001a;color:var(--color-on-secondary-container);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);letter-spacing:var(--tracking-tight);padding:var(--space-3) var(--space-6)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toastIn var(--transition-slow) ease;background-color:var(--color-inverse-surface);border-radius:var(--radius-full);bottom:6rem;color:var(--color-inverse-on-surface);font-size:var(--text-sm);font-weight:var(--font-weight-medium);left:50%;padding:var(--space-3) var(--space-6);position:fixed;transform:translate(-50%);white-space:nowrap;z-index:var(--z-toast)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-slow) ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}