:root{--color-bg:#fff;--color-page:#f7f5f9;--color-surface:#f6f3f8;--color-surface-hover:#efeaf3;--color-border:#1e142d17;--color-border-light:#1e142d0d;--color-text:#1c1626;--color-text-secondary:#625a70;--color-text-muted:#9d95aa;--color-text-white:#fff;--color-primary:#ee3f86;--color-primary-hover:#d92f76;--color-primary-dark:#c42a6b;--color-primary-light:#fff0f6;--color-violet:#8b5cf6;--color-accent:#c9a25e;--color-accent-hover:#b48c48;--color-gold:#c9a25e;--color-success:#12b886;--color-warning:#f59f00;--color-danger:#ef4565;--color-info:#4c6ef5;--color-live:#ff2d55;--color-online:#22c55e;--color-offline:#a8a2b3;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-sm:0 1px 2px #1c10300a, 0 1px 3px #1c10300a;--shadow-md:0 2px 6px #1c10300a, 0 8px 24px #1c10300f;--shadow-lg:0 4px 12px #1c10300f, 0 18px 48px #1c10301a;--shadow-xl:0 10px 30px #1c10301a, 0 30px 80px #1c103024;--shadow-glow:0 10px 30px #ee3f8647;--gradient-primary:linear-gradient(135deg, #ff5f96 0%, #ee3f86 45%, #9b5cf6 100%);--gradient-accent:linear-gradient(135deg, #e7c98f 0%, #c9a25e 100%);--gradient-live:linear-gradient(135deg, #ff4d6d 0%, #ff2d55 100%);--gradient-soft:linear-gradient(135deg, #fff2f7 0%, #f5f0ff 100%);--font-sans:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", YuGothic, Meiryo, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Montserrat", "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--header-h:72px;--sidebar-w:248px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-page);color:var(--color-text);font-feature-settings:"palt" 1;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;line-height:1.6}button,input,select,textarea{letter-spacing:inherit;font-family:inherit}img{display:block}::selection{background:#ee3f862e}*{scrollbar-width:thin;scrollbar-color:#1e142d29 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e142d24 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#1e142d47 padding-box padding-box}.btn{border-radius:var(--radius-pill);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-text-white);box-shadow:0 6px 18px #ee3f8640}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface)}.card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;color:var(--color-text);padding:12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #ee3f861f}.input::placeholder{color:var(--color-text-muted)}@keyframes livePulse{0%{box-shadow:0 0 #ffffffd9}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}@media (max-width:768px){:root{--space-1:3px;--space-2:6px;--space-3:10px;--space-4:14px;--space-5:18px;--space-6:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--header-h:60px}.btn{padding:var(--space-3) var(--space-4);min-height:44px;font-size:15px}.input{padding:var(--space-4);min-height:44px;font-size:16px}.card{border-radius:var(--radius-md)}}@media (max-width:480px){:root{--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:14px;--space-6:18px;--header-h:56px}.btn{padding:var(--space-3) var(--space-4);font-size:14px}}.auth-bg{z-index:0;background:#120b1a;position:fixed;inset:0;overflow:hidden}.auth-bg .mosaic{grid-template-columns:repeat(6,1fr);gap:14px;animation:60s linear infinite alternate authDrift;display:grid;position:absolute;inset:-10% -5%;transform:rotate(-8deg)scale(1.12)}.auth-bg .mosaic img{aspect-ratio:3/4;object-fit:cover;opacity:.9;border-radius:18px;width:100%}.auth-bg .mosaic img:nth-child(2n){transform:translateY(40px)}.auth-bg:after{content:"";background:radial-gradient(60% 60%,#120b1a59 0%,#120b1ad1 100%),linear-gradient(135deg,#ee3f8640 0%,#8b5cf640 100%);position:absolute;inset:0}@keyframes authDrift{0%{transform:rotate(-8deg)scale(1.12)translateY(0)}to{transform:rotate(-8deg)scale(1.12)translateY(-6%)}}[data-v-bd2c4fa5]:root{--primary:#6366f1;--accent:#ef476f}