:root{--color-abyss: #0f3d52;--color-abyss-deep: #0a2c3b;--color-abyss-raised: #165a75;--color-abyss-line: #2b5c70;--color-shallows: #dcebe6;--color-shallows-deep: #c9ddd7;--color-surface: #ffffff;--color-ink: #102a36;--color-ink-muted: #4b6670;--color-on-abyss: #e7f2ef;--color-on-abyss-muted: #9dbdc2;--color-buoy: #f4b400;--color-buoy-pressed: #d99f00;--color-alert: #c8412f;--color-alert-surface: #fbe9e5;--color-placeholder: #b9c9c5;--color-placeholder-ink: #6f8883;--color-rule: #b7cec7;--font-text: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-gauge: "DIN Alternate", "Bahnschrift", "DIN Condensed", "Roboto Condensed", var(--font-text);--text-small: 12px;--text-caption: 13px;--text-body: 15px;--text-lead: 17px;--text-title: 21px;--text-gauge: 28px;--text-display: 36px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-small: 4px;--radius-medium: 10px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;background:var(--color-shallows-deep);color:var(--color-ink);font-family:var(--font-text);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,dl,dd,figure{margin:0}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-buoy);outline-offset:2px}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;background:var(--color-shallows)}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-6);border:0;border-radius:var(--radius-small);background:var(--color-buoy);color:var(--color-ink);font-size:var(--text-lead);font-weight:700;letter-spacing:.08em;text-decoration:none;cursor:pointer}.primary-button:active{background:var(--color-buoy-pressed)}.primary-button:disabled{cursor:progress;opacity:.7}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-5);border:1px solid var(--color-ink);border-radius:var(--radius-small);background:transparent;font-size:var(--text-body);text-decoration:none;cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
