html{color-scheme:light!important}:root{--mixxiin-primary:#ffb819;--mixxiin-secondary:#0c2340;--mixxiin-accent:#ff48cc;--mixxiin-gradient:linear-gradient(135deg,#ffb81c,#ff48cc);--font-heading:"Rubik","Noto Sans TC",sans-serif;--font-body:"Rubik","Noto Sans TC",sans-serif;--font-mono:"JetBrains Mono",monospace;--bg-canvas:#f1f3f5;--bg-surface:#fff;--fg-default:#171717;--fg-muted:#525252;--border-default:#e5e7eb}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--fg-default)}#__next,body,html{height:100%}#__next{overflow:auto}::selection{background-color:rgba(236,72,153,.4);color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a3a3a3}:focus-visible{outline:2px solid var(--mixxiin-primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-fade-in{animation:fadeIn .2s ease-out}.animate-slide-up{animation:slideUp .3s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.gradient-text{background:var(--mixxiin-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:hsla(0,0%,100%,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.card-interactive{transition:transform .2s ease,box-shadow .2s ease}.card-interactive:hover{transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}@media (max-width:768px){.hide-on-mobile{display:none!important}}@media (min-width:769px){.hide-on-desktop{display:none!important}}