:root{--color-primary:#2f6fd6;--color-primary-dark:#245bb3;--color-danger:#d64545;--color-ok:#2e9e5b;--color-ink:#26303a;--color-sub:#5f6b78;--color-bg:#fff;--color-panel:#f3f6fa;--color-line:#dde4ec;--font-body:16px;--font-button:18px;--font-heading:22px;--font-family:-apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;--radius-card:12px;--radius-button:14px;--touch-target:56px;--content-max-width:560px;--space-unit:8px}html[data-textsize=large]{--font-body:19px;--font-button:21px;--font-heading:26px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-family);font-size:var(--font-body);-webkit-tap-highlight-color:transparent;margin:0}button,input{font-family:inherit}a{color:var(--color-primary)}.btn{min-height:var(--touch-target);border-radius:var(--radius-button);font-size:var(--font-button);padding:0 calc(var(--space-unit) * 2);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:not(:disabled):active{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-panel);color:var(--color-ink)}.btn-danger{background:var(--color-danger);color:#fff}.card{border-radius:var(--radius-card);border:1px solid var(--color-line);background:var(--color-panel);padding:calc(var(--space-unit) * 2);color:inherit;text-decoration:none;display:block}.field{gap:calc(var(--space-unit) / 2);flex-direction:column;display:flex}.field-label{font-size:var(--font-body);color:var(--color-sub)}.field-input{min-height:var(--touch-target);border-radius:var(--radius-button);border:1px solid var(--color-line);padding:0 var(--space-unit);font-size:var(--font-body);color:var(--color-ink);background:var(--color-bg)}.field-error{font-size:var(--font-body);color:var(--color-danger)}.screen{flex-direction:column;min-height:100%;display:flex}.screen-header{padding:var(--space-unit) calc(var(--space-unit) * 2);justify-content:space-between;align-items:center;display:flex}.screen-header h1{font-size:var(--font-heading);margin:0}.screen-content{width:100%;max-width:var(--content-max-width);padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);flex:1;margin:0 auto}.tabbar{border-top:1px solid var(--color-line);padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg);display:flex}.tabbar-item{min-height:var(--touch-target);color:var(--color-sub);font-size:calc(var(--font-body) * .75);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tabbar-item-icon{font-size:1.25em}.tabbar-item--active{color:var(--color-primary);font-weight:600}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}