:root{--crystal-bg: #0a1230;--crystal-bg-deep: #070b22;--crystal-bg-light: #0e1845;--crystal-surface: rgba(255, 255, 255, .04);--crystal-surface-2: rgba(255, 255, 255, .06);--crystal-surface-3: rgba(255, 255, 255, .09);--crystal-border: rgba(255, 255, 255, .1);--crystal-border-soft: rgba(255, 255, 255, .06);--crystal-border-glow: rgba(244, 229, 140, .45);--crystal-text: #c5ccd6;--crystal-text-muted: #8b94a5;--crystal-text-dim: rgba(197, 204, 214, .6);--crystal-accent: #f4e58c;--crystal-accent-2: #ffe9a0;--crystal-accent-soft: rgba(244, 229, 140, .18);--crystal-blur: 12px;--crystal-gradient-bg: linear-gradient(160deg, #070b22 0%, #0a1230 55%, #0e1845 100%);--crystal-gradient-accent: linear-gradient(135deg, #f4e58c 0%, #ffe9a0 100%);--crystal-hover: rgba(255, 255, 255, .08);--crystal-active: rgba(244, 229, 140, .22);--crystal-selected: rgba(244, 229, 140, .28);--crystal-shadow: 0 4px 24px rgba(0, 0, 0, .45);--crystal-shadow-glow: 0 0 18px rgba(244, 229, 140, .32);--crystal-radius: 10px;--crystal-radius-lg: 14px}html,body{margin:0;padding:0;min-height:100%;background:var(--crystal-gradient-bg);background-attachment:fixed;color:var(--crystal-text);font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-image:radial-gradient(circle at 18% 22%,rgba(244,229,140,.08) 0%,transparent 38%),radial-gradient(circle at 82% 78%,rgba(120,180,255,.06) 0%,transparent 42%),var(--crystal-gradient-bg);background-attachment:fixed,fixed,fixed}a{color:var(--crystal-accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover{color:var(--crystal-accent-2);text-shadow:0 0 8px var(--crystal-border-glow)}button{background:var(--crystal-surface);color:var(--crystal-text);border:1px solid var(--crystal-border);border-radius:var(--crystal-radius);padding:.5rem .85rem;cursor:pointer;backdrop-filter:blur(var(--crystal-blur));-webkit-backdrop-filter:blur(var(--crystal-blur));transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}button:hover:not(:disabled){background:var(--crystal-hover);border-color:var(--crystal-border-glow);color:var(--crystal-accent-2);box-shadow:var(--crystal-shadow-glow)}button:active:not(:disabled),button.active{background:var(--crystal-active);border-color:var(--crystal-accent);color:var(--crystal-accent)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--crystal-surface);color:var(--crystal-text);border:1px solid var(--crystal-border);border-radius:var(--crystal-radius);padding:.5rem .75rem;backdrop-filter:blur(var(--crystal-blur));-webkit-backdrop-filter:blur(var(--crystal-blur));transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,select::placeholder,textarea::placeholder{color:var(--crystal-text-dim)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--crystal-accent);box-shadow:0 0 0 3px var(--crystal-accent-soft)}.crystal-panel{background:var(--crystal-surface);border:1px solid var(--crystal-border);border-radius:var(--crystal-radius-lg);backdrop-filter:blur(var(--crystal-blur));-webkit-backdrop-filter:blur(var(--crystal-blur));box-shadow:var(--crystal-shadow)}*{scrollbar-width:thin;scrollbar-color:var(--crystal-border) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--crystal-border);border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:var(--crystal-border-glow)}:focus-visible{outline:2px solid var(--crystal-accent);outline-offset:2px}