:root{--bg:#050914;--paper:#0c1424;--surface:#15253b;--ink:#edf4ff;--muted:#a5b5ce;--line:#26354b;--accent:#b4e5ff;--green:#b4e5ff;--lime:#050914}body{font-size:15px;font-variant-numeric:tabular-nums}body.day-mode{--bg:#eff4fa;--paper:#fff;--surface:#e1edf8;--ink:#142a40;--muted:#49617b;--line:#c9d8e9;--accent:#126187;--green:#126187;--lime:#fff}#sidebar{background:var(--bg);border-right-color:var(--line)}.brand-mark{border-radius:50%;color:var(--accent);background:transparent}.brand{font-weight:500;letter-spacing:2px}.brand-en{font-size:8px}.nav-item{font-size:13px;position:relative;transition:color .2s,background .2s}.nav-item.active{background:linear-gradient(90deg,#85cbff19,transparent);box-shadow:inset 2px 0 var(--accent);border-radius:0 10px 10px 0}.nav-item svg{transition:transform .25s}.nav-item:hover svg{transform:translateY(-2px);filter:drop-shadow(0 0 5px #85cbff55)}.topbar{border-bottom-color:var(--line);background:var(--bg)}.shell-actions button,.search-trigger{border-radius:20px;background:transparent}.shell-actions button:hover{border-color:var(--accent);color:var(--ink)}main{position:relative;isolation:isolate}.cosmic-atmosphere{position:absolute;top:0;left:0;width:100%;height:460px;z-index:-2;pointer-events:none;mask-image:linear-gradient(#0009,#0004 55%,transparent)}.page-header{padding:14px 0 24px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-header h1{font-weight:500;font-size:36px;line-height:1.4;letter-spacing:-1px}.page-header p{max-width:680px;font-size:13px;line-height:1.9;color:var(--muted)}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.5px}.btn{border-radius:25px;padding:10px 20px;background:var(--paper);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn.primary{background:#bdeaff;color:#07111e;box-shadow:0 0 26px #8bd5ff13}.btn:hover{box-shadow:0 0 24px #8bd5ff12}.btn svg{transition:transform .25s}.btn:hover svg{transform:translateX(3px)}.studio-hero{padding:24px 0 40px;min-height:540px}.studio-intro h1{font-weight:500;line-height:1.2;font-size:clamp(44px,4.8vw,68px);letter-spacing:-2px}.hero-start{padding:14px 28px}.hero-network{border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#598eff0c,transparent 70%);padding:16px 22px 0;box-shadow:inset 0 1px 0 #b5e3ff08}.network-stage{height:355px;background:none;cursor:grab}.network-stage.rotating{cursor:grabbing}.network-center{background:var(--bg);border:1px solid var(--line);padding:22px;border-radius:50%;box-shadow:0 0 45px #7bbdff16,inset 0 0 25px #7bbdff0c}.network-center>span{font-size:25px;letter-spacing:4px}.network-center small{font-size:9px}.network-links path{stroke:#8ab9eb55;stroke-width:.2}.network-links path.selected{stroke:var(--accent);stroke-width:.4;stroke-dasharray:2 1.5;animation:connection-flow 9s linear infinite}@keyframes connection-flow{to{stroke-dashoffset:-24}}.network-node{background:var(--paper);border:1px solid #587b9e66;border-radius:13px;min-height:62px;box-shadow:0 5px 24px #0002;transition:border-color .22s,box-shadow .22s,background .22s}.network-node small{font-size:10px;color:var(--muted)}.network-node>span{font-size:16px;font-weight:500;color:var(--accent)}.network-node:hover,.network-node:focus-visible{box-shadow:0 0 25px #8bd5ff30;border-color:var(--accent)}.network-node[aria-pressed=true]{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px #b1deff0b,0 0 34px #85cfff20}.network-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:10px}.network-tools>div{display:flex;gap:5px}.network-tools button{min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:20px;background:var(--bg);font-size:12px;color:var(--muted);padding:4px 10px}.network-tools button:hover{color:var(--accent);border-color:var(--accent)}.network-controls{padding-top:10px}.network-selection{min-height:78px}.network-selection strong{font-size:14px}.network-selection a{min-height:44px;align-items:center}.telemetry{margin-top:8px}.telemetry strong{font-weight:400;font-size:34px}.telemetry>a:hover{background:#7cbcff08}.telemetry>a svg{transition:transform .2s}.telemetry>a:hover svg{transform:translateX(4px)}.stream-row{position:relative;transition:background .2s;padding-inline:8px;margin-inline:-8px;border-radius:8px}.stream-row:hover{background:var(--paper)}.stream-row h3{font-size:16px}.stream-row p{font-size:12px}.stream-marker{transition:border-color .25s,box-shadow .25s}.stream-row:hover .stream-marker{border-color:var(--accent);box-shadow:0 0 20px #8bd5ff22;color:var(--accent)}.lab-feature,.review-feature{border-radius:22px;background:radial-gradient(300px circle at var(--mx,-500px) var(--my,-500px),#88caff16,transparent 65%),var(--paper);box-shadow:inset 0 1px 0 #d5eaff08}.lab-feature>p,.review-feature p{font-size:13px}.mini-labs h3{font-size:13px}.mini-labs small{font-size:11px}.review-feature{background:radial-gradient(ellipse at 100% 0,#8b78ce19,transparent 70%),var(--paper)}.review-feature h2{font-size:28px;font-weight:500}.flash-glyph{transition:transform .5s}.review-feature:hover .flash-glyph{transform:rotate(15deg) scale(1.1)}.course-deck{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.course-tile{position:relative;border-radius:22px;background:radial-gradient(480px circle at var(--mx,-500px) var(--my,-500px),#91cfff15,transparent 65%),var(--paper);border:1px solid var(--line);box-shadow:inset 0 1px 0 #d5eaff0a;transition:border-color .3s,box-shadow .3s,transform .3s}.course-tile:hover{transform:translateY(-4px);border-color:#a6dfff88;box-shadow:0 14px 40px #0002,0 0 32px #8bd5ff0c}.tile-art{height:225px;background:radial-gradient(ellipse at 50% 50%,#6c92c71d,transparent 64%),linear-gradient(145deg,#081122,#080d1b);color:#9cdaff;border-bottom:1px solid var(--line);isolation:isolate}.tile-art>svg:not(.tile-stars){position:absolute;width:65%;height:76%;left:17.5%;top:12%;opacity:.72;transform:translate(calc(var(--px,0)*10px),calc(var(--py,0)*8px));filter:drop-shadow(0 0 7px #8bd5ff66);transition:transform .3s,opacity .3s}.tile-art>.tile-stars{position:absolute;width:100%;height:100%;inset:0;opacity:.75;transform:translate(calc(var(--px,0)*-16px),calc(var(--py,0)*-12px)) scale(1.04);transition:transform .35s,opacity .3s}.course-tile:hover .tile-stars{opacity:1}.course-tile:nth-child(3n+2) .tile-art{color:#b9b3ff;background:radial-gradient(ellipse at 60% 55%,#8d75c724,transparent 65%),#090f1e}.course-tile:nth-child(3n) .tile-art{color:#acdce8;background:radial-gradient(ellipse at 40% 50%,#539aab24,transparent 65%),#080f1c}.tile-art>span{font-size:11px;color:#c3d7ee;top:20px;left:22px;z-index:1}.tile-content{padding:24px 26px}.tile-meta{font-size:11px}.tile-content h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:14px 0 10px}.tile-content p{font-size:13px;line-height:1.85;min-height:48px}.tile-bottom{margin-top:22px;font-size:11px}.tile-bottom svg{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;padding:7px;transition:background .25s,transform .25s}.course-tile:hover .tile-bottom svg{background:var(--surface);transform:rotate(-35deg)}.course-tools{margin-bottom:28px}.search-field,.segmented{border-radius:24px}.search-field{padding-inline:17px}.segmented button{border-radius:20px}.filter{border-radius:20px;font-size:12px}.filter.active{border-color:var(--accent);background:var(--surface)}.atlas-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:26px;align-items:start}.atlas-canvas{background:radial-gradient(ellipse at 50% 35%,#6793ff0c,transparent 65%),var(--paper);padding:22px;border:1px solid var(--line);border-radius:24px;position:sticky;top:20px}.network-stage.large{height:440px}.atlas-detail{border:0;padding:12px 0 0 10px}.atlas-detail h2{font-size:25px;font-weight:500}.atlas-detail h3{font-size:14px}.atlas-detail p{font-size:13px;line-height:1.85}.atlas-knowledge a{font-size:12px;min-height:40px;display:flex;align-items:center;border-radius:20px;padding:7px 13px;background:var(--paper);transition:background .2s,transform .2s}.atlas-knowledge a:hover{background:var(--surface);transform:translateY(-2px)}.atlas-detail .mini-link{font-size:13px;padding-block:14px}.lab-summary{padding:22px 24px;border:1px solid var(--line);border-radius:20px;background:var(--paper);gap:30px}.lab-summary strong{font-size:28px}.lab-summary>div{font-size:12px}.board-toolbar{gap:15px}.kanban{align-items:start;gap:18px}.board-column{border-radius:20px;padding:15px;background:linear-gradient(180deg,#0e1a2b,var(--bg));border:1px solid var(--line);min-height:270px;transition:border-color .2s,box-shadow .2s,background .2s}.board-column>h2{font-size:13px;padding:8px 6px 20px}.board-column[data-drop-status=active]{border-top-color:#d4bb7c77}.board-column[data-drop-status=done]{border-top-color:#78cdb077}.work-card{position:relative;background:radial-gradient(240px circle at var(--mx,-500px) var(--my,-500px),#83c8ff12,transparent 70%),var(--paper);border-radius:13px;padding:18px;transition:border-color .2s,box-shadow .2s}.work-card:hover{border-color:#7194b988;box-shadow:0 6px 20px #0002}.work-meta{align-items:center;font-size:10px;gap:5px}.work-meta>span:last-child{margin-left:auto}.drag-handle{background:transparent;border:0;color:var(--muted);font-size:21px;cursor:grab;line-height:1;min-width:28px;min-height:30px;padding:0;opacity:.5}.drag-handle:hover{opacity:1;color:var(--accent)}.work-card h3{font-size:15px;line-height:1.7;font-weight:500}.work-card p{font-size:12px;line-height:1.8}.work-progress small{font-size:11px}.work-progress .track{height:3px;border-radius:4px}.status-select select{min-height:40px;border-radius:18px;font-size:11px}.status-select a{border:1px solid var(--line);border-radius:50%;transition:background .2s,transform .2s}.status-select a:hover{background:var(--surface);transform:rotate(-35deg)}.board-column.drop-ready{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 2px #a3dfff22,0 0 35px #8bd5ff19}.lab-dragging .board-column{min-height:330px}.is-dragging{opacity:.3}.board-empty{padding:35px 15px;line-height:1.9;font-size:12px}.board-empty small{font-size:11px}.knowledge-card{border-radius:18px;background:radial-gradient(300px circle at var(--mx,-500px) var(--my,-500px),#83c8ff12,transparent 70%),var(--paper);transition:border-color .2s,transform .2s}.knowledge-card:hover{transform:translateY(-3px);border-color:var(--accent)}.knowledge-card h3{font-size:16px}.knowledge-card p{font-size:13px;line-height:1.85}.prose{font-size:15px;line-height:1.95;max-width:78ch}.prose p,.prose li{color:var(--ink)}.prose h2{font-size:24px;font-weight:500}.prose h3{font-size:19px}.reading-layout>article>.prose,.prose.knowledge-section{background:var(--paper);padding:28px;border:1px solid var(--line);border-radius:16px}.panel,.widget,.quiz{border-radius:18px;box-shadow:inset 0 1px 0 #d5eaff06}.panel p,.step p{font-size:14px;line-height:1.9}.prose pre{font-size:13px;line-height:1.8}.toc a{font-size:12px;min-height:36px;display:block}.detail-definition{font-size:18px;line-height:1.9;border-radius:16px;padding:25px}.tab{font-size:13px;min-height:44px}.note-area{font-size:15px;padding:24px}.checklist{font-size:14px}.checklist label{min-height:44px}.reading-focus .prose{max-width:72ch;margin-inline:auto}.reading-focus main{max-width:1080px}.reading-focus .page-header{border-bottom-color:var(--line)}.flashcard{border-radius:24px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,#83bfff10,transparent 65%),var(--paper)}.flashcard p{font-size:15px;line-height:1.95}.day-mode .tile-art{background:radial-gradient(ellipse at center,#b5d6e877,transparent),#e8f0f8;color:#3b80a7}.day-mode .tile-art>span{color:#315e7b}.day-mode .board-column{background:#e7eff7}.day-mode .hero-network,.day-mode .atlas-canvas{background:var(--paper)}.day-mode .nav-item.active{background:#dfebf7}.day-mode .course-tile:nth-child(3n+2) .tile-art{background:#e9eaf5;color:#625990}.day-mode .course-tile:nth-child(3n) .tile-art{background:#e1eff3;color:#356e7d}.motion-off .tile-art>svg,.motion-off .course-tile:hover,.motion-off .knowledge-card:hover,.motion-off .tile-bottom svg,.motion-off .review-feature:hover .flash-glyph{transform:none!important}.motion-off .network-links path{animation:none}.motion-off .tile-art>svg:not(.tile-stars){opacity:.72}body:not(.cosmic-browse) .cosmic-atmosphere{display:none}
@media(min-width:1550px){.course-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-content h2{font-size:21px}.tile-art{height:220px}}
@media(max-width:1150px){.studio-hero{grid-template-columns:1fr;gap:30px}.studio-intro h1 br{display:none}.studio-intro h1{font-size:44px}.studio-intro>p br{display:none}.studio-intro{max-width:100%}.hero-network{width:100%;max-width:none}.network-stage{height:385px}.hero-progress{max-width:420px}.atlas-layout{grid-template-columns:1fr}.atlas-canvas{position:relative;top:0}.atlas-detail{padding:10px 0}.network-stage.large{height:440px}.tile-content{padding:21px}.tile-content h2{font-size:20px}.kanban{grid-template-columns:1fr}.board-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.board-column{min-height:150px}.board-empty{grid-column:1/-1}.lab-dragging .board-column{min-height:180px}.lab-summary{gap:20px}.work-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body{font-size:14px}.page-header{padding:8px 0 20px;margin-bottom:24px}.page-header h1{font-size:28px}.page-header p{font-size:13px}.studio-hero{padding:10px 0 24px;gap:24px}.studio-intro h1{font-size:39px;letter-spacing:-1.5px}.studio-intro h1 br{display:block}.hero-network{padding:12px 10px 0;border-radius:19px;margin:0}.network-stage{height:330px}.network-node{width:66px;min-height:58px;border-radius:10px}.network-node small{font-size:9px}.network-center{padding:16px}.network-center>span{font-size:22px}.network-center small{font-size:8px;letter-spacing:1px}.network-tools>span{font-size:9px;max-width:120px}.network-tools button{min-width:40px;min-height:44px;font-size:12px}.network-selection strong{font-size:12px;max-width:195px}.network-selection a{font-size:10px;gap:3px}.network-controls{font-size:9px}.telemetry strong{font-size:30px}.stream-row h3{font-size:15px}.stream-row p{font-size:12px}.course-deck{grid-template-columns:1fr;gap:24px}.tile-art{height:210px}.tile-content{padding:22px}.tile-content h2{font-size:22px}.tile-content p{font-size:13px}.tile-content .tile-bottom{margin-top:16px}.atlas-canvas{padding:12px 10px 0;border-radius:19px}.network-stage.large{height:330px}.atlas-detail h2{font-size:24px}.lab-summary{padding:18px;gap:15px}.lab-summary strong{font-size:25px}.lab-summary>div{font-size:11px;gap:6px}.board-stack,.work-list{grid-template-columns:1fr}.board-column{padding:14px}.work-card{padding:20px}.work-meta{font-size:11px}.work-card h3{font-size:16px}.work-card p{font-size:13px}.drag-handle{display:none}.status-select select{min-height:44px;font-size:12px}.status-select a{height:44px;width:44px}.lab-dragging .board-column{min-height:0}.prose{font-size:15px}.reading-layout>article>.prose,.prose.knowledge-section{padding:20px}.prose pre{font-size:12px}.panel p,.step p{font-size:14px}.detail-definition{font-size:17px;padding:20px}.note-area{padding:18px}.cosmic-atmosphere{height:320px}.course-tools .search-field{border-radius:24px}.network-stage{cursor:auto}.atlas-knowledge a{min-height:44px}.portal-footer{font-size:11px}}

.toc a,.mini-link{border-color:var(--line)}.day-mode .network-node{box-shadow:0 3px 14px #35516a12}.day-mode .network-node[aria-pressed=true]{box-shadow:0 0 0 4px #12618708}.day-mode .network-links path{stroke:#638dae66}.day-mode .network-links path.selected{stroke:var(--accent)}