*{margin:0;padding:0;box-sizing:border-box}:root{--bg-body: linear-gradient(135deg, #e8eaf0 0%, #f0f2f8 30%, #dde3ef 60%, #eae5f0 100%);--bg-canvas: #000000;--bg-sidebar: rgba(255,255,255,.15);--border-sidebar: rgba(255,255,255,.5);--glass-highlight: linear-gradient(180deg, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%);--bg-card: rgba(255,255,255,.18);--bg-card-header: rgba(255,255,255,.18);--bg-card-header-hover: rgba(0,0,0,.03);--bg-button-primary: #1d1d1f;--bg-button-secondary: #e8e8ed;--bg-input: #fff;--bg-iframe-wrap: transparent;--color-text: #1d1d1f;--color-text-secondary: #515154;--color-text-muted: #86868b;--color-accent: #0071e3;--border-color: rgba(0,0,0,.06);--border-color-strong: rgba(0,0,0,.12);--border-color-hover: rgba(0,0,0,.12);--shadow-sidebar: -2px 0 20px rgba(0,0,0,.04);--shadow-thumb: 0 1px 6px rgba(0,0,0,.18), 0 0 0 1px rgba(0,0,0,.04);--shadow-thumb-hover: 0 2px 10px rgba(0,0,0,.22), 0 0 0 1px rgba(0,0,0,.06);--scrollbar-thumb: rgba(0,0,0,.15);--hr-color: rgba(0,0,0,.06);--select-arrow: %3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="6"%3E%3Cpath d="M0 0l5 6 5-6z" fill="%2386868b"/%3E%3C/svg%3E;--gui-background: rgba(255,255,255,.25);--gui-widget: rgba(255,255,255,.15);--gui-focus: #0071e3;--gui-hover: #e8e8ed;--gui-text: #1d1d1f;--gui-title-bg: rgba(255,255,255,.18);--gui-title-text: #1d1d1f;--gui-number: #0071e3;--toggle-bg: #e8e8ed;--toggle-icon: "☀️";--font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif}body.night{--bg-body: linear-gradient(135deg, #0d0d14 0%, #12121c 30%, #0a0a12 60%, #10101a 100%);--bg-canvas: #000000;--bg-sidebar: rgba(255,255,255,.08);--border-sidebar: rgba(255,255,255,.12);--glass-highlight: linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 100%);--bg-card: rgba(255,255,255,.06);--bg-card-header: rgba(255,255,255,.06);--bg-card-header-hover: rgba(255,255,255,.04);--bg-button-primary: #e5e5ea;--bg-button-secondary: #2a2a35;--bg-input: #1a1a24;--bg-iframe-wrap: transparent;--color-text: #e5e5ea;--color-text-secondary: #a1a1a6;--color-text-muted: #6e6e73;--color-accent: #0a84ff;--border-color: rgba(255,255,255,.08);--border-color-strong: rgba(255,255,255,.15);--border-color-hover: rgba(255,255,255,.15);--shadow-sidebar: -2px 0 20px rgba(0,0,0,.4);--shadow-thumb: 0 1px 6px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08);--shadow-thumb-hover: 0 2px 10px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.12);--scrollbar-thumb: rgba(255,255,255,.2);--hr-color: rgba(255,255,255,.08);--select-arrow: %3Csvg xmlns="http://www.w3.org/2000/svg" width="10" height="6"%3E%3Cpath d="M0 0l5 6 5-6z" fill="%236e6e73"/%3E%3C/svg%3E;--gui-background: rgba(255,255,255,.08);--gui-widget: rgba(255,255,255,.05);--gui-focus: #0a84ff;--gui-hover: #33334a;--gui-text: #e5e5ea;--gui-title-bg: rgba(255,255,255,.06);--gui-title-text: #e5e5ea;--gui-number: #0a84ff;--toggle-bg: #2a2a35;--toggle-icon: "🌙"}body{background:var(--bg-body);overflow:hidden;color:var(--color-text);font-family:var(--font-ui);font-weight:400;letter-spacing:.02em;display:flex;height:100vh;transition:background .4s,color .4s}.liquid-glass{position:relative;background:transparent;border:.5px solid rgba(255,255,255,.32);box-shadow:0 8px 32px #00000026,inset 0 0 0 .5px #ffffff1f;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:all .3s ease;z-index:1}.liquid-glass:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003,inset 0 0 0 .5px #ffffff2e}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff0a,#ffffff03,#ffffff08);pointer-events:none;border-radius:inherit;z-index:0}.liquid-glass>*{position:relative;z-index:1}body.night .liquid-glass{background:transparent;border:.5px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 0 0 .5px #ffffff14}body.night .liquid-glass:hover{box-shadow:0 12px 40px #00000080,inset 0 0 0 .5px #ffffff1f}body.night .liquid-glass:before{background:linear-gradient(135deg,#ffffff0a,#ffffff03,#ffffff08)}.sidebar-header{height:auto;margin:0;padding:10px 16px 8px;overflow:hidden;position:relative;background:transparent;text-align:center}.sidebar-header .dream-img{width:260px;height:auto;display:inline-block;filter:drop-shadow(0 2px 12px rgba(100,150,255,.6)) drop-shadow(0 0 20px rgba(100,150,255,.3));pointer-events:auto}#btn-theme{position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color-strong);background:var(--toggle-bg);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,transform .2s;box-shadow:var(--shadow-thumb)}#btn-theme:hover{transform:scale(1.1)}#bookmark-btn{position:fixed;top:50%;right:348px;transform:translateY(-50%) rotate(-90deg);transform-origin:right center;z-index:15;pointer-events:auto;padding:6px 14px;border:none;border-radius:0 0 8px 8px;background:#505078b3;color:#fff;font-size:11px;cursor:pointer;letter-spacing:1px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s,opacity .3s,right .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}#bookmark-btn:hover{background:#6464a0e6}body.panel-hidden #sidebar{display:none!important}body.panel-hidden #canvas-wrap{width:100%!important}body.panel-hidden #bookmark-btn{right:8px}#canvas-wrap{flex:1;position:relative;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--bg-canvas)}#canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,rgba(40,40,60,.3) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(60,40,40,.2) 0%,transparent 50%);pointer-events:none;z-index:0}canvas{display:block;max-width:100%;max-height:100%;position:relative;z-index:1}#sidebar{position:relative;width:340px;min-width:340px;background:var(--bg-sidebar);border-right:1px solid var(--border-sidebar);display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow-sidebar),inset 0 1px #ffffff80,inset -1px 0 #ffffff26,inset 2px 0 12px #ffffff14;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);transition:background .4s,border-color .4s,box-shadow .4s}#sidebar:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--glass-highlight);pointer-events:none;z-index:1}#lg-displacement{position:fixed;top:0;left:0;width:170px;height:400px;pointer-events:none;z-index:0;display:none;opacity:0}.card{margin:8px 10px;border-radius:12px;background:var(--bg-card);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);overflow:hidden;transition:all .3s ease;box-shadow:0 4px 16px #00000014,inset 0 0 0 .5px #ffffff14}.card:hover{border-color:var(--border-color-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f,inset 0 0 0 .5px #ffffff1f}.card-header{padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:500;color:var(--color-text);transition:background .2s;background:var(--bg-card-header)}.card-header:hover{background:var(--bg-card-header-hover)}.card-header .arrow{font-size:10px;transition:transform .3s;color:var(--color-text-muted)}.card.open .card-header .arrow{transform:rotate(180deg)}.card-body{display:none;padding:12px 16px 16px;max-height:45vh;overflow-y:auto}.card.open .card-body{display:block}.card-body::-webkit-scrollbar{width:4px}.card-body::-webkit-scrollbar-track{background:transparent}.card-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.btn-group{display:flex;gap:8px;margin-bottom:14px}.btn{flex:1;padding:10px 12px;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;text-align:center;transition:all .2s;color:#fff}.btn-primary{background:var(--bg-button-primary);box-shadow:0 1px 4px #0000001f;color:#fff}body.night .btn-primary{color:#1d1d1f}.btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #0000002e}body.night .btn-primary:hover{background:#fff}.btn-secondary{background:#fff;color:var(--color-text);border:1px solid var(--border-color-strong)}body.night .btn-secondary{background:#3a3a45;color:var(--color-text);border-color:#ffffff26}.btn-secondary:hover{background:#ffffff14}input[type=file]{display:none}.iframe-wrap{border-radius:10px;overflow:hidden;border:1px solid var(--border-color)}.iframe-wrap iframe{width:100%;height:300px;border:none;border-radius:10px;display:block}body.night .iframe-wrap{filter:invert(1) hue-rotate(180deg)}.gui-container{margin-top:8px}.gui-container .lil-gui{--background-color:var(--gui-background) !important;--widget-color:var(--gui-widget) !important;--focus-color:var(--gui-focus) !important;--hover-color:var(--gui-hover) !important;--font-family:var(--font-ui) !important;--font-size:11px !important;--text-color:var(--gui-text) !important;--title-background-color:var(--gui-title-bg) !important;--title-text-color:var(--gui-title-text) !important;--number-color:var(--gui-number) !important;border:1px solid var(--border-color)!important;border-radius:10px!important;transition:background .4s,border-color .4s}.lil-gui .controller{background:#ffffff0f!important;border-radius:6px!important;margin:2px 4px!important;padding:3px 0!important}body.night .lil-gui .controller{background:#ffffff08!important}.lil-gui .controller>select{background:#ffffff1f!important;color:var(--color-text)!important;border:.5px solid rgba(255,255,255,.15)!important;border-radius:5px!important;padding:2px 6px!important;font-family:var(--font-ui)!important;font-size:11px!important;outline:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%2386868b'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 6px center!important;cursor:pointer!important}body.night .lil-gui .controller>select{background:#ffffff14!important;border-color:#ffffff14!important}.lil-gui .controller input[type=range]{height:4px!important;background:#ffffff1a!important;border-radius:2px!important}body.night .lil-gui .controller input[type=range]{background:#ffffff0d!important}.lil-gui .controller input[type=range]::-webkit-slider-thumb{width:16px!important;height:16px!important;background:#ffffffd9!important;border-radius:50%!important;box-shadow:0 1px 4px #00000040,inset 0 0 0 .5px #ffffff4d!important;border:none!important;transition:box-shadow .15s,transform .15s!important}.lil-gui .controller input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 6px #0000004d,inset 0 0 0 .5px #fff6!important}.lil-gui .controller .number{font-family:var(--font-ui)!important;font-weight:400!important;opacity:.75!important}.lil-gui .controller .name{font-weight:400!important;letter-spacing:.01em!important;opacity:.9!important}.rhythm-select{width:100%;padding:10px 12px;border-radius:8px;background:#ffffff26!important;color:var(--color-text);border:.5px solid rgba(255,255,255,.2)!important;font-size:13px;cursor:pointer;margin-bottom:12px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-ui)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);box-shadow:0 2px 8px #0000001a,inset 0 0 0 .5px #ffffff14;transition:border-color .2s,background .4s,color .4s,box-shadow .2s}.rhythm-select:hover{background:#ffffff38!important;box-shadow:0 4px 12px #00000026,inset 0 0 0 .5px #ffffff1f;border-color:#ffffff4d!important}.rhythm-select:focus{border-color:var(--color-accent)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2),inset 0 0 0 .5px #ffffff1a!important}body.night .rhythm-select{background:#ffffff0f!important;border-color:#ffffff1a!important;color:#ffffffd9}body.night .rhythm-select:hover{background:#ffffff1a!important}.slider-row{margin-bottom:14px}.slider-row label{display:block;font-size:12px;color:var(--color-text-secondary);margin-bottom:8px;font-weight:400;letter-spacing:.01em}.slider-row input[type=range]{width:100%;height:6px;-webkit-appearance:none;background:#ffffff1a!important;border-radius:3px;outline:none;cursor:pointer;border:.5px solid rgba(255,255,255,.08)}body.night .slider-row input[type=range]{background:#ffffff0d!important;border-color:#ffffff0a}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-thumb);transition:box-shadow .2s}.slider-row input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--shadow-thumb-hover)}.slider-row input[type=range]::-moz-range-thumb{width:22px;height:22px;background:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-thumb)}hr{border:none;border-top:1px solid var(--hr-color);margin:14px 0;transition:border-color .4s}#album-nav{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:16px;pointer-events:auto}#album-dots{display:flex;gap:10px;align-items:center}.album-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:all .35s ease;border:1px solid rgba(255,255,255,.1)}.album-dot:hover{background:#ffffff80}.album-dot.active{width:24px;border-radius:4px;background:var(--color-accent);border-color:transparent;box-shadow:0 0 8px #0071e366}body.night .album-dot.active{box-shadow:0 0 8px #0a84ff66}#album-counter{font-family:SF Mono,monospace;font-size:11px;letter-spacing:.15em;color:#ffffff80;text-shadow:0 1px 3px rgba(0,0,0,.5);min-width:50px;text-align:center}.album-arrow{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff9;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;border:.5px solid rgba(255,255,255,.1)}.album-arrow:hover{background:#ffffff2e;color:#fff;transform:scale(1.08)}.album-arrow:active{transform:scale(.95)}#album-progress{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:120px;height:2px;background:#ffffff1a;border-radius:1px;overflow:hidden;z-index:20}#album-progress-fill{height:100%;width:0%;background:var(--color-accent);border-radius:1px;transition:width .1s linear}#album-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:20;font-size:11px;letter-spacing:.12em;color:#ffffff59;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .5s}#album-hint.show{opacity:1}#art-info{position:absolute;right:24px;bottom:80px;width:300px;padding:28px 22px;background:#ffffff14;border:none;border-radius:20px;box-shadow:0 8px 40px #0006,inset 0 1px #ffffff1f;color:#ffffffeb;letter-spacing:2px;transition:all .4s ease;z-index:10;display:block}#art-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;backdrop-filter:blur(40px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);z-index:-1;pointer-events:none}#art-quote-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:-1}#art-quote{position:relative;color:transparent;font-size:22px;line-height:2;margin-bottom:20px;font-family:STXingkai,Kaiti SC,Ma Shan Zheng,"Noto Serif SC",serif;white-space:pre-line}#art-title{display:none;font-size:22px;font-weight:300;margin-bottom:16px;line-height:1.4;color:#fffffff2;text-shadow:0 1px 8px rgba(0,0,0,.4);font-family:"Noto Serif SC","Source Han Serif SC",PingFang SC,serif}#art-quote{font-size:22px;line-height:2;margin-bottom:20px;color:#e8f4ff;font-family:STXingkai,Kaiti SC,Ma Shan Zheng,"Noto Serif SC",serif;white-space:pre-line;-webkit-text-stroke:3px rgba(200,235,255,.6);paint-order:stroke fill;text-shadow:0 0 30px rgba(200,235,255,.8),0 0 60px rgba(200,235,255,.5)}#art-meta{font-size:11px;text-transform:uppercase;color:#ffffff8c;display:flex;justify-content:space-between;text-shadow:0 1px 4px rgba(0,0,0,.3)}body.day #art-info{background:#ffffff26;border:none;color:#1e1e23e0}body.day #art-title,body.day #art-quote{color:#1e1e23e0}@media(max-width:700px){body{flex-direction:column}#sidebar{width:100%;min-width:0;height:45vh;border-left:none;border-top:1px solid var(--border-color)}.sidebar-header .dream-img{height:36px}#btn-theme{width:30px;height:30px;font-size:15px}#album-nav{bottom:16px}.album-arrow{width:32px;height:32px;font-size:16px}}