:root{color-scheme:light dark;--canvas: light-dark(#ffffff, #1b1b1d);--sidebar: light-dark(#f4f4f2, #232326);--raised: light-dark(#ffffff, #2b2b2e);--fill: light-dark(#ececea, #323236);--line: light-dark(#e6e5e1, #38383c);--control: light-dark(#85837d, #7c7b77);--ink: light-dark(#1c1c1e, #f2f2ef);--ink-muted: light-dark(#66655f, #a6a59f);--fox: light-dark(#bf430c, #ff8a4c);--fox-soft: light-dark(#fdeee6, #3e2418);--on-fox: light-dark(#ffffff, #1b1b1d);--danger: light-dark(#c4281c, #ff6b5e);--danger-soft: light-dark(#fdeceb, #3d1f1c);--shadow-card: light-dark( 0 1px 2px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .5) );--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 999px;--touch: 44px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:22px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}main{max-width:560px;min-height:100dvh;margin:0 auto;padding:max(var(--space-5),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-5),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));display:grid;align-content:start;gap:var(--space-4)}h1{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.015em;text-wrap:balance}p{margin:0}:focus-visible{outline:2px solid var(--fox);outline-offset:2px;border-radius:var(--radius-md)}input,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--canvas);border:1px solid var(--control);border-radius:var(--radius-md);padding:0 var(--space-3)}input::placeholder,textarea::placeholder{color:var(--ink-muted)}input[type=password]{height:var(--touch)}textarea{padding:var(--space-3);line-height:24px;resize:none}button{font:inherit;min-height:var(--touch);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--fox);color:var(--on-fox);font-weight:600;cursor:pointer}button:disabled{opacity:.4;cursor:default}button.secondary{background:transparent;color:var(--ink-muted);font-weight:400;padding:0 var(--space-3)}button.secondary:hover:not(:disabled){background:var(--fill)}.card{background:var(--raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);display:grid;gap:var(--space-4)}.problem{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--danger);background:var(--danger-soft)}.problem>:first-child{color:var(--danger);font-weight:600}.problem button{justify-self:start;margin-top:var(--space-2)}.notice{color:var(--ink-muted)}.detail{color:var(--ink-muted);font-size:13px;line-height:18px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}::view-transition-group(compose){animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(compose),::view-transition-new(compose){height:100%;object-fit:none}