@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--weight-regular);color:var(--text-strong);background:var(--surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text-accent);text-decoration:none}::selection{background:var(--teal-100);color:var(--ink-900)}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--warm-50: #FBF9F4;--warm-100: #F4F1E9;--warm-200: #ECE7DB;--white: #FFFFFF;--ink-900: #1B1B2F;--ink-700: #3A3A4D;--ink-500: #5C5C6E;--ink-400: #8A8A99;--ink-300: #B8B8C2;--ink-200: #DEDDE4;--ink-100: #EEEDF1;--teal-700: #1F6E80;--teal-600: #277F94;--teal-500: #2F9BB3;--teal-300: #8FCAD6;--teal-100: #DDF0F4;--teal-50: #EEF8FA;--clear-600: #248457;--clear-500: #2E9E6B;--clear-100: #DCF1E6;--clear-50: #EDF8F2;--treat-600: #BE8B00;--treat-500: #E0A500;--treat-100: #FBEFCC;--treat-50: #FDF7E6;--expired-600: #B83A30;--expired-500: #D7483B;--expired-100: #FAE0DD;--expired-50: #FDF0EE;--neutral-600: #6C6C7A;--neutral-500: #8A8A99;--neutral-100: #EAEAEE;--neutral-50: #F4F4F6;--surface-app: var(--warm-50);--surface-card: var(--white);--surface-sunken: var(--warm-100);--surface-tint: var(--teal-50);--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-subtle: var(--ink-400);--text-disabled: var(--ink-300);--text-on-accent: var(--white);--text-accent: var(--teal-700);--border-card: var(--ink-200);--border-strong: var(--ink-300);--divider: var(--warm-200);--accent: var(--teal-500);--accent-hover: var(--teal-600);--accent-press: var(--teal-700);--accent-soft: var(--teal-100);--accent-ring: var(--teal-300);--status-clear-fg: var(--clear-600);--status-clear-base: var(--clear-500);--status-clear-bg: var(--clear-100);--status-treat-fg: var(--treat-600);--status-treat-base: var(--treat-500);--status-treat-bg: var(--treat-100);--status-expired-fg: var(--expired-600);--status-expired-base: var(--expired-500);--status-expired-bg: var(--expired-100);--status-none-fg: var(--neutral-600);--status-none-base: var(--neutral-500);--status-none-bg: var(--neutral-100);--focus-ring: 0 0 0 3px var(--teal-300)}:root{--font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--text-display: 40px;--text-h1: 30px;--text-h2: 24px;--text-h3: 20px;--text-lg: 18px;--text-base: 16px;--text-sm: 14px;--text-xs: 13px;--text-2xs: 11px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .06em}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--space-11: 80px;--gap-inline: var(--space-2);--gap-stack: var(--space-3);--pad-card: var(--space-6);--pad-screen: var(--space-5);--gap-section: var(--space-7);--touch-min: 44px}:root{--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(27, 27, 47, .04), 0 2px 6px rgba(27, 27, 47, .05);--shadow-md: 0 2px 4px rgba(27, 27, 47, .04), 0 8px 20px rgba(27, 27, 47, .06);--shadow-lg: 0 6px 14px rgba(27, 27, 47, .07), 0 18px 40px rgba(27, 27, 47, .09);--shadow-xl: 0 12px 28px rgba(27, 27, 47, .1), 0 32px 64px rgba(27, 27, 47, .14);--shadow-accent: 0 10px 30px rgba(47, 155, 179, .2);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-gentle: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}.sti-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-inline);font-family:var(--font-sans);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle),border-color var(--dur-fast) var(--ease-gentle),transform var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast) var(--ease-gentle)}.sti-btn:active{transform:translateY(1px) scale(.99)}.sti-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sti-btn[disabled],.sti-btn[aria-disabled=true]{cursor:not-allowed;opacity:.5;transform:none;box-shadow:none}.sti-btn--sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-xs)}.sti-btn--md{height:44px;padding:0 var(--space-5);font-size:var(--text-base)}.sti-btn--lg{height:52px;padding:0 var(--space-6);font-size:var(--text-lg)}.sti-btn--block{width:100%}.sti-btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-sm)}.sti-btn--primary:hover{background:var(--accent-hover)}.sti-btn--primary:active{background:var(--accent-press)}.sti-btn--secondary{background:var(--surface-card);color:var(--text-accent);border-color:var(--accent-ring)}.sti-btn--secondary:hover{background:var(--surface-tint);border-color:var(--accent)}.sti-btn--ghost{background:transparent;color:var(--text-accent)}.sti-btn--ghost:hover{background:var(--surface-tint)}.sti-btn--danger{background:var(--status-expired-base);color:var(--white);box-shadow:var(--shadow-sm)}.sti-btn--danger:hover{background:var(--expired-600)}.sti-btn--quiet{background:var(--surface-sunken);color:var(--text-body)}.sti-btn--quiet:hover{background:var(--warm-200)}.sti-btn__icon{display:inline-flex;width:1.25em;height:1.25em;flex:none}.sti-btn__icon svg{width:100%;height:100%}.sti-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);cursor:pointer;transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle)}.sti-iconbtn:hover{background:var(--surface-sunken);color:var(--text-strong)}.sti-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sti-iconbtn--filled{background:var(--surface-card);box-shadow:var(--shadow-sm)}.sti-iconbtn--accent{background:var(--accent-soft);color:var(--text-accent)}.sti-iconbtn svg{width:20px;height:20px}.sti-card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--pad-card)}.sti-card--flat{box-shadow:none;border:1px solid var(--border-card)}.sti-card--raised{box-shadow:var(--shadow-lg)}.sti-card--tint{background:var(--surface-tint);box-shadow:none}.sti-card--pad-sm{padding:var(--space-4)}.sti-card--pad-lg{padding:var(--space-7)}.sti-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.sti-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sti-card--interactive:active{transform:translateY(0)}.sti-pill{display:inline-flex;align-items:center;gap:var(--gap-inline);font-weight:var(--weight-semibold);font-size:var(--text-sm);line-height:1;border-radius:var(--radius-pill);padding:7px 14px 7px 11px;white-space:nowrap}.sti-pill__icon{display:inline-flex;width:16px;height:16px;flex:none}.sti-pill__icon svg{width:100%;height:100%}.sti-pill--lg{font-size:var(--text-base);padding:10px 18px 10px 14px}.sti-pill--lg .sti-pill__icon{width:20px;height:20px}.sti-pill--clear{background:var(--status-clear-bg);color:var(--status-clear-fg)}.sti-pill--treat{background:var(--status-treat-bg);color:var(--status-treat-fg)}.sti-pill--expired{background:var(--status-expired-bg);color:var(--status-expired-fg)}.sti-pill--none{background:var(--status-none-bg);color:var(--status-none-fg)}.sti-pill--solid.sti-pill--clear{background:var(--status-clear-base);color:var(--white)}.sti-pill--solid.sti-pill--treat{background:var(--status-treat-base);color:var(--white)}.sti-pill--solid.sti-pill--expired{background:var(--status-expired-base);color:var(--white)}.sti-pill--solid.sti-pill--none{background:var(--status-none-base);color:var(--white)}.sti-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted)}.sti-badge--accent{background:var(--accent-soft);color:var(--text-accent)}.sti-badge--count{min-width:20px;height:20px;padding:0 6px;justify-content:center;background:var(--accent);color:var(--white);font-size:var(--text-2xs)}.sti-field{display:flex;flex-direction:column;gap:6px}.sti-field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body)}.sti-field__hint{font-size:var(--text-xs);color:var(--text-subtle)}.sti-field__error{font-size:var(--text-xs);color:var(--status-expired-fg);font-weight:var(--weight-medium)}.sti-input{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface-card);color:var(--text-strong);border:1px solid var(--border-card);border-radius:var(--radius-sm);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease-gentle),box-shadow var(--dur-fast) var(--ease-gentle)}.sti-input::placeholder{color:var(--text-subtle)}.sti-input:hover{border-color:var(--border-strong)}.sti-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.sti-input--error{border-color:var(--status-expired-base)}.sti-input--error:focus{box-shadow:0 0 0 3px var(--expired-100)}textarea.sti-input{height:auto;min-height:96px;padding:var(--space-3) var(--space-4);line-height:var(--leading-normal);resize:vertical}.sti-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none}.sti-switch__track{position:relative;width:48px;height:28px;flex:none;background:var(--ink-200);border-radius:var(--radius-pill);transition:background var(--dur-base) var(--ease-gentle)}.sti-switch__thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.sti-switch--on .sti-switch__track{background:var(--accent)}.sti-switch--on .sti-switch__thumb{transform:translate(20px)}.sti-switch input{position:absolute;opacity:0;width:0;height:0}.sti-switch:focus-within .sti-switch__track{box-shadow:var(--focus-ring)}.sti-switch--disabled{opacity:.5;cursor:not-allowed}.sti-switch__label{font-size:var(--text-base);color:var(--text-strong)}.sti-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);overflow:hidden;background:var(--accent-soft);color:var(--text-accent);font-weight:var(--weight-semibold);flex:none}.sti-avatar img{width:100%;height:100%;object-fit:cover}.sti-avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.sti-avatar--md{width:44px;height:44px;font-size:var(--text-base)}.sti-avatar--lg{width:64px;height:64px;font-size:var(--text-h3)}.sti-segmented{display:inline-flex;padding:4px;gap:4px;background:var(--surface-sunken);border-radius:var(--radius-pill)}.sti-segmented__item{appearance:none;border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-gentle),color var(--dur-fast) var(--ease-gentle)}.sti-segmented__item:hover{color:var(--text-strong)}.sti-segmented__item--active{background:var(--surface-card);color:var(--text-accent);box-shadow:var(--shadow-sm)}.sti-segmented__item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sti-row{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;background:var(--surface-card);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur-fast) var(--ease-gentle)}.sti-row:hover{background:var(--surface-sunken)}.sti-row:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sti-row--static{cursor:default}.sti-row--static:hover{background:var(--surface-card)}.sti-row__lead{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text-accent)}.sti-row__lead svg{width:20px;height:20px}.sti-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sti-row__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-strong)}.sti-row__sub{font-size:var(--text-sm);color:var(--text-muted)}.sti-row__trail{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-subtle)}.sti-row__trail svg{width:18px;height:18px}.info-page{max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-10);display:flex;flex-direction:column;gap:var(--space-4)}.info-header{max-width:640px;margin:0 auto;width:100%;padding:var(--space-4) var(--space-5) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.info-home{display:inline-flex;align-items:baseline;gap:7px}.info-home__brand{font-size:var(--text-base);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-snug);color:var(--text-strong)}.info-home__tag{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-accent)}.info-toapp{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-accent)}.info-title{font-size:var(--text-h2);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--text-strong);line-height:var(--leading-tight)}.info-lead{font-size:14.5px;color:var(--text-body);margin-top:5px;line-height:var(--leading-normal)}.info-titlerow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.info-chip{display:inline-flex;align-items:center;gap:5px;border-radius:var(--radius-pill);padding:3px 10px;font-size:11.5px;font-weight:var(--weight-bold);white-space:nowrap}.info-chip svg{width:11px;height:11px}.info-chip--clear{background:var(--status-clear-bg);color:var(--status-clear-fg)}.info-chip--treat{background:var(--status-treat-bg);color:var(--status-treat-fg)}.info-chip--none{background:var(--status-none-bg);color:var(--status-none-fg)}.info-list{padding:6px;display:flex;flex-direction:column}.info-list__row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-gentle)}.info-list__row:hover{background:var(--surface-sunken)}.info-list__name{flex:1;font-size:15.5px;font-weight:var(--weight-bold);color:var(--text-strong)}.info-list__chev{flex:none;color:var(--text-subtle);width:17px;height:17px}.info-cardtitle{font-size:14.5px;font-weight:var(--weight-bold);color:var(--text-strong)}.info-cardsub{font-size:13px;color:var(--text-muted);line-height:var(--leading-normal);margin-top:2px}.info-item{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:var(--leading-normal);color:var(--text-body)}.info-item__icon{flex:none;margin-top:1px;color:var(--text-accent);width:16px;height:16px}.info-item strong{color:var(--text-strong)}.info-row{display:flex;align-items:center;gap:12px}.info-tile{flex:none;width:44px;height:44px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-extrabold);font-size:13px}.info-tile--clear{background:var(--status-clear-bg);color:var(--status-clear-fg)}.info-tile--accent{background:var(--surface-card);color:var(--text-accent)}.info-tile--treat{background:var(--status-treat-bg);color:var(--status-treat-base)}.info-tile svg{width:19px;height:19px}.info-pillcap{flex:none;background:var(--status-treat-bg);color:var(--status-treat-fg);border-radius:var(--radius-pill);padding:3px 10px;font-size:11px;font-weight:var(--weight-extrabold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.info-note{font-size:13.5px;color:var(--text-body);line-height:var(--leading-normal)}.info-subnote{font-size:12.5px;color:var(--text-subtle);text-align:center}.info-disclaimer{font-size:11.5px;color:var(--text-subtle);line-height:var(--leading-normal);text-align:center;padding:0 8px}.info-qa{display:flex;flex-direction:column}.info-qa h2{font-size:15px;font-weight:var(--weight-bold);color:var(--text-strong);margin:0;padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--divider)}.info-qa h2:first-child{padding-top:0;margin-top:0;border-top:none}.info-qa p{font-size:14px;line-height:1.6;color:var(--text-body);margin:6px 0 0}.info-qa strong{color:var(--text-strong)}.info-footer{max-width:640px;margin:0 auto;width:100%;padding:var(--space-6) var(--space-5) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:8px;border-top:1px solid var(--divider)}.info-footer__links{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.info-footer a{font-size:12.5px;font-weight:var(--weight-bold);color:var(--text-accent)}.info-footer__tag{font-size:12px;color:var(--text-subtle);text-align:center}.info-stack{display:flex;flex-direction:column;gap:10px}.info-hero{border-radius:var(--radius-lg);padding:22px;background:var(--status-clear-bg);display:flex;flex-direction:column;gap:10px}.info-hero__label{align-self:flex-start;background:var(--status-clear-base);color:#fff;border-radius:var(--radius-pill);padding:4px 12px;font-size:12.5px;font-weight:var(--weight-extrabold);letter-spacing:.04em}.info-hero__title{font-size:var(--text-h2);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight);color:var(--status-clear-fg);line-height:1.15}.info-hero__intro{font-size:14.5px;line-height:1.6;color:var(--status-clear-fg);opacity:.9}