:root{color-scheme:light dark;--saya-coral: #FF5F4A;--saya-coral-dark: #E94B38;--saya-ink: #11141B;--saya-cloud: #F7F8FA;--saya-white: #FFFFFF;--saya-slate: #626A78;--saya-signal-mint: #4ED8BE;--saya-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--saya-radius-sm: 8px;--saya-radius-md: 16px;--saya-radius-lg: 24px;--saya-space-1: 4px;--saya-space-2: 8px;--saya-space-3: 12px;--saya-space-4: 16px;--saya-space-5: 24px;--saya-space-6: 32px;--saya-touch-target: 44px;--surface-base: var(--saya-white);--surface-raised: var(--saya-cloud);--text-primary: var(--saya-ink);--text-secondary: var(--saya-slate);--border-subtle: #CDCFD4;--accent-surface: var(--saya-coral);--accent-surface-hover: var(--saya-coral-dark);--text-on-accent: var(--saya-ink);--focus-ring: var(--saya-ink)}@media(prefers-color-scheme:dark){:root{--surface-base: var(--saya-ink);--surface-raised: #23262D;--text-primary: var(--saya-cloud);--text-secondary: #B7B8BC;--border-subtle: #3F4248;--focus-ring: var(--saya-cloud)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;font-family:var(--saya-font-sans);font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--surface-base)}h1,h2,h3{line-height:1.25;margin:0 0 var(--saya-space-3);text-wrap:balance}h1{font-size:1.5rem}h2{font-size:1.125rem}p{margin:0 0 var(--saya-space-3)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--saya-radius-sm)}.skip-link{position:absolute;left:var(--saya-space-4);top:calc(-1 * var(--saya-touch-target) - var(--saya-space-4));z-index:2;display:inline-flex;align-items:center;min-height:var(--saya-touch-target);padding:0 var(--saya-space-4);border-radius:var(--saya-radius-sm);background:var(--accent-surface);color:var(--text-on-accent);font-weight:600;text-decoration:none}.skip-link:focus-visible{top:var(--saya-space-4)}.app{display:flex;min-height:100dvh;flex-direction:column}.app__header{display:flex;align-items:center;justify-content:space-between;gap:var(--saya-space-3);padding:var(--saya-space-3) var(--saya-space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-base)}.app__main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:var(--saya-space-5) var(--saya-space-4) calc(var(--saya-touch-target) + var(--saya-space-6) + env(safe-area-inset-bottom))}.wordmark{display:inline-flex;align-items:center;width:120px}.wordmark__image{display:block;width:100%;height:auto}.wordmark__image--dark-only{display:none}.locale-switch{display:inline-flex;gap:var(--saya-space-1);align-items:center}.locale-switch__button{min-height:var(--saya-touch-target);min-width:var(--saya-touch-target);padding:0 var(--saya-space-2);border:1px solid var(--border-subtle);border-radius:var(--saya-radius-sm);background:var(--surface-base);color:var(--text-primary);font:inherit;font-weight:500;cursor:pointer}.locale-switch__button[aria-pressed=true]{border-color:var(--text-primary);background:var(--surface-raised);font-weight:700;text-decoration:underline;text-underline-offset:3px}.nav{position:fixed;inset:auto 0 0;z-index:1;border-top:1px solid var(--border-subtle);background:var(--surface-base);padding-bottom:env(safe-area-inset-bottom)}.nav__list{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.nav__link{display:flex;min-height:var(--saya-touch-target);flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--saya-space-2) var(--saya-space-1);border-top:3px solid transparent;color:var(--text-secondary);font-size:.75rem;text-align:center;text-decoration:none}.nav__link[aria-current=page]{border-top-color:var(--accent-surface);color:var(--text-primary);font-weight:700}.nav__icon{width:22px;height:22px}.card{margin:0 0 var(--saya-space-4);padding:var(--saya-space-4);border:1px solid var(--border-subtle);border-radius:var(--saya-radius-md);background:var(--surface-raised)}.card__label{margin:0 0 var(--saya-space-1);color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--text-secondary)}.link{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.device-list{margin:0;padding:0;list-style:none}.button{min-height:var(--saya-touch-target);padding:0 var(--saya-space-4);border:0;border-radius:var(--saya-radius-sm);background:var(--accent-surface);color:var(--text-on-accent);font:inherit;font-weight:700;cursor:pointer}.button:disabled{cursor:wait;opacity:.65}.button--secondary{border:1px solid var(--border-subtle);background:var(--surface-base);color:var(--text-primary)}.secret-result{display:grid;gap:var(--saya-space-3);margin-top:var(--saya-space-4)}.secret-result input{width:100%;min-height:var(--saya-touch-target);padding:var(--saya-space-2) var(--saya-space-3);border:1px solid var(--border-subtle);border-radius:var(--saya-radius-sm);background:var(--surface-base);color:var(--text-primary);font:inherit}@media(min-width:768px){.app__header{gap:var(--saya-space-5);padding:var(--saya-space-4) var(--saya-space-6)}.app__main{padding-bottom:var(--saya-space-6)}.nav{position:static;flex:1;border-top:0;background:none;padding-bottom:0}.nav__list{display:flex;gap:var(--saya-space-2);justify-content:flex-start}.nav__link{flex-direction:row;gap:var(--saya-space-2);padding:var(--saya-space-2) var(--saya-space-3);border-top:0;border-bottom:3px solid transparent;border-radius:var(--saya-radius-sm);font-size:.9375rem}.nav__link[aria-current=page]{border-top-color:transparent;border-bottom-color:var(--accent-surface)}}@media(prefers-color-scheme:dark){.wordmark__image--light-only{display:none}.wordmark__image--dark-only{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}