:root{--crystal-blur: 12px;--crystal-radius: 10px;--crystal-radius-lg: 14px}:root{--crystal-bg: #f5eddc;--crystal-bg-deep: #eee1c6;--crystal-bg-light: #fbf5e8;--crystal-surface: rgba(255, 255, 255, .4);--crystal-surface-2: rgba(255, 255, 255, .55);--crystal-surface-3: rgba(255, 255, 255, .7);--crystal-border: rgba(93, 64, 45, .18);--crystal-border-soft: rgba(93, 64, 45, .1);--crystal-border-glow: rgba(189, 115, 124, .5);--crystal-text: #4a3527;--crystal-text-muted: #8a6f58;--crystal-text-dim: rgba(74, 53, 39, .55);--crystal-accent: #bd737c;--crystal-accent-2: #d798a0;--crystal-accent-soft: rgba(189, 115, 124, .16);--crystal-hover: rgba(74, 50, 38, .05);--crystal-active: rgba(189, 115, 124, .2);--crystal-selected: rgba(189, 115, 124, .28);--crystal-shadow: 0 4px 24px rgba(92, 64, 40, .28);--crystal-shadow-glow: 0 0 18px rgba(189, 115, 124, .35);--crystal-gradient-bg: linear-gradient(160deg, #eee1c6 0%, #f5eddc 55%, #fbf5e8 100%);--crystal-gradient-accent: linear-gradient(135deg, #bd737c 0%, #d798a0 100%);--crystal-glow-accent: radial-gradient(circle at 18% 22%, rgba(189, 115, 124, .09) 0%, transparent 38%);--crystal-glow-cool: radial-gradient(circle at 82% 78%, rgba(214, 178, 122, .1) 0%, transparent 42%);--crystal-glow-top: radial-gradient(circle at 50% 0%, rgba(189, 115, 124, .07) 0%, transparent 60%);--crystal-on-accent: #3a2a1f;--crystal-bar-bg: rgba(250, 245, 232, .88);--crystal-video-bg: #241812}[data-theme=hina]{--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-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-gradient-bg: linear-gradient(160deg, #070b22 0%, #0a1230 55%, #0e1845 100%);--crystal-gradient-accent: linear-gradient(135deg, #f4e58c 0%, #ffe9a0 100%);--crystal-glow-accent: radial-gradient(circle at 18% 22%, rgba(244, 229, 140, .08) 0%, transparent 38%);--crystal-glow-cool: radial-gradient(circle at 82% 78%, rgba(120, 180, 255, .06) 0%, transparent 42%);--crystal-glow-top: radial-gradient(circle at 50% 0%, rgba(244, 229, 140, .06) 0%, transparent 60%);--crystal-on-accent: #0b0b0b;--crystal-bar-bg: rgba(7, 11, 34, .82);--crystal-video-bg: #000000}[data-theme=riri]{--crystal-bg: #f5eddc;--crystal-bg-deep: #eee1c6;--crystal-bg-light: #fbf5e8;--crystal-surface: rgba(255, 255, 255, .4);--crystal-surface-2: rgba(255, 255, 255, .55);--crystal-surface-3: rgba(255, 255, 255, .7);--crystal-border: rgba(93, 64, 45, .18);--crystal-border-soft: rgba(93, 64, 45, .1);--crystal-border-glow: rgba(189, 115, 124, .5);--crystal-text: #4a3527;--crystal-text-muted: #8a6f58;--crystal-text-dim: rgba(74, 53, 39, .55);--crystal-accent: #bd737c;--crystal-accent-2: #d798a0;--crystal-accent-soft: rgba(189, 115, 124, .16);--crystal-hover: rgba(74, 50, 38, .05);--crystal-active: rgba(189, 115, 124, .2);--crystal-selected: rgba(189, 115, 124, .28);--crystal-shadow: 0 4px 24px rgba(92, 64, 40, .28);--crystal-shadow-glow: 0 0 18px rgba(189, 115, 124, .35);--crystal-gradient-bg: linear-gradient(160deg, #eee1c6 0%, #f5eddc 55%, #fbf5e8 100%);--crystal-gradient-accent: linear-gradient(135deg, #bd737c 0%, #d798a0 100%);--crystal-glow-accent: radial-gradient(circle at 18% 22%, rgba(189, 115, 124, .09) 0%, transparent 38%);--crystal-glow-cool: radial-gradient(circle at 82% 78%, rgba(214, 178, 122, .1) 0%, transparent 42%);--crystal-glow-top: radial-gradient(circle at 50% 0%, rgba(189, 115, 124, .07) 0%, transparent 60%);--crystal-on-accent: #3a2a1f;--crystal-bar-bg: rgba(250, 245, 232, .88);--crystal-video-bg: #241812}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:var(--crystal-glow-accent),var(--crystal-glow-cool),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}