:root{--font:"Zen Kaku Gothic New", sans-serif;--ink:#1b1a17;--sub:#5c574c;--body:#f3efe4;--bg:#faf8f5;--card:#fff;--soft:#f4f1ec;--line:#14141e14;--on-accent:#fff;--shadow:0 1px 2px #14141e0a, 0 8px 24px #14141e0f;--shadow-up:0 2px 4px #14141e0f, 0 12px 28px #14141e1a;--shadow-lift:0 2px 4px #14141e0f, 0 16px 36px #14141e1a;--r-pill:999px;--r-card:20px;--r-tile:16px;--r-field:14px;--r-input:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#ece6d8;--sub:#a8a193;--body:#191815;--bg:#131316;--card:#1c1c21;--soft:#24242a;--line:#ffffff17;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}}:root[data-theme=dark]{--ink:#ece6d8;--sub:#a8a193;--body:#191815;--bg:#131316;--card:#1c1c21;--soft:#24242a;--line:#ffffff17;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}.theme-shu{--t1:#ffc2ae;--t2:#ffb3cd;--a1:#ff5a36;--a2:#ff3d7f;--shu:#e8452a}.theme-ai{--t1:#b7c8ff;--t2:#a9ecff;--a1:#3b5bff;--a2:#00a3ff;--shu:#3355e8}.theme-wakaba{--t1:#c6f2b4;--t2:#a6eee1;--a1:#17a35e;--a2:#0fa3a0;--shu:#13894f}.theme-yuyake{--t1:#ffdda0;--t2:#ffb8a0;--a1:#ff8a00;--a2:#ff4f4f;--shu:#e0661a}.theme-mono{--t1:#e5e7eb;--t2:#f1f2f4;--a1:#1d2735;--a2:#1d2735;--shu:#1d2735;--r-pill:10px;--r-card:14px;--r-tile:12px;--r-field:10px;--r-input:8px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-mono{--t1:#3a3a40;--t2:#2a2a30;--a1:#fafafa;--a2:#fafafa;--on-accent:#070a0d}}:root[data-theme=dark] .theme-mono{--t1:#3a3a40;--t2:#2a2a30;--a1:#fafafa;--a2:#fafafa;--on-accent:#070a0d}.pop{--grad:linear-gradient(135deg, var(--a1), var(--a2));--tint:color-mix(in srgb, var(--a1) 8%, var(--card));--halo:0 0 0 4px color-mix(in srgb, var(--a1) 16%, transparent);--ring:0 0 0 3px var(--card), 0 0 0 5px var(--a1);--ring-press:0 0 0 3px var(--card), 0 0 0 5px color-mix(in srgb, var(--a1) 55%, transparent);--glow1:var(--t1);--glow2:var(--t2);--ask-bg:linear-gradient(135deg, color-mix(in srgb, var(--t1) 55%, var(--card)), color-mix(in srgb, var(--t2) 55%, var(--card)));--ask-label:color-mix(in srgb, var(--a1) 80%, var(--ink));--btn-solid:inset 0 1.5px 0 #ffffff47, inset 0 -3px 2px #0000001a, 0 1px 1px #00000014, 0 2px 3px #0000000f, 0 6px 16px color-mix(in srgb, var(--a1) 28%, transparent);--btn-solid-hover:inset 0 1.5px 0 #ffffff52, inset 0 -3px 2px #0000001a, 0 1px 1px #0000001a, 0 3px 6px #00000014, 0 10px 22px color-mix(in srgb, var(--a1) 36%, transparent);--btn-solid-press:inset 0 3px 1px #00000024, inset 0 0 2px #0000001f;--btn-soft:inset 0 1px 0 #ffffffb3, 0 0 0 1px var(--line), 0 1px 2px #14141e0f, 0 3px 8px #14141e0d;--btn-soft-hover:inset 0 1px 0 #ffffffb3, 0 0 0 1px var(--line), 0 2px 4px #14141e14, 0 8px 18px #14141e14;--btn-soft-press:inset 0 2px 3px #0000001a, inset 0 0 0 2px var(--a1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pop{--shu:color-mix(in srgb, var(--a1) 70%, white);--glow1:color-mix(in srgb, var(--t1) 28%, transparent);--glow2:color-mix(in srgb, var(--t2) 24%, transparent);--ask-bg:linear-gradient(135deg, color-mix(in srgb, var(--t1) 16%, var(--card)), color-mix(in srgb, var(--t2) 16%, var(--card)));--ask-label:color-mix(in srgb, var(--a1) 60%, white)}}:root[data-theme=dark] .pop{--shu:color-mix(in srgb, var(--a1) 70%, white);--glow1:color-mix(in srgb, var(--t1) 28%, transparent);--glow2:color-mix(in srgb, var(--t2) 24%, transparent);--ask-bg:linear-gradient(135deg, color-mix(in srgb, var(--t1) 16%, var(--card)), color-mix(in srgb, var(--t2) 16%, var(--card)));--ask-label:color-mix(in srgb, var(--a1) 60%, white)}