:root,:root[data-theme=clearnote]{--color-shadow-hard:#b9cbd2;--color-deck-back:#e4dfd2;--color-hero:#302833;--color-hero-ink:#fbfaf5;--color-hero-card:#fbfaf5;--color-hero-card-ink:#302833;--color-bg:#f7fafb;--color-surface:#fff;--color-surface-alt:#f0f5f7;--color-primary:#4fa8d8;--color-primary-contrast:#23343c;--color-accent:#5fcfc0;--color-accent-contrast:#0e4a42;--color-accent-ink:#1c8071;--color-text:#23343c;--color-text-muted:#62767d;--color-border:#e1eaed;--color-success-bg:#e3f7ee;--color-success-text:#197e56;--color-tag-teppan-bg:#fcefc2;--color-tag-teppan-text:#876800;--color-tag-chosen-bg:#fde3d2;--color-tag-chosen-text:#a0501c;--color-tag-sealed-bg:#e4e4f0;--color-tag-sealed-text:#4a4e70;--color-star:#bfe0ea;--radius-sm:8px;--radius-md:12px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--row-gap:10px;--section-gap:26px;--font-body:var(--font-zen-kaku), -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", "Meiryo", "Segoe UI", system-ui, Roboto, Arial, sans-serif;--font-numeric:var(--font-montserrat), var(--font-body);--font-detail:var(--font-mplus-rounded), "Hiragino Maru Gothic ProN", "Hiragino Maru Gothic Pro", -apple-system, BlinkMacSystemFont, "Yu Gothic UI", "Yu Gothic", "Meiryo", "Segoe UI", system-ui, Roboto, Arial, sans-serif}:root{--color-machine-ai:#c494ff;--color-machine-heart:#ff9ec4;--color-machine-dxg:#ffa766;--shape-radius:10px;--shape-radius-sm:8px;--lift:3px;--tilt:5deg}:root[data-theme=yozora]{--color-shadow-hard:#bdb4e4;--color-deck-back:#ddd6f2;--color-hero:#4f455c;--color-hero-ink:#f7f5fc;--color-hero-card:#f7f5fc;--color-hero-card-ink:#4f455c;--color-bg:#e7e4fa;--color-surface:#faf9ff;--color-surface-alt:#e3dff7;--color-primary:#6fa8d8;--color-primary-contrast:#34324f;--color-accent:#c9a8f5;--color-accent-contrast:#3a2e5c;--color-accent-ink:#7453b8;--color-text:#34324f;--color-text-muted:#66628a;--color-border:#dad5f2;--color-success-bg:#d9f2e3;--color-success-text:#1f6b45;--color-tag-teppan-bg:#f0ce7a;--color-tag-teppan-text:#6b4e10;--color-tag-chosen-bg:#f4b9c9;--color-tag-chosen-text:#7a2e43;--color-tag-sealed-bg:#b9b4e8;--color-tag-sealed-text:#3d3768;--color-star:#ffd97d}:root[data-theme=light]{--color-shadow-hard:#c6ccd1;--color-deck-back:#e0e2e1;--color-hero:#343434;--color-hero-ink:#f3f3f2;--color-hero-card:#f3f3f2;--color-hero-card-ink:#343434;--color-bg:#f4f5f6;--color-surface:#fff;--color-surface-alt:#eceef0;--color-primary:#4f93c4;--color-primary-contrast:#23272b;--color-accent:#687782;--color-accent-contrast:#fff;--color-accent-ink:#3674a0;--color-text:#23272b;--color-text-muted:#686f7d;--color-border:#dde1e4;--color-success-bg:#e3f3e8;--color-success-text:#227a4b;--color-tag-teppan-bg:#f1e4b8;--color-tag-teppan-text:#7a5d12;--color-tag-chosen-bg:#f0d9c4;--color-tag-chosen-text:#8a4b22;--color-tag-sealed-bg:#dadce3;--color-tag-sealed-text:#4a4e58;--color-star:#c7d6de}:root[data-theme=dark]{--color-shadow-hard:#3f464d;--color-deck-back:#3a4048;--color-hero:#e9e4d4;--color-hero-ink:#22262b;--color-hero-card:#e9e4d4;--color-hero-card-ink:#22262b;--color-bg:#1b1e22;--color-surface:#23272c;--color-surface-alt:#2b3036;--color-primary:#6fb8e0;--color-primary-contrast:#0d1b24;--color-accent:#8a97a3;--color-accent-contrast:#12161a;--color-accent-ink:#6fb8e0;--color-text:#e8eaed;--color-text-muted:#9aa3ac;--color-border:#363c42;--color-success-bg:#1e3a2a;--color-success-text:#6fd9a0;--color-tag-teppan-bg:#4a3e1e;--color-tag-teppan-text:#e8ce8c;--color-tag-chosen-bg:#4a2e20;--color-tag-chosen-text:#e8b896;--color-tag-sealed-bg:#33363f;--color-tag-sealed-text:#b7bbc9;--color-star:#4a5560}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);line-height:1.5}button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}