#molten-background{position:fixed;inset:0;z-index:0;overflow:hidden;background:var(--bg);pointer-events:none}#molten-background[hidden]{display:none}.background-media{position:absolute;inset:-3%;filter:blur(var(--background-blur,3px))}.background-media img,.background-media video{width:100%;height:100%;object-fit:var(--background-fit,cover);object-position:var(--background-position,center)}.background-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--background-darkness,.62))}.custom-background #app{position:relative;z-index:1}.custom-background main.liquid-main{background:color-mix(in srgb,var(--bg) var(--background-surfaces,90%),transparent)!important;backdrop-filter:blur(12px)}.custom-background .global-header{background:color-mix(in srgb,var(--bg) 83%,transparent)!important}.custom-background .plan-sidebar,.custom-background .collapsed-plan-rail,.custom-background .collapsed-desk-rail{background:color-mix(in srgb,var(--bg) var(--background-surfaces,90%),transparent)!important;backdrop-filter:blur(12px)}.custom-background .study-room{background:color-mix(in srgb,var(--panel) var(--background-surfaces,90%),transparent)!important}.custom-background .card,.custom-background .trade-review-card,.custom-background .daily-entry{background:linear-gradient(150deg,#ffffff05,transparent),color-mix(in srgb,var(--panel) var(--background-surfaces,90%),transparent)}.background-shortcut{margin-top:-8px;margin-bottom:20px}.background-shortcut .studio-icon{width:14px;height:14px}.background-local-note{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:16px}.dialog.background-dialog{width:900px!important;max-width:calc(100vw - 26px);max-height:calc(100dvh - 36px);padding:0!important;display:flex;flex-direction:column;overflow:hidden}.background-dialog .dialog-head{margin:0;padding:22px 26px;flex-shrink:0}.background-dialog .dialog-head h2{font-size:19px}#background-studio{overflow:auto;min-height:0;padding:24px 26px 0;overscroll-behavior:contain}.background-studio-head{margin-bottom:23px}.background-studio-head>span{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.background-studio-head p{font-size:13px;color:var(--text);margin:10px 0 0}.background-studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.background-preview{position:relative;aspect-ratio:1.3;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:radial-gradient(ellipse at 70% 20%,#ffffff09,transparent),var(--bg)}#background-preview-media{position:absolute;inset:-3%;filter:blur(var(--background-blur,3px))}#background-preview-media img,#background-preview-media video{width:100%;height:100%;object-fit:var(--background-fit,cover);object-position:var(--background-position,center)}.background-preview-shade{position:absolute;inset:0;background:rgba(0,0,0,var(--background-darkness,.62))}.background-preview-workspace{position:absolute;inset:24px 20px 50px;padding:22px 18px;border:1px solid #ffffff18;border-radius:11px;background:color-mix(in srgb,var(--bg) var(--background-surfaces,90%),transparent);display:flex;flex-direction:column;justify-content:center}.background-preview-workspace>span{font-size:7px;letter-spacing:1.8px;color:var(--muted)}.background-preview-workspace>strong{font-size:clamp(17px,2vw,24px);font-weight:500;letter-spacing:-.7px;line-height:1.4;margin:15px 0 22px;color:var(--text)}.background-preview-cards{display:flex;gap:8px}.background-preview-cards i{flex:1;height:34px;border-radius:6px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) var(--background-surfaces,90%),transparent)}.background-preview-label{position:absolute;bottom:16px;left:20px;font-size:7px;letter-spacing:1.6px;color:#e4e7ed}.background-file-summary{margin:16px 0}.background-file-summary strong{display:block;font-size:11px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.background-file-summary span{display:block;font-size:10px;line-height:1.7;margin-top:5px;color:var(--muted)}.background-upload{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 12px;border:1px dashed color-mix(in srgb,var(--muted) 35%,transparent);border-radius:10px;background:#ffffff03;cursor:pointer;font-size:11px;transition:background .2s,border-color .2s}.background-upload:hover{background:#ffffff08;border-color:var(--muted)}.background-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.background-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.background-limits{font-size:9px!important;line-height:1.8;color:var(--muted);margin:10px 0}.background-controls-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:10px}.background-controls-heading>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.background-controls-heading button{font-size:9px;padding:6px 8px;border:0;box-shadow:none;background:none;color:var(--muted)}.background-control{display:block;margin-bottom:24px}.background-control>span{display:flex;justify-content:space-between;font-size:11px;margin-bottom:12px}.background-control output{color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.background-control input{width:100%;padding:0;border:0;box-shadow:none;height:16px;accent-color:var(--accent);cursor:pointer}.background-select-row{display:grid;grid-template-columns:1fr 1.3fr;gap:11px;margin-bottom:18px}.background-select-row label{font-size:10px;color:var(--muted)}.background-select-row select{margin-top:8px;font-size:10px;padding:10px;width:100%}.background-toggle{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.8;margin:13px 0;cursor:pointer}.background-toggle input{width:14px;height:14px;padding:0}.background-toggle[hidden]{display:none}.background-controls .text-link{margin-top:10px;font-size:10px}#background-error{color:var(--text);font-size:11px;line-height:1.8;background:#ffffff07;border-radius:9px;margin:16px 0;padding:12px}#background-error:empty{display:none}.background-studio-footer{position:sticky;bottom:0;margin:25px -26px 0;padding:17px 26px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);background:var(--panel);z-index:2}.background-studio-footer>span{font-size:9px;color:var(--muted)}.background-studio-footer button{font-size:11px;padding:10px 16px}.background-dialog input:disabled,.background-dialog select:disabled,.background-dialog button:disabled{opacity:.4;cursor:default}.background-dialog button:disabled:active{transform:none}
@media(max-width:700px){.background-shortcut{margin-top:-7px;margin-bottom:14px}.dialog.background-dialog{max-height:calc(100dvh - 18px);border-radius:17px}.background-dialog .dialog-head{padding:17px 19px}#background-studio{padding:19px 19px 0}.background-studio-grid{grid-template-columns:1fr;gap:23px}.background-preview{aspect-ratio:1.7}.background-preview-workspace{inset:17px 17px 37px;padding:15px}.background-preview-workspace>strong{font-size:20px;margin:12px 0}.background-preview-cards i{height:25px}.background-preview-label{bottom:11px;left:18px}.background-studio-head{margin-bottom:19px}.background-studio-head p{font-size:12px}.background-studio-footer{margin:20px -19px 0;padding:13px 19px}.background-studio-footer>span{display:none}.background-studio-footer .actions{width:100%;justify-content:flex-end}.background-controls-heading{margin-bottom:20px}.background-control{margin-bottom:20px}.custom-background main.liquid-main,.custom-background .plan-sidebar{backdrop-filter:none}.background-preview-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){.background-upload{transition:none}}
#background-preview-media{opacity:var(--background-enabled,1)}
/* Scene mode: untouched media, independent glass islands, frosted fixed chrome. */
.custom-background{--scene-glass:linear-gradient(145deg,rgb(255 255 255 / calc(var(--background-surfaces) / 2)),transparent 65%),rgba(8,10,14,var(--background-darkness));--scene-border:rgba(255,255,255,.22)}
.custom-background .background-media,#background-preview-media{inset:0;filter:none}
.custom-background .background-shade,.background-preview-shade{background:none}
.custom-background main.liquid-main,.custom-background #content,.custom-background .study-room{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.custom-background main.liquid-main{border-color:transparent!important}
.custom-background #content,.custom-background .global-header,.custom-background .desk,.custom-background .plan-sidebar{--text:#f5f6f8;--muted:#b9bec8;--panel:#15171c;--bg:#080a0e;--line:#ffffff24}
.custom-background .global-header,.custom-background .desk,.custom-background .plan-sidebar,.custom-background .collapsed-plan-rail,.custom-background .collapsed-desk-rail,.custom-background .study-room .room-top,.custom-background .study-library-rail{background:rgba(8,10,14,.86)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important;border-color:#ffffff19!important}
.custom-background #content :is(.card,.trade-review-card,.daily-entry,.dashboard-hero,.studio-ritual,.journal-filter,.showcase-filter,.showcase-intro,.study-home,.folder-inner,.refined-note){background:var(--scene-glass)!important;border:1px solid var(--scene-border)!important;border-radius:18px;backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-blur));box-shadow:inset 0 1px 0 #ffffff16,0 12px 32px #0002!important}
.custom-background #content :is(.page-head,.section-header){background:var(--scene-glass);border:1px solid var(--scene-border);border-radius:16px;padding:18px 22px;backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-blur))}
.custom-background #content :is(.study-home,.folder-inner,.refined-note){padding:28px;box-sizing:border-box}
.custom-background .dashboard-hero:before,.custom-background .dashboard-hero:after{display:none}
.background-preview-workspace{background:none!important;border:0;padding:0;gap:16px}
.background-preview-heading,.background-preview-cards i{background:var(--scene-glass,rgba(8,10,14,.28))!important;border:1px solid #ffffff38;backdrop-filter:blur(var(--background-blur));-webkit-backdrop-filter:blur(var(--background-blur));border-radius:12px}
.background-preview-heading{padding:18px;color:#f5f6f8}
.background-preview-heading span{font-size:7px;letter-spacing:1.8px}
.background-preview-heading strong{display:block;font-size:22px;font-weight:500;line-height:1.4;margin-top:14px}
@media(max-width:700px){.custom-background #content :is(.study-home,.folder-inner,.refined-note){padding:18px}.background-preview-heading{padding:12px}.background-preview-heading strong{font-size:18px;margin-top:8px}}
/* Living glass: compositor-driven shapes, with no video or rendering loop. */
.liquid-glass-scene{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 75%,color-mix(in srgb,var(--liquid-accent) 27%,#080c16),transparent 65%),radial-gradient(ellipse at 10% 15%,color-mix(in srgb,var(--liquid-accent) 17%,#0a101a),#070a10 75%);--liquid-accent:#b8c9f4;--liquid-cycle:45s}
.liquid-light{position:absolute;inset:-30%;background:radial-gradient(ellipse at 65% 30%,color-mix(in srgb,var(--liquid-accent) 50%,transparent),transparent 33%),radial-gradient(ellipse at 30% 75%,color-mix(in srgb,var(--liquid-accent) 35%,transparent),transparent 38%);filter:blur(45px);animation:liquid-light-drift calc(var(--liquid-cycle)*1.4) ease-in-out infinite alternate}
.liquid-form{position:absolute;width:90%;height:90%;border:1px solid #ffffff50;border-radius:47% 53% 68% 32% / 35% 38% 62% 65%;background:radial-gradient(ellipse at 24% 12%,#fffffff0,transparent 5%),radial-gradient(ellipse at 30% 15%,#ffffff45,transparent 22%),radial-gradient(ellipse at 78% 85%,color-mix(in srgb,var(--liquid-accent) 72%,transparent),transparent 36%),linear-gradient(135deg,#ffffff25 0%,#ffffff05 22%,#02050c80 42%,#ffffff35 48%,#ffffff04 53%,#01040a99 78%,#ffffff66 97%);box-shadow:inset 3px 5px 8px #ffffff8a,inset -14px -12px 20px #0008,inset -1px -3px 3px #ffffffba,0 40px 100px #0007;will-change:transform;animation:liquid-form-drift var(--liquid-cycle) cubic-bezier(.45,0,.55,1) infinite alternate}
.liquid-form:before{content:'';position:absolute;inset:9%;border-radius:inherit;border:1px solid #ffffff48;background:linear-gradient(160deg,#0004,#ffffff02 42%,#ffffff24 48%,#0006 70%,#ffffff09);box-shadow:inset 3px 4px 12px #0007,0 2px 6px #ffffff48,inset -2px -2px 5px #ffffff55}
.liquid-form:after{content:'';position:absolute;inset:21%;border-radius:inherit;background:radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--liquid-accent) 20%,transparent),transparent 70%);box-shadow:inset 5px 7px 14px #0007,-1px -2px 3px #ffffff28}
.liquid-form-a{left:-27%;top:-38%;transform:rotate(-25deg);animation-delay:-12s}
.liquid-form-b{right:-30%;bottom:-40%;height:110%;width:86%;transform:rotate(30deg);animation-name:liquid-form-counter;animation-delay:-26s}
.liquid-form-c{width:48%;height:65%;left:32%;top:32%;opacity:.75;transform:rotate(-40deg);animation-delay:-34s;animation-duration:calc(var(--liquid-cycle)*1.25)}
.liquid-pearl{position:absolute;width:11%;aspect-ratio:1;left:60%;top:15%;border-radius:50%;background:radial-gradient(circle at 27% 22%,#fff,#ffffff65 7%,#ffffff09 24%,#0008 57%,color-mix(in srgb,var(--liquid-accent) 65%,#0c1421) 80%,#ffffffaa 98%);box-shadow:inset 1px 2px 5px #ffffff80,0 25px 40px #0005;animation:liquid-pearl-drift calc(var(--liquid-cycle)*1.3) ease-in-out infinite alternate}
.liquid-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#03050a50 100%);pointer-events:none}
.motion-paused,.motion-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .liquid-glass-scene.motion-allowed .liquid-form-a{animation:liquid-form-drift var(--liquid-cycle) cubic-bezier(.45,0,.55,1) -12s infinite alternate!important}
 .liquid-glass-scene.motion-allowed .liquid-form-b{animation:liquid-form-counter var(--liquid-cycle) cubic-bezier(.45,0,.55,1) -26s infinite alternate!important}
 .liquid-glass-scene.motion-allowed .liquid-form-c{animation:liquid-form-drift calc(var(--liquid-cycle)*1.25) cubic-bezier(.45,0,.55,1) -34s infinite alternate!important}
 .liquid-glass-scene.motion-allowed .liquid-light{animation:liquid-light-drift calc(var(--liquid-cycle)*1.4) ease-in-out infinite alternate!important}
 .liquid-glass-scene.motion-allowed .liquid-pearl{animation:liquid-pearl-drift calc(var(--liquid-cycle)*1.3) ease-in-out infinite alternate!important}
 .liquid-glass-scene.motion-allowed.motion-paused :is(.liquid-form,.liquid-light,.liquid-pearl){animation-play-state:paused!important}
}
@keyframes liquid-form-drift{0%{transform:translate3d(-3%,-3%,0) rotate(-28deg) scale(.97)}50%{transform:translate3d(5%,6%,0) rotate(-12deg) scale(1.08)}100%{transform:translate3d(12%,3%,0) rotate(10deg) scale(1.02)}}
@keyframes liquid-form-counter{0%{transform:translate3d(5%,3%,0) rotate(30deg) scale(1.04)}50%{transform:translate3d(-5%,-6%,0) rotate(10deg) scale(.94)}100%{transform:translate3d(-10%,4%,0) rotate(-15deg) scale(1.08)}}
@keyframes liquid-light-drift{to{transform:translate3d(-5%,6%,0) rotate(20deg)}}
@keyframes liquid-pearl-drift{to{transform:translate3d(30%,45%,0) scale(.88)}}
#background-studio [hidden]{display:none!important}
.background-theme-picker{display:flex;gap:6px;margin-bottom:18px;padding:5px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff04}
.background-theme-picker button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;background:transparent;border:0;border-radius:10px;color:var(--muted);font-size:12px}
.background-theme-picker button[aria-pressed=true]{background:#ffffff14;color:var(--text);box-shadow:inset 0 1px 0 #ffffff1f}
.background-theme-picker small{font-size:8px;letter-spacing:1px;color:#b8c9f4}
.liquid-mini-icon{width:17px;height:17px;border-radius:45% 55% 60% 40%;background:linear-gradient(135deg,#fff8,#b8c9f422 40%,#fff5);box-shadow:inset 1px 1px 2px #fffa,inset -2px -2px 3px #0008}
.liquid-accent-heading{display:flex;align-items:center;justify-content:space-between;margin:18px 0 12px;font-size:13px}
#liquid-accent{width:38px;height:32px;padding:3px;border:1px solid var(--line);border-radius:9px;background:transparent;cursor:pointer}
.liquid-swatches{display:flex;gap:12px;margin-bottom:22px}
.liquid-swatches button{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:3px solid #111824;box-shadow:0 0 0 1px #ffffff20;transition:box-shadow .2s,transform .2s}
.liquid-swatches button:hover{transform:translateY(-2px)}
.liquid-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 16px color-mix(in srgb,var(--swatch) 50%,transparent)}
.background-theme-picker button:focus-visible,.liquid-swatches button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:700px){.liquid-form{box-shadow:inset 3px 5px 8px #ffffff8a,inset -8px -8px 12px #0008,inset -1px -3px 3px #ffffffba,0 20px 40px #0007}.liquid-light{filter:blur(25px)}.background-theme-picker button{font-size:11px}}
/* Sculpted glass: original vector geometry inspired by soft silver ribbon edges.
   Only transforms and halo opacity animate; the SVG blur stays static. */
.sculpted-scene{display:none;position:absolute;inset:-5%;width:110%;height:110%;overflow:visible}
.sculpted-glass{background:radial-gradient(ellipse at 70% 30%,#101116,#020203 75%)}
.sculpted-glass>.liquid-light,.sculpted-glass>.liquid-form,.sculpted-glass>.liquid-pearl{display:none}
.sculpted-glass>.sculpted-scene{display:block}
.sculpted-glass>.liquid-vignette{z-index:2;background:radial-gradient(ellipse at 50% 40%,transparent 30%,#0007 100%)}
.sculpted-halo{stroke:var(--liquid-accent,#d6dce5);opacity:.52;animation:sculpted-breathe calc(var(--liquid-cycle)*1.3) ease-in-out infinite alternate}
.sculpted-edge{stroke:var(--liquid-accent,#d6dce5);opacity:.3}
.sculpted-ribbon{transform-box:view-box;transform-origin:50% 50%;animation:sculpted-drift var(--liquid-cycle) ease-in-out infinite alternate;will-change:transform}
.sculpted-ribbon-1{animation-name:sculpted-counter;animation-delay:-18s;animation-duration:calc(var(--liquid-cycle)*1.2)}
.sculpted-ribbon-2{animation-delay:-32s;animation-duration:calc(var(--liquid-cycle)*1.45);transform-origin:90% 30%}
.sculpted-ribbon-1 .sculpted-halo{animation-delay:-24s}.sculpted-ribbon-2 .sculpted-halo{animation-delay:-9s}
.sculpted-mini-icon{width:18px;height:15px;border:1px solid #ffffff60;border-radius:6px 8px 8px 1px;background:#060708;box-shadow:-3px -3px 9px #d6dce555,inset 0 2px 5px #ffffff0d}
.background-theme-picker{flex-wrap:wrap}.background-theme-picker button{min-width:95px;font-size:11px}
@keyframes sculpted-drift{from{transform:translate3d(-12px,-12px,0) scale(1.015)}to{transform:translate3d(16px,18px,0) scale(1.035)}}
@keyframes sculpted-counter{from{transform:translate3d(18px,15px,0) scale(1.025)}to{transform:translate3d(-20px,-10px,0) scale(1.005)}}
@keyframes sculpted-breathe{from{opacity:.34}to{opacity:.62}}
@media(prefers-reduced-motion:reduce){
 .sculpted-glass.motion-allowed .sculpted-ribbon-0{animation:sculpted-drift var(--liquid-cycle) ease-in-out infinite alternate!important}
 .sculpted-glass.motion-allowed .sculpted-ribbon-1{animation:sculpted-counter calc(var(--liquid-cycle)*1.2) ease-in-out -18s infinite alternate!important}
 .sculpted-glass.motion-allowed .sculpted-ribbon-2{animation:sculpted-drift calc(var(--liquid-cycle)*1.45) ease-in-out -32s infinite alternate!important}
 .sculpted-glass.motion-allowed .sculpted-halo{animation:sculpted-breathe calc(var(--liquid-cycle)*1.3) ease-in-out infinite alternate!important}
 .liquid-glass-scene.sculpted-glass.motion-paused .sculpted-ribbon,.liquid-glass-scene.sculpted-glass.motion-paused .sculpted-halo{animation-play-state:paused!important}
}
@media(max-width:700px){.background-theme-picker button{min-width:40%;font-size:11px}.sculpted-scene{inset:-4%;width:108%;height:108%}}
