@charset "UTF-8";:root{--bg: #faf6ef;--surface: #ffffff;--surface-alt: #f1e9dd;--surface-press: #e7dcc9;--line: #d8cbb6;--ink: #2d2016;--ink-soft: #7a6a58;--primary: #6b3f23;--primary-ink: #fff8ef;--balde-bg: #ead9c5;--balde-ink: #5d3a24;--ok-bg: #e3f1de;--ok-ink: #2c5e23;--error-bg: #fbe3de;--error-ink: #9c2f1d;--warn-bg: #fdf3d7;--warn-ink: #7a5b12;--width-reading: 42rem;--width-app: 72rem;--width-wide: 90rem;--shell-header-height: 84px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.screen-title{font-size:1.5rem;text-align:center}.page{width:100%;max-width:var(--width-app);margin-inline:auto;padding:16px 16px 48px;display:flex;flex-direction:column;gap:16px}.page-reading{max-width:var(--width-reading)}.page-app{max-width:var(--width-app)}.page-wide{max-width:var(--width-wide)}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.split-side{display:flex;flex-direction:column;gap:16px;min-width:0}@media(min-width:1024px){.split{grid-template-columns:minmax(0,1fr) var(--split-side-width, 20rem)}.split-side{position:sticky;top:var(--shell-header-height)}}.btn{min-height:56px;padding:12px 20px;font-size:1.125rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;cursor:pointer}.btn:not(:disabled):active{background:var(--surface-press)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:not(:disabled):active{background:#59331b}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:not(:disabled):active{background:var(--surface-alt)}.field-input{width:100%;min-height:56px;padding:12px 16px;font-size:1.125rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px}.field-input:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.field-label{font-size:1.0625rem;font-weight:700}.hint{margin:0;color:var(--ink-soft);font-size:1.0625rem;text-align:center}.banner{margin:0;padding:12px 16px;min-height:56px;display:flex;align-items:center;font-size:1.0625rem;font-weight:600;border-radius:14px}.banner-error{background:var(--error-bg);color:var(--error-ink)}.banner-ok{background:var(--ok-bg);color:var(--ok-ink)}.banner-warn{background:var(--warn-bg);color:var(--warn-ink)}.pin-dots{display:flex;justify-content:center;gap:16px}.pin-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:var(--surface)}.pin-dot.filled{background:var(--primary);border-color:var(--primary)}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:12px}.name-grid-compact{grid-template-columns:1fr 1fr}.name-btn{min-height:64px;font-size:1.1875rem;font-weight:700}