:root{--bg:#FAF7F0;--primary:#003BC1;--gold:#F8C058;--purple:#8B28C4;--green:#3CB270;--sky:#75C0E4;--text:#231815;--muted:#6b6660;--card:#ffffff;--line:#eadfce;--radius:18px;--nav-h:64px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans JP,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.7}a{color:inherit;text-decoration:none}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative}.page{padding:20px 18px calc(var(--nav-h) + 28px)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:700;width:100%;cursor:pointer}.btn-line{background:#06C755}.h-title{font-size:22px;font-weight:800;margin:0 0 4px;letter-spacing:.02em}.h-sub{color:var(--muted);font-size:13px;margin:0 0 18px}.placeholder{color:var(--muted);font-size:14px;border:1px dashed var(--line);border-radius:var(--radius);padding:22px;text-align:center;background:#fffdf8}