*{box-sizing:border-box}:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:0.95rem;--text-md:1.05rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.85rem;--text-3xl:2.4rem;--text-4xl:3rem;--text-reading:1.6rem;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--lh-reading:2.2;--ease-standard:cubic-bezier(0.2,0,0,1);--ease-emphasis:cubic-bezier(0.2,0,0.1,1.2);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 10px 32px rgba(0,0,0,0.14);--shadow-pop:0 8px 30px rgba(0,0,0,0.18);--font-reading-ja:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--font-reading-zh:"Noto Serif SC","Songti SC","SimSun",serif;--font-reading-ko:"Noto Serif KR","Nanum Myeongjo","Apple SD Gothic Neo",serif;--font-reading:var(--font-reading-ja);--bg:#b9ddf1;--surface:#ffffff;--surface-alt:#e9f4fb;--surface-sunk:#d9ecf7;--bg-image:none;--text:#2a1f1a;--text-muted:#7d6755;--text-faint:#b8a999;--text-on-accent:#ffffff;--border:rgba(107,68,35,0.18);--border-strong:rgba(107,68,35,0.32);--accent:#e85a98;--accent-hover:#d03b7f;--accent-soft:rgba(232,90,152,0.10);--accent-mid:rgba(232,90,152,0.22);--accent-glow:rgba(232,90,152,0.36);--secondary:#6b4423;--secondary-hover:#4a2f17;--secondary-soft:rgba(107,68,35,0.10);--secondary-mid:rgba(107,68,35,0.22);--highlight:#f9b7d1;--danger:#b91c1c;--danger-soft:rgba(185,28,28,0.08);--success:#0f766e;--success-soft:rgba(15,118,110,0.10);--warning:#b45309;--warning-soft:rgba(180,83,9,0.10);--tone-1:#dc2626;--tone-2:#ca8a04;--tone-3:#16a34a;--tone-4:#2563eb;--tone-5:#888888;--pitch-high:#dc2626;--pitch-low:#2563eb}.lang-ja{--font-reading:var(--font-reading-ja)}.lang-zh{--font-reading:var(--font-reading-zh)}.lang-ko{--font-reading:var(--font-reading-ko)}.theme-sakura{--bg:#b9ddf1;--surface:#ffffff;--surface-alt:#e9f4fb;--surface-sunk:#d9ecf7;--bg-image:radial-gradient(ellipse 42% 36% at 16% 20%,rgba(255,255,255,0.7) 0%,transparent 65%),radial-gradient(ellipse 48% 32% at 84% 30%,rgba(255,255,255,0.55) 0%,transparent 65%),radial-gradient(ellipse 55% 44% at 52% 82%,rgba(186,230,253,0.55) 0%,transparent 70%),radial-gradient(ellipse 30% 26% at 28% 60%,rgba(148,197,245,0.28) 0%,transparent 70%),radial-gradient(ellipse 34% 28% at 72% 88%,rgba(255,255,255,0.38) 0%,transparent 70%);--text:#2a1f1a;--text-muted:#7d6755;--text-faint:#b8a999;--text-on-accent:#ffffff;--border:rgba(107,68,35,0.18);--border-strong:rgba(107,68,35,0.32);--accent:#e85a98;--accent-hover:#d03b7f;--accent-soft:rgba(232,90,152,0.10);--accent-mid:rgba(232,90,152,0.22);--accent-glow:rgba(232,90,152,0.36);--secondary:#6b4423;--secondary-hover:#4a2f17;--secondary-soft:rgba(107,68,35,0.10);--secondary-mid:rgba(107,68,35,0.22);--highlight:#f9b7d1;--danger:#b91c1c;--danger-soft:rgba(185,28,28,0.08);--success:#0f766e;--success-soft:rgba(15,118,110,0.10);--warning:#b45309;--warning-soft:rgba(180,83,9,0.10);--tone-1:#dc2626;--tone-2:#ca8a04;--tone-3:#16a34a;--tone-4:#2563eb;--tone-5:#888888;--pitch-high:#dc2626;--pitch-low:#2563eb;--shadow-pop:0 10px 30px rgba(107,68,35,0.18)}.theme-sakura.dark{--bg:#1b1510;--surface:#241b16;--surface-alt:#2e2218;--surface-sunk:#1a130f;--bg-image:none;--text:#f5ede1;--text-muted:#b29d89;--text-faint:#7a6858;--text-on-accent:#1b1510;--border:rgba(245,220,200,0.14);--border-strong:rgba(245,220,200,0.32);--accent:#f9a8d4;--accent-hover:#f472b6;--accent-soft:rgba(249,168,212,0.12);--accent-mid:rgba(249,168,212,0.24);--accent-glow:rgba(249,168,212,0.38);--secondary:#d2a679;--secondary-hover:#c8956a;--secondary-soft:rgba(210,166,121,0.10);--secondary-mid:rgba(210,166,121,0.22);--highlight:#fbcfe8;--tone-1:#f87171;--tone-2:#facc15;--tone-3:#4ade80;--tone-4:#60a5fa;--tone-5:#aaaaaa;--pitch-high:#f87171;--pitch-low:#60a5fa}.theme-paper{--bg:#f5efe3;--surface:#fbf7ec;--surface-alt:#ede5d3;--surface-sunk:#e4dcc9;--bg-image:radial-gradient(ellipse 60% 50% at 20% 15%,rgba(255,250,235,0.6) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 85%,rgba(230,215,185,0.35) 0%,transparent 70%);--text:#1a1613;--text-muted:#6b5f52;--text-faint:#a89a86;--text-on-accent:#fbf7ec;--border:rgba(26,22,19,0.15);--border-strong:rgba(26,22,19,0.38);--accent:#c43e2f;--accent-hover:#a52f22;--accent-soft:rgba(196,62,47,0.09);--accent-mid:rgba(196,62,47,0.20);--accent-glow:rgba(196,62,47,0.32);--secondary:#2d2924;--secondary-hover:#1a1613;--secondary-soft:rgba(45,41,36,0.08);--secondary-mid:rgba(45,41,36,0.18);--highlight:#e8a299;--danger:#a52f22;--danger-soft:rgba(165,47,34,0.10);--success:#4a6b3e;--success-soft:rgba(74,107,62,0.10);--warning:#8a6a22;--warning-soft:rgba(138,106,34,0.10);--tone-1:#c43e2f;--tone-2:#b8860b;--tone-3:#4a6b3e;--tone-4:#2c4a6b;--tone-5:#6b5f52;--pitch-high:#c43e2f;--pitch-low:#2c4a6b;--shadow-pop:0 12px 36px rgba(45,41,36,0.18)}.theme-paper.dark{--bg:#1c1915;--surface:#24201a;--surface-alt:#2e2922;--surface-sunk:#17140f;--bg-image:none;--text:#ede6d6;--text-muted:#a89a86;--text-faint:#6b6054;--text-on-accent:#1c1915;--border:rgba(237,230,214,0.14);--border-strong:rgba(237,230,214,0.34);--accent:#e86a5c;--accent-hover:#f08577;--accent-soft:rgba(232,106,92,0.12);--accent-mid:rgba(232,106,92,0.24);--accent-glow:rgba(232,106,92,0.36);--secondary:#d9cfbd;--secondary-hover:#ede6d6;--secondary-soft:rgba(217,207,189,0.10);--secondary-mid:rgba(217,207,189,0.22);--highlight:#f2b5aa;--tone-1:#f08577;--tone-2:#e6bf4a;--tone-3:#84c070;--tone-4:#6ba5d9;--tone-5:#999080;--pitch-high:#f08577;--pitch-low:#6ba5d9}.theme-lamp{--bg:#f4ecd8;--surface:#fbf5e3;--surface-alt:#ebe0c4;--surface-sunk:#e0d2b1;--bg-image:radial-gradient(ellipse 70% 55% at 30% 25%,rgba(255,236,178,0.45) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 80% 80%,rgba(215,195,150,0.30) 0%,transparent 70%);--text:#1f1a12;--text-muted:#6b5f42;--text-faint:#a79a7a;--text-on-accent:#fbf5e3;--border:rgba(31,26,18,0.16);--border-strong:rgba(31,26,18,0.36);--accent:#2e6b4a;--accent-hover:#1f5038;--accent-soft:rgba(46,107,74,0.10);--accent-mid:rgba(46,107,74,0.22);--accent-glow:rgba(46,107,74,0.34);--secondary:#a85a12;--secondary-hover:#8a4a0e;--secondary-soft:rgba(168,90,18,0.10);--secondary-mid:rgba(168,90,18,0.22);--highlight:#e8c887;--danger:#a13822;--danger-soft:rgba(161,56,34,0.10);--success:#2e6b4a;--success-soft:rgba(46,107,74,0.10);--warning:#a85a12;--warning-soft:rgba(168,90,18,0.10);--tone-1:#c43418;--tone-2:#a85a12;--tone-3:#2e6b4a;--tone-4:#2c4a6b;--tone-5:#6b5f42;--pitch-high:#c43418;--pitch-low:#2c4a6b;--shadow-pop:0 12px 36px rgba(31,26,18,0.20)}.theme-lamp.dark{--bg:#161310;--surface:#1f1a14;--surface-alt:#2a231b;--surface-sunk:#110e0a;--bg-image:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(168,120,40,0.12) 0%,transparent 70%);--text:#ece2c6;--text-muted:#a89a78;--text-faint:#6b5f42;--text-on-accent:#1f1a14;--border:rgba(236,226,198,0.14);--border-strong:rgba(236,226,198,0.34);--accent:#7dc89b;--accent-hover:#96d8b0;--accent-soft:rgba(125,200,155,0.12);--accent-mid:rgba(125,200,155,0.24);--accent-glow:rgba(125,200,155,0.36);--secondary:#e8ac5c;--secondary-hover:#f2bf76;--secondary-soft:rgba(232,172,92,0.12);--secondary-mid:rgba(232,172,92,0.24);--highlight:#e8c887;--tone-1:#f08577;--tone-2:#e8ac5c;--tone-3:#7dc89b;--tone-4:#6ba5d9;--tone-5:#a89a78;--pitch-high:#f08577;--pitch-low:#6ba5d9}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);background-image:var(--bg-image);background-attachment:fixed;color:var(--text);transition:background-color .3s,color .3s;line-height:1.6}@keyframes ii-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ii-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{font-family:inherit;font-size:.9rem;padding:.6rem 1.2rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;background:var(--accent);color:#fff;font-weight:500}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 8px var(--accent-glow)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 2rem;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 85%,transparent)}.logo{font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--accent);border-bottom:2px solid var(--secondary);padding-bottom:1px}.hamburger{display:none;font-size:1.5rem;color:inherit;border:none;cursor:pointer;padding:.25rem}.hamburger,.hamburger:hover{background:none!important;box-shadow:none!important;transform:none!important}.nav-links{list-style:none;display:flex;gap:.3rem;margin:0;padding:0;align-items:center}.nav-links li a{color:inherit;text-decoration:none;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;transition:background .2s,color .2s}.nav-links li a:hover{text-decoration:none;background:var(--accent-soft);color:var(--accent)}.theme-toggle{background:none!important;border:1px solid var(--border-strong)!important;padding:.3rem .6rem!important;border-radius:6px!important;cursor:pointer;color:inherit!important;font-size:.8rem!important}.theme-toggle,.theme-toggle:hover{box-shadow:none!important;transform:none!important}.theme-toggle:hover{background:var(--accent-soft)!important;color:var(--accent)!important}.auth-btn{background:none!important;border:1px solid var(--border-strong)!important;padding:.3rem .8rem!important;border-radius:6px!important;cursor:pointer;color:inherit!important;font-size:.8rem!important}.auth-btn,.auth-btn:hover{box-shadow:none!important;transform:none!important}.auth-btn:hover{background:var(--accent-soft)!important;color:var(--accent)!important}.auth-btn.accent{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.auth-btn.accent:hover{background:var(--accent-hover)!important}.user-menu{display:flex;align-items:center;gap:.5rem}.display-name{font-size:.85rem;font-weight:600;color:var(--secondary)}@media (max-width:768px){.hamburger{display:block}.nav-links{flex-direction:column;position:absolute;top:56px;left:0;right:0;display:none;padding:.5rem 1rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 95%,transparent)}.nav-links.open{display:flex}.nav-links li a{padding:.6rem .8rem;width:100%;display:block}.navbar{padding:.8rem 1rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-mid)}::selection{background:var(--accent-mid);color:var(--text)}