/* EDUCAnet v44 · Learning Studio & Visual Reasoning */
.v44-studio{container-type:inline-size;margin-top:26px;display:grid;gap:16px}.v44-studio-intro{padding:6px 4px}.v44-studio-intro h2{margin:.35rem 0 .45rem;font-size:clamp(1.45rem,3vw,2.3rem);letter-spacing:-.035em}.v44-studio-intro p{max-width:760px;margin:0;color:var(--muted,#64748b);line-height:1.6}.v44-card,.v44-gps{border:1px solid color-mix(in srgb,currentColor 8%,transparent);background:color-mix(in srgb,var(--panel,#fff) 96%,transparent);border-radius:22px;box-shadow:0 14px 45px color-mix(in srgb,#0f172a 5%,transparent)}.v44-card{padding:22px}.v44-card>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.v44-card h3{margin:.25rem 0 .35rem;font-size:1.13rem;letter-spacing:-.02em}.v44-card header p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.55;font-size:.86rem}.v44-kicker{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:var(--accent,#6366f1)}
.v44-gps{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(360px,2fr) auto;gap:18px;align-items:center;padding:18px 20px}.v44-gps-copy span,.v44-gps-copy strong,.v44-gps-copy small{display:block}.v44-gps-copy span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent,#6366f1);font-weight:850}.v44-gps-copy strong{margin-top:4px}.v44-gps-copy small{margin-top:4px;color:var(--muted,#64748b);line-height:1.35}.v44-gps-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;position:relative}.v44-gps-track:before{content:"";position:absolute;left:7%;right:7%;top:13px;height:2px;background:color-mix(in srgb,currentColor 10%,transparent)}.v44-gps-track div{position:relative;z-index:1;text-align:center;color:var(--muted,#64748b);font-size:.68rem}.v44-gps-track i{display:grid;place-items:center;width:27px;height:27px;margin:0 auto 6px;border-radius:50%;background:var(--panel,#fff);border:1px solid color-mix(in srgb,currentColor 14%,transparent);font-style:normal;font-weight:800}.v44-gps-track .done i{background:color-mix(in srgb,#22c55e 14%,var(--panel,#fff));border-color:color-mix(in srgb,#22c55e 45%,transparent);color:#15803d}.v44-gps-track .current{color:inherit;font-weight:800}.v44-gps-track .current i{background:var(--accent,#6366f1);border-color:var(--accent,#6366f1);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent,#6366f1) 10%,transparent)}.v44-gps-count{font-weight:850;font-size:.78rem}
.v44-rep-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.v44-rep-tabs button{appearance:none;border:1px solid color-mix(in srgb,currentColor 9%,transparent);background:transparent;color:inherit;padding:8px 11px;border-radius:999px;font-weight:750;font-size:.76rem;cursor:pointer}.v44-rep-tabs button.active{background:var(--accent,#6366f1);border-color:var(--accent,#6366f1);color:#fff}.v44-rep-stage article{display:grid;grid-template-columns:minmax(300px,1.3fr) minmax(220px,.7fr);gap:20px;align-items:center;padding:18px;border-radius:18px;background:color-mix(in srgb,currentColor 2.5%,transparent)}.v44-rep-copy>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted,#64748b)}.v44-rep-copy h4{margin:.4rem 0}.v44-rep-copy p{margin:0;line-height:1.6;color:var(--muted,#64748b)}.v44-rep-visual{min-height:180px;border-radius:18px;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent,#6366f1) 10%,transparent),transparent 35%),color-mix(in srgb,currentColor 2.8%,transparent);display:grid;place-items:center;padding:18px;overflow:hidden}.v44-reality-scene,.v44-principle-mark,.v44-transfer-orbit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.v44-reality-scene span,.v44-principle-mark span,.v44-transfer-orbit span{padding:11px 14px;border-radius:13px;background:var(--panel,#fff);border:1px solid color-mix(in srgb,currentColor 9%,transparent);font-weight:800}.v44-reality-scene b,.v44-principle-mark b,.v44-transfer-orbit b{color:var(--accent,#6366f1);font-size:1.25rem}.v44-principle-mark>i{font-size:2.3rem;font-style:normal;color:var(--accent,#6366f1)}.v44-layer-stack{width:min(560px,100%);display:grid;gap:6px}.v44-layer-stack span{transform:translateX(calc(var(--i) * 10px));padding:10px 12px;border-radius:12px;background:var(--panel,#fff);border:1px solid color-mix(in srgb,currentColor 9%,transparent);box-shadow:0 5px 16px color-mix(in srgb,#0f172a 5%,transparent)}.v44-layer-stack b,.v44-layer-stack small{display:block}.v44-layer-stack small{margin-top:2px;color:var(--muted,#64748b)}.v44-mini-contrast{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;width:100%}.v44-mini-contrast>span{font-size:.62rem;color:var(--muted,#64748b);letter-spacing:.08em}.v44-mini-contrast>strong{padding:12px;border-radius:12px;background:var(--panel,#fff)}.v44-mini-contrast>i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--accent,#6366f1)}
.v44-difference>header output{font-size:.72rem;font-weight:800;padding:7px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent,#6366f1) 8%,transparent)}.v44-diff-stage{position:relative;min-height:220px;border-radius:18px;overflow:hidden;background:color-mix(in srgb,currentColor 2.5%,transparent)}.v44-diff-layer{position:absolute;inset:0;padding:20px}.v44-diff-layer>span{display:block;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;font-weight:850;margin-bottom:15px}.v44-diff-layer>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.v44-diff-layer b{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:12px;background:var(--panel,#fff);font-size:.78rem}.v44-diff-layer b i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:color-mix(in srgb,currentColor 7%,transparent);font-style:normal;font-size:.65rem}.v44-diff-layer.bad{background:color-mix(in srgb,#ef4444 6%,transparent)}.v44-diff-layer.good{clip-path:inset(0 calc(100% - var(--reveal)) 0 0);background:color-mix(in srgb,#22c55e 7%,var(--panel,#fff))}.v44-diff-line{position:absolute;top:0;bottom:0;left:var(--reveal);width:2px;background:var(--accent,#6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6366f1) 12%,transparent)}.v44-diff-slider{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:12px 0}.v44-diff-slider span{font-size:.7rem;color:var(--muted,#64748b)}.v44-diff-slider input{width:100%;accent-color:var(--accent,#6366f1)}.v44-stage-status{font-size:.72rem;color:#15803d;margin-left:8px}.v44-experiment-done{appearance:none;width:100%;padding:14px 16px;border:1px dashed color-mix(in srgb,currentColor 14%,transparent);border-radius:16px;background:transparent;color:inherit;text-align:left;font-weight:800;cursor:pointer}.v44-experiment-done:hover,.v44-experiment-done.done{border-color:color-mix(in srgb,#22c55e 45%,transparent);background:color-mix(in srgb,#22c55e 6%,transparent)}
.v44-analogy{padding:0;overflow:hidden}.v44-analogy summary{display:flex;gap:12px;align-items:center;padding:18px 22px;cursor:pointer;list-style:none}.v44-analogy summary::-webkit-details-marker{display:none}.v44-analogy summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--accent,#6366f1) 9%,transparent);font-size:1.2rem}.v44-analogy summary strong,.v44-analogy summary small{display:block}.v44-analogy summary small{color:var(--muted,#64748b);margin-top:3px}.v44-analogy-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 22px 22px}.v44-analogy-grid article{padding:15px;border-radius:15px;background:color-mix(in srgb,currentColor 3%,transparent)}.v44-analogy-grid span{font-size:.62rem;letter-spacing:.09em;color:var(--muted,#64748b)}.v44-analogy-grid p{margin:.45rem 0 0;line-height:1.55}
.v44-snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v44-snapshot-grid article{padding:16px;border-radius:16px;background:color-mix(in srgb,currentColor 3%,transparent)}.v44-snapshot-grid span,.v44-snapshot-grid strong{display:block}.v44-snapshot-grid span{font-size:.64rem;letter-spacing:.1em;color:var(--muted,#64748b)}.v44-snapshot-grid strong{margin:8px 0 13px;line-height:1.5}.v44-inline-feedback{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,currentColor 4%,transparent);font-size:.78rem;line-height:1.45}.v44-inline-feedback.ok{background:color-mix(in srgb,#22c55e 9%,transparent)}.v44-inline-feedback.mid{background:color-mix(in srgb,#f59e0b 9%,transparent)}.v44-inline-feedback.bad{background:color-mix(in srgb,#ef4444 8%,transparent)}
.v44-teachback textarea,.v44-memory-form textarea{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,currentColor 2%,transparent);color:inherit;border-radius:14px;padding:12px 13px;font:inherit;resize:vertical}.v44-score-ring{--score:0%;width:62px;height:62px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at center,var(--panel,#fff) 56%,transparent 58%),conic-gradient(var(--accent,#6366f1) var(--score),color-mix(in srgb,currentColor 7%,transparent) 0)}.v44-score-ring strong,.v44-score-ring span{display:block}.v44-score-ring strong{font-size:.82rem}.v44-score-ring span{font-size:.56rem;color:var(--muted,#64748b)}.v44-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:11px}.v44-actions small{color:var(--muted,#64748b)}
.v44-replay-clock{text-align:right}.v44-replay-clock strong,.v44-replay-clock span{display:block}.v44-replay-clock strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.v44-replay-clock span{font-size:.62rem;color:var(--muted,#64748b)}.v44-replay-stage{min-height:130px;position:relative}.v44-replay-stage article{display:none;padding:20px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#6366f1) 9%,transparent),color-mix(in srgb,currentColor 2%,transparent))}.v44-replay-stage article.active{display:block}.v44-replay-stage span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#6366f1);font-weight:850}.v44-replay-stage p{margin:.7rem 0 0;font-size:1.05rem;line-height:1.55;font-weight:700;max-width:760px}
.v44-memory-preview{padding:20px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#6366f1) 9%,var(--panel,#fff)),var(--panel,#fff));border:1px solid color-mix(in srgb,var(--accent,#6366f1) 12%,transparent)}.v44-memory-preview>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent,#6366f1);font-weight:850}.v44-memory-preview>strong{display:block;margin:10px 0 16px;font-size:1.05rem;line-height:1.5}.v44-memory-preview p{margin:7px 0;color:var(--muted,#64748b);line-height:1.45}.v44-memory-preview em{font-style:normal}.v44-memory-card details{margin-top:12px}.v44-memory-card summary{cursor:pointer;font-weight:800}.v44-memory-form{display:grid;gap:10px;margin-top:12px}.v44-memory-form label{display:grid;gap:5px;font-size:.72rem;font-weight:800}
.v44-dashboard-gps{margin-top:16px;grid-column:1/-1}.v44-dashboard-track{display:flex;gap:7px;flex-wrap:wrap}.v44-dashboard-track span{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,currentColor 3%,transparent);font-size:.72rem;color:var(--muted,#64748b)}.v44-dashboard-track .done{color:#15803d;background:color-mix(in srgb,#22c55e 8%,transparent)}.v44-dashboard-track .current{color:inherit;font-weight:850;background:color-mix(in srgb,var(--accent,#6366f1) 9%,transparent)}
.v44-teacher-pulse{display:grid;grid-template-columns:1.35fr repeat(5,1fr);gap:8px;margin:12px 0 18px}.v44-teacher-pulse article{padding:12px;border-radius:13px;background:color-mix(in srgb,currentColor 3%,transparent)}.v44-teacher-pulse span,.v44-teacher-pulse strong,.v44-teacher-pulse small{display:block}.v44-teacher-pulse span{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#64748b)}.v44-teacher-pulse strong{margin-top:5px}.v44-teacher-pulse small{margin-top:3px;color:var(--muted,#64748b)}.v44-reveal-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v44-reveal-board article{min-height:150px;padding:15px;border-radius:15px;background:color-mix(in srgb,currentColor 3%,transparent);opacity:.14;filter:blur(2px);transform:scale(.98);transition:opacity .18s ease,filter .18s ease,transform .18s ease}.v44-reveal-board article.revealed{opacity:1;filter:none;transform:none}.v44-reveal-board span,.v44-reveal-board strong{display:block}.v44-reveal-board span{font-size:.62rem;letter-spacing:.08em;color:var(--accent,#6366f1);font-weight:850}.v44-reveal-board strong{margin-top:10px;line-height:1.45}.v44-live-board.presentation{position:fixed!important;inset:0!important;z-index:9999!important;margin:0!important;border-radius:0!important;background:var(--bg,#fff)!important;padding:5vh 5vw!important;overflow:auto}.v44-live-board.presentation .v44-reveal-board{min-height:55vh}.v44-live-board.presentation .v44-reveal-board article{font-size:1.25rem;padding:2rem}
@container (max-width:820px){.v44-gps{grid-template-columns:1fr}.v44-gps-track{grid-template-columns:repeat(5,1fr)}.v44-gps-count{display:none}.v44-rep-stage article{grid-template-columns:1fr}.v44-analogy-grid,.v44-snapshot-grid{grid-template-columns:1fr}.v44-teacher-pulse{grid-template-columns:1fr 1fr}.v44-reveal-board{grid-template-columns:1fr 1fr}.v44-mini-contrast{grid-template-columns:1fr}.v44-mini-contrast>i{grid-row:auto;grid-column:auto}}
@media(max-width:700px){.v44-card{padding:17px;border-radius:18px}.v44-card>header{flex-direction:column}.v44-gps-track span{display:none}.v44-rep-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.v44-rep-tabs button{white-space:nowrap}.v44-diff-layer>div{align-items:flex-start;flex-direction:column}.v44-teacher-pulse,.v44-reveal-board{grid-template-columns:1fr}.v44-replay-clock{text-align:left}}
@media(prefers-reduced-motion:reduce){.v44-studio *,.v44-live-board *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body *{visibility:hidden}.v44-memory-card.print-focus,.v44-memory-card.print-focus *{visibility:visible}.v44-memory-card.print-focus{position:absolute;left:0;top:0;width:100%;border:0;box-shadow:none}.v44-memory-card.print-focus>header button,.v44-memory-card.print-focus details{display:none!important}}