/* Translucent white glass material only: existing content, dimensions and interaction stay intact. */
body.index-mode,body:not(.index-mode){
  background-color:#ededed;
  background-image:radial-gradient(ellipse at 43% 24%,#ffffff20 0,transparent 58%),linear-gradient(115deg,#ffffff08,transparent 38%,#aaaAAA10 100%),url('/question-bank/marble-white.svg');
  background-size:100% 100%,100% 100%,cover;
  background-position:center,center,center top;
  background-attachment:fixed;
}
body:not(.index-mode) .shell{background:transparent}
.cards.detail-mode>.question-header-toolbar{background:linear-gradient(100deg,#ffffffbd,#ffffff7a);box-shadow:0 1px 0 #ffffffd9,0 9px 26px #43546d08}
.cards.detail-mode>.card,.workspace-docked .cards.detail-mode>.card{background:linear-gradient(110deg,#ffffffd9,#ffffffb8);box-shadow:none}
body.index-mode .nav,body:not(.index-mode) .nav{
  background:linear-gradient(110deg,#fffffff5,#ffffffc9);
  backdrop-filter:blur(18px) saturate(115%);
  box-shadow:inset 0 1px 0 #fff,0 8px 28px #43546d0e;
}
body.index-mode .difficulty-controls,body.index-mode .domain-row,body.index-mode .coming-soon-bank .domain-row{
  background:linear-gradient(155deg,#ffffffdc 0,#ffffff66 34%,#ffffff45 57%,#e5e5e580 100%);
  border-color:#ffffffed;
  box-shadow:inset 0 3px 2px #fff,inset 1px 0 0 #fff,inset 0 -2px 2px #8888884d,0 24px 42px -20px #66666680,0 5px 12px #55555526;
  backdrop-filter:blur(7px) saturate(115%);
}
.workspace-panel{
  background:linear-gradient(145deg,#fffffff5,#efefefed);
  border-color:#ffffffec;
  box-shadow:inset 0 2px 1px #fff,0 32px 75px -20px #55555555,0 4px 14px #55555518;
}
.workspace-panel-header{background:linear-gradient(135deg,#fffffff7,#edededef);box-shadow:inset 0 1px 0 #fff,0 3px 10px #4056730a}
.workspace-panel-body{background:linear-gradient(120deg,#ffffffb8,#ffffffdf),url('/question-bank/marble-white.svg') center/cover}
.workspace-panel .primary-learning,.workspace-panel .video-explanation-panel,.workspace-panel .question-drawer aside{background:linear-gradient(125deg,#fffffff2,#f6f6f6e8)}
.workspace-panel .hand-player{background:linear-gradient(135deg,#ffffffee,#f5f5f5dd)}
@media(max-width:760px){body.index-mode,body:not(.index-mode){background-attachment:scroll;background-size:100% 100%,100% 100%,auto 1300px;background-position:center,center,38% top}}

body.index-mode .domain-row,body.index-mode .difficulty-controls{background-image:linear-gradient(125deg,#ffffffdf 0%,#ffffff75 22%,#ffffff38 39%,#ffffffcc 40%,#ffffff52 42%,#ffffff6b 65%,#dedede91 100%)}
body.index-mode .domain-row,body.index-mode .difficulty-controls{background-image:radial-gradient(ellipse at 32% 0%,#fffffffa 0%,#ffffffa6 38%,#ffffff52 65%,#e1e1e1a6 100%);border-color:#ffffffed;box-shadow:inset 0 3px 3px #fff,inset 2px 0 2px #ffffffcc,inset -2px -3px 3px #96969645,0 22px 34px -17px #55555573,0 4px 9px #6666661f}
/* The same white droplet material on every existing white study surface. */
body{--droplet-surface:linear-gradient(135deg,#fff 0%,#ffffffed 22%,#f0f0f0cc 52%,#ffffffed 72%,#dededebd 100%);--droplet-edge:inset 0 2px 2px #fff,inset 1px 0 1px #ffffffed,inset -1px -2px 2px #8e8e8e35,0 4px 10px #55555514}
.cards.detail-mode .option:not(.selected):not(.correct):not(.incorrect),.cards.detail-mode [role="radio"][aria-checked="false"],.cards.detail-mode .numeric-response input,.cards.detail-mode .dataset,.cards.detail-mode .question-figure,
.cards.detail-mode .always-answer-actions>button,.cards.detail-mode .practice-actions button,.cards.detail-mode .back-problems,.cards.detail-mode .next-question button,.cards.detail-mode .question-header-toolbar button,
.workspace-panel-actions button,.workspace-panel-actions select,.workspace-restore,.workspace-panel .view-question,.workspace-panel .restore-step,.workspace-panel .video-tools button:not([aria-pressed="true"]),.workspace-panel .video-tools select,.workspace-panel .question-drawer aside button,
.workspace-panel .desmos-controls button:not(:last-child),.workspace-panel .desmos-step-nav button:not(.active),body.index-mode .explanation-filter-chip:not(.active),body.index-mode .difficulty-filter-chip:not(.active),body.index-mode .difficulty-empty{background:var(--droplet-surface);box-shadow:var(--droplet-edge)}
.workspace-feature>.explanation,.workspace-panel .primary-learning,.workspace-panel .primary-learning.explanation-player{background:var(--droplet-surface)!important}
.workspace-panel .player-header,.workspace-panel .desmos-step-copy,.workspace-panel .visual-step-copy,.workspace-panel .formal-compact,.workspace-panel .deep-dive,.workspace-panel .solution-steps li,.workspace-panel .interactive-desmos-explanation,.workspace-panel .desmos-live-walkthrough,.workspace-panel .cone-visual-explanation,.workspace-panel .circle-visual-explanation,.workspace-panel .tangent-visual-explanation,.workspace-panel .circle-cinema,.workspace-panel .tangent-cinema,.workspace-panel .cone-cinema,.workspace-panel .pending-explanation,.workspace-panel .hard-desmos-coming-soon,.workspace-panel .hand-player,.workspace-panel .hand-step,.workspace-panel .hand-summary{background:var(--droplet-surface);box-shadow:var(--droplet-edge)}
.workspace-panel .hand-player .desmos-controls,.workspace-panel .player-tabs,.workspace-panel .player-tabs button:not(.active),.workspace-panel .desmos-current-copy,.workspace-panel .desmos-full-entry,.workspace-panel .desmos-notation,.workspace-panel .remember,.workspace-panel .hand-work,.workspace-panel .player-body{background:var(--droplet-surface);box-shadow:var(--droplet-edge)}
/* Pronounced liquid-glass depth in the question canvas; approved buttons stay unchanged. */
.cards.detail-mode>.card,.workspace-docked .cards.detail-mode>.card{
 background-color:transparent;
 background-image:radial-gradient(ellipse at 45% 34%,#ffffff9c 0%,#ffffff45 42%,transparent 75%),linear-gradient(110deg,#ffffff12,#ffffff08);
 box-shadow:none;
}
body:not(.index-mode){
 background-image:url('/question-bank/question-glass.svg');
 background-size:cover;
 background-position:center top;
}
@media(max-width:760px){body:not(.index-mode){background-size:auto 100%;background-position:48% top}}

/* Flow only the decorative material. Text, controls and calculator geometry never move. */
body.glass-motion-enabled{isolation:isolate;background-image:none}
.study-glass-motion{position:fixed;inset:-6%;z-index:-1;pointer-events:none;overflow:hidden;transform:translate3d(calc(var(--glass-x,0)*18px),calc(var(--glass-y,0)*14px),0);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.study-glass-motion::before{content:"";position:absolute;inset:-3%;background:url('/question-bank/marble-white.svg') center/cover;animation:study-glass-flow 18s ease-in-out infinite alternate;will-change:transform}
body:not(.index-mode) .study-glass-motion::before{background-image:url('/question-bank/question-glass.svg')}
.study-glass-motion::after{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at 32% 40%,#ffffff9c,transparent 42%),linear-gradient(112deg,transparent 32%,#ffffff00 40%,#ffffffb3 48%,#ffffff12 54%,transparent 65%);opacity:.62;transform:translate3d(calc(var(--glass-x,0)*30px),calc(var(--glass-y,0)*22px),0);transition:transform 1.2s ease-out;animation:study-glass-light 13s ease-in-out infinite alternate;pointer-events:none}
@keyframes study-glass-flow{from{transform:translate3d(-1.3%,-.8%,0) scale(1.025) rotate(-.4deg)}to{transform:translate3d(1.4%,1.1%,0) scale(1.055) rotate(.55deg)}}
@keyframes study-glass-light{from{opacity:.38;filter:brightness(1)}to{opacity:.78;filter:brightness(1.06)}}
@media(max-width:760px){.study-glass-motion::before{background-position:48% top}.study-glass-motion{transition:none}.study-glass-motion::after{transition:none}}
@media(prefers-reduced-motion:reduce){.study-glass-motion,.study-glass-motion::before,.study-glass-motion::after{animation:none;transition:none;transform:none;will-change:auto}}