/* Glazed material layers; geometry and teaching scores remain in the scene engine. */
:root{--glaze:#ffffffd9;--mint-light:#bdf4e5;--peach-light:#ffd6c7;--lift-ease:cubic-bezier(.22,1,.36,1)}
.studio{background:radial-gradient(ellipse at 52% 20%,#e8fff05c,transparent 54%)}
.studio .brand-symbol{filter:drop-shadow(0 3px 0 #b6cbbb) drop-shadow(0 6px 6px #20473f14)}
.studio .topbar{border-bottom-color:#d3ddd1}
.studio button,.studio .proteus-shortcut{box-shadow:inset 0 1px 0 var(--glaze),0 3px 0 #d7e0d2,0 7px 14px #253c3810;transition:transform .28s var(--lift-ease),box-shadow .28s,background .22s,border-color .22s}
.studio button:hover,.studio .proteus-shortcut:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 5px 0 #cbd8c5,0 12px 22px #253c381a}
.studio button:active,.studio .proteus-shortcut:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #253c3812,0 1px 0 #c5d4bf}
.studio button:disabled{transform:none;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #dde3d8}
.studio nav button:not(.edit-button),.studio .notes-button,.studio .chapter-rail button,.studio .subtle-button{box-shadow:none}
.studio .primary,.studio nav .edit-button{background:linear-gradient(145deg,#355e54,#183c35);box-shadow:inset 0 1px 0 #6d9386,0 5px 0 #102f29,0 10px 23px #1a4d3f28;border-color:#214e43;text-shadow:0 1px #103026}
.studio .primary:hover,.studio nav .edit-button:hover{background:linear-gradient(145deg,#427366,#205447);box-shadow:inset 0 1px 0 #88b09d,0 6px 0 #143b2e,0 13px 28px #6cb49d40}
.studio .sequence-card{border-radius:22px;box-shadow:inset 0 2px 0 #fff,0 6px 0 #bbd5c8,0 12px 22px #31564b13}
.studio .sequence-card.b{box-shadow:inset 0 2px 0 #fff,0 6px 0 #d9bbb3,0 12px 22px #704b4310}
.studio .visual{background:radial-gradient(ellipse at 30% 16%,#fffef8,transparent 60%),radial-gradient(ellipse at 80% 80%,#ffdcbe4a,transparent 55%),linear-gradient(145deg,#e2f3e9,#f9f5e8 58%,#dbece0);border-color:#cadbcf;box-shadow:inset 0 3px 0 #ffffffed,inset 0 -2px 5px #789b8618,0 9px 0 #cbd9c7,0 12px 0 #b4c5b630,0 26px 42px #32564018}
.studio .score-card,.studio .interaction-card{box-shadow:inset 0 2px 0 #fff,0 5px 0 #d0dbc9,0 12px 24px #3b543411}
.studio .score-card[data-tone=positive]{background:radial-gradient(ellipse at 70% 25%,#e4ffdf99,transparent 70%),linear-gradient(145deg,#fffef8,#e8f3df);border-color:#c3d7b7;box-shadow:inset 0 2px 0 #fff,0 5px 0 #c5d6b9,0 13px 28px #77ad4d26}
.studio .score-card[data-tone=negative]{background:radial-gradient(ellipse at 70% 25%,#fff0e566,transparent 70%),linear-gradient(145deg,#fffef8,#f6e7de);border-color:#e3cabe}
.studio .proteus-shortcut{border:1px solid #b9d5c5;border-radius:16px;padding:7px 10px;background:linear-gradient(145deg,#fbfff5,#dff4e7);color:#325f4d}
.studio .proteus-shortcut small{background:#f9fff1;box-shadow:inset 0 1px 0 #fff,0 2px 0 #c8d6bc;border:1px solid #d3dfc8}
.studio .controls{box-shadow:0 -12px 24px #f5f4edc4}
.studio input[type=range]{filter:drop-shadow(0 2px 0 #a0b3a14d)}
.tile-shadow{fill:url(#contact-shadow);opacity:.7}
.tile-side{fill:#559e91}
.tile.b .tile-side{fill:#b27b78}
.tile.gap .tile-side{fill:#c79029}
.tile-face{stroke:#64a899;stroke-width:1.6}
.tile.b .tile-face{stroke:#bc8c83}
.tile.gap .tile-face{stroke:#ba8328;stroke-width:2;stroke-dasharray:7 4}
.tile-rim{stroke:#fffbd6bc;stroke-width:2}
.tile-shine{stroke:#ffffffc9;stroke-width:4.5}
.tile-lower-glint{fill:none;stroke:#ffffff70;stroke-width:1.5;stroke-linecap:round}
.tile text{stroke:#fffff87a;stroke-width:.75}
.tile-body{transform:translateY(var(--tile-lift,0px));transition:transform .28s var(--lift-ease)}
.gap-handle:hover .tile-body,.gap-handle:focus-visible .tile-body{transform:translateY(calc(var(--tile-lift,0px) - 5px))}
.gap-handle.dragging .tile-body{transform:translateY(-10px)}
.gap-handle:hover .tile-rim,.gap-handle:focus-visible .tile-rim{stroke:#fffef5;stroke-width:3}
.gap-handle .tile-face{animation:glaze-outline 3.4s ease-in-out infinite}
.column-under{stroke-width:7;opacity:.24}
.column-core{stroke-width:3}
.column-line.match .column-under{stroke:#b0edb9;opacity:.65}
.cell .cell-base{fill:#aebfb0}
.cell .cell-face{stroke:#bacdbb}
.cell.focus .cell-base{fill:#a991b9}
.cell.path-cell .cell-base{fill:#81ac88}
.cell.focus .cell-face{filter:drop-shadow(0 0 5px #b39ad079)}
.cell[role=button]:hover .cell-face{fill:#faffef;stroke:#6e9c81;stroke-width:2.5}
.pulse-node{animation:node-glow 1.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.answer-panel,.candidate-flow-panel{stroke:#ccdac5;stroke-width:1.5}
.sidebar{background:radial-gradient(ellipse at 10% 0,#375f52,transparent 58%),linear-gradient(165deg,#1b3831,#142c28);box-shadow:inset -1px 0 #66867835,8px 0 24px #233d2e09}
.sidebar .brand-mark{box-shadow:inset 0 1px 0 #a8cdb94d,0 4px 0 #0c251e,0 8px 16px #00140f24}
.sidebar .nav-link{border-radius:14px;transition:background .25s,box-shadow .25s,transform .25s var(--lift-ease)}
.sidebar .nav-link:hover{background:#476e5840;transform:translateX(2px)}
.sidebar .nav-link.active{box-shadow:inset 0 1px 0 #a4c7ad24,0 3px 0 #102f27,0 7px 14px #09201720}
.tool-catalog{gap:24px;perspective:1000px}
.tool-catalog>.tool-card{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;padding:28px 30px;border:1px solid #cbdcc7;background:radial-gradient(ellipse at 90% 0,#dbffe8b3,transparent 65%),linear-gradient(150deg,#fffef8,#f3f8ec);box-shadow:inset 0 2px 0 #fff,0 7px 0 #d0dfc6,0 11px 0 #bccbb53b,0 22px 36px #3d604215;transition:transform .45s var(--lift-ease),box-shadow .35s,border-color .25s;animation:clay-arrive .7s var(--lift-ease) both}
.tool-catalog>.tool-card:nth-child(2){animation-delay:.12s;background:radial-gradient(ellipse at 75% 10%,#f5e6ff9c,transparent 60%),radial-gradient(ellipse at 15% 55%,#cde8ff8c,transparent 60%),linear-gradient(150deg,#fffcf6,#eef5ee)}
.tool-catalog>a.tool-card:hover{transform:translateY(-6px) rotateX(1deg);border-color:#99bb97;box-shadow:inset 0 2px 0 #fff,0 9px 0 #c4d6b8,0 26px 44px #6d956929}
.tool-catalog>a.tool-card:active{transform:translateY(2px);box-shadow:inset 0 2px 3px #56744110,0 3px 0 #c4d6b8,0 12px 25px #3d604215}
.tool-catalog .tool-number{font-size:12px;letter-spacing:1.5px;color:#758673}
.tool-catalog h2{margin-top:10px;margin-bottom:0;font-size:34px;color:#345c45}
.tool-catalog .tool-card p{font-size:16px;line-height:1.65;color:#607561;margin:13px 0 17px}
.tool-catalog .tool-tags{flex-wrap:wrap;gap:8px}
.tool-catalog .tool-tags span{border:1px solid #d3dfc8;border-radius:9px;background:linear-gradient(#fffef8,#e9f1df);padding:5px 9px;font-size:12px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d3dfc8;color:#62795a}
.tool-catalog .tool-open{font-size:15px;color:#426647;padding-top:24px}
.tool-catalog .proteus-pending .tool-open{color:#788775}
.tool-sculpture{height:116px;width:220px;max-width:100%;align-self:center;position:relative;margin:18px 0 10px;pointer-events:none;transform-style:preserve-3d;animation:sculpture-drift 5.8s ease-in-out 3}
.tool-sculpture::before{content:"";position:absolute;left:20px;right:20px;bottom:0;height:16px;border-radius:50%;background:radial-gradient(ellipse,#608e7542,transparent 70%);transform:rotate(-4deg)}
.mini-bead{--orb:#a2ddc5;--shade:#549d83;position:absolute;width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:radial-gradient(ellipse at 28% 18%,#fffefad4,transparent 35%),linear-gradient(145deg,#e2fff0,var(--orb) 52%,var(--shade));border:1px solid #86b7a0;box-shadow:inset 2px 2px 0 #ffffffb3,inset -3px -5px 8px #24635120,0 6px 0 var(--shade),0 12px 16px #365e3c1f;color:#286954;font:700 26px ui-monospace,monospace;text-shadow:0 1px #efffed;z-index:2}
.mini-bead:nth-child(1){left:26px;top:11px;transform:rotate(-9deg)}
.mini-bead:nth-child(2){left:86px;top:6px;transform:rotate(5deg)}
.mini-bead:nth-child(3){left:146px;top:14px;transform:rotate(10deg)}
.mini-bead:nth-child(4){left:66px;top:66px;--orb:#f0c6b8;--shade:#c38c80;border-color:#c7a392;background:radial-gradient(ellipse at 28% 18%,#fffefacc,transparent 35%),linear-gradient(145deg,#fff1df,var(--orb) 55%,var(--shade));color:#855247}
.mini-bead:nth-child(5){left:126px;top:66px;--orb:#f0cd87;--shade:#c6a055;border-color:#c2a973;background:radial-gradient(ellipse at 28% 18%,#fffefacc,transparent 35%),linear-gradient(145deg,#fff9da,var(--orb) 55%,var(--shade));color:#816134}
.sculpture-molecule .mini-bead{border-radius:50%;width:50px;height:50px}
.sculpture-molecule .mini-bead:nth-child(2){width:64px;height:64px;left:80px;top:30px;--orb:#b8caee;--shade:#788fb7;border-color:#93a5c5;background:radial-gradient(circle at 30% 22%,#fff,transparent 38%),radial-gradient(circle at 35% 35%,#eaf2ff,var(--orb) 60%,var(--shade))}
.sculpture-molecule .mini-bead:nth-child(3){--orb:#ecc4d6;--shade:#bd849e;border-color:#c79bab;background:radial-gradient(circle at 30% 22%,#fff,transparent 38%),radial-gradient(circle at 35% 35%,#fff0f6,var(--orb) 60%,var(--shade))}
.mini-bond{position:absolute;width:76px;height:11px;left:49px;top:51px;border-radius:10px;background:linear-gradient(#e9f7e6,#9fb99f 65%,#799779);box-shadow:0 5px 5px #40543c20;transform:rotate(30deg);z-index:1}
.mini-bond:last-child{left:111px;top:48px;transform:rotate(-25deg)}
@keyframes sculpture-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes clay-arrive{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes glaze-outline{0%,100%{stroke-opacity:.7}50%{stroke-opacity:1}}
@keyframes node-glow{0%,100%{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}
@media(max-width:760px){.studio>.topbar{position:relative}.studio>.topbar>.brand{padding-right:52px}.studio .fullscreen-button{position:absolute;top:12px;right:0;min-height:40px}.studio .proteus-shortcut{margin-left:0;padding:6px 8px;min-height:40px;gap:5px}.studio .proteus-shortcut small{padding:3px 5px}.tool-catalog{gap:25px}.tool-catalog>.tool-card{padding:25px;border-radius:25px}.tool-sculpture{margin-top:14px;height:117px}.studio .visual{box-shadow:inset 0 3px 0 #fff,0 7px 0 #cbd9c7,0 20px 32px #32564016}}
@media(max-width:360px){.studio>.topbar>nav{gap:4px}.studio>.topbar>nav>*{font-size:11px;padding:8px}.studio .proteus-shortcut{gap:4px}.studio .proteus-shortcut small{font-size:9px;padding:3px}.studio .fullscreen-button{min-width:40px}}