.pd{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;overflow:hidden;container-type:inline-size}.pd-stage{--tz:66px;--pad:24px;--strip:62px;-webkit-user-select:none;user-select:none;background:var(--surface);isolation:isolate;height:512px;position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.pd:not([data-ready]) :is(.pd-titles,.pd-map){visibility:hidden;animation:0s linear 4s forwards pd-show}}@keyframes pd-show{to{visibility:visible}}.pd-wash{background:radial-gradient(90% 60% at 62% -8%, var(--topic-3), transparent 70%);opacity:0;pointer-events:none;z-index:5;position:absolute;inset:0}.pd-titles{top:20px;left:var(--pad);right:var(--pad);z-index:6;height:30px;position:absolute}.pd-title{letter-spacing:-.02em;white-space:nowrap;opacity:0;font-size:21px;font-weight:600;line-height:30px;position:absolute;inset:0}.pd-title[data-rest]{opacity:1}.pd-zone{border:1px dashed var(--line-strong);opacity:0;z-index:0;border-radius:.75rem;justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0}.pd-zone span{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding-bottom:10px;font-size:13px;font-weight:500;display:inline-flex}.pd-sheet{background:var(--raised);border:1px solid var(--line-strong);opacity:0;z-index:1;border-radius:10px;position:absolute;top:0;left:0;box-shadow:0 10px 28px #00000038}.pd-sheet-head{border-bottom:1px solid var(--line-strong);flex-direction:column;gap:2px;padding:10px 12px 8px;display:flex}.pd-sheet-head b{align-items:center;gap:5px;font-size:12.5px;font-weight:600;line-height:1.3;display:flex}.pd-sheet-head svg{color:var(--muted);flex:none}.pd-sheet-head span{color:var(--muted);font-size:11.5px;line-height:1.3}.pd-sheet-lines{pointer-events:none;position:absolute;inset:0}.pd-sheet-lines i{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--faint);align-items:center;font-size:9.5px;font-style:normal;display:flex;position:absolute}.pd-map{top:var(--tz);left:var(--pad);right:var(--pad);z-index:2;flex-direction:column;gap:14px;display:flex;position:absolute;bottom:16px}.pd-course{align-items:baseline;gap:8px;font-size:14px;display:flex}.pd-course b{font-weight:600}.pd-course span{color:var(--muted)}.pd-course em{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:13px;font-style:normal}.pd-legend{flex-wrap:wrap;gap:4px 6px;margin-inline:-6px;font-size:13px;display:flex}.pd-chip{border-radius:6px;align-items:center;gap:7px;padding:3px 6px;line-height:1.4;display:inline-flex;position:relative}.pd-chip:before{content:"";background:var(--c);border-radius:3px;flex:none;width:10px;height:10px}.pd-chip b{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--faint);font-size:11.5px;font-weight:400}.pd-chip-bg{background:var(--raised);opacity:0;z-index:-1;border-radius:6px;position:absolute;inset:0}.pd-rows{flex-direction:column;gap:18px;margin-block:auto;display:flex}.pd-row-head{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:12.5px;line-height:1;display:flex}.pd-row-head span:last-child{color:var(--faint)}.pd-tiles{gap:4px;display:flex}.pd-tile{background:var(--tile-hover);border-radius:6px;flex:1 1 0;min-width:0;height:60px;position:relative}.pd-tile-c{background:var(--c);color:var(--ink);border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px 7px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff29}.pd-tile-c b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1}.pd-tile-c i{font-family:var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;font-size:10px;font-style:normal;font-weight:500;line-height:1}.pd-ring{border:2px solid var(--text);opacity:0;pointer-events:none;border-radius:9px;position:absolute;inset:-4px}.pd-q{top:calc(var(--tz) + var(--strip) + 14px);left:var(--pad);right:var(--pad);visibility:hidden;z-index:3;flex-direction:column;gap:12px;display:flex;position:absolute}.pd-card{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.pd-clip{clip-path:inset(var(--ct,0px) var(--cr,0px) var(--cb,0px) var(--cl,0px) round var(--cx,0px))}.pd-card header{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.pd-card h4{letter-spacing:-.015em;font-size:17px;font-weight:600;line-height:1.3}.pd-card header i{font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--accent);font-size:13px;font-style:normal}.pd-card header em{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:13px;font-style:normal;display:inline-flex}.pd-card header em:before{content:"";background:var(--c);border-radius:3px;width:9px;height:9px}.pd-card p{font-size:14.5px;line-height:1.58}.pd-actions{flex-wrap:wrap;gap:8px;display:flex}.pd-btn,.pd-swap button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:13.5px;font-weight:500;line-height:1.2;display:inline-flex}.pd-btn{border:1px solid var(--line-strong);background:var(--surface)}.pd-swap{display:grid}.pd-swap>*{grid-area:1/1}.pd-swap button{width:100%}.pd-slot{display:grid}.pd-slot>*{grid-area:1/1;min-width:0}.pd-solution{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);border-radius:.75rem;flex-direction:column;align-self:start;gap:6px;padding:12px 16px;display:flex}.pd-solution>span{color:var(--accent);font-size:12px;font-weight:500}.pd-solution .exam-prose{font-size:14px;line-height:1.58}.pd-list{border:1px solid var(--line);background:var(--surface);border-radius:.75rem;align-self:start}.pd-list-row{flex-direction:column;gap:1px;padding:10px 14px;display:flex}.pd-list-row+.pd-list-row{border-top:1px solid var(--line)}.pd-list-row b{font-size:14.5px;font-weight:500}.pd-list-row span{color:var(--muted);font-size:13px;line-height:1.45}.pd-concept{top:var(--tz);padding:0 var(--pad) 14px;visibility:hidden;background:var(--surface);z-index:4;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.pd-concept-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.pd-concept-head h4{letter-spacing:-.015em;font-size:18px;font-weight:600;line-height:1.3}.pd-summary{color:var(--muted);margin-top:-6px;font-size:13.5px;line-height:1.45}.pd-lenses{color:var(--muted);gap:2px;font-size:12.5px;font-weight:500;display:flex;position:relative}.pd-lens,.pd-lens-on{align-items:center;gap:5px;padding:4px 8px;line-height:1.3;display:flex}.pd-lens{position:relative}.pd-lens-on{color:var(--text);opacity:0;position:absolute;inset:0}.pd-lens svg{flex:none}.pd-pill{background:var(--raised);transform-origin:0;border-radius:6px;width:10px;height:100%;position:absolute;top:0;left:0}.pd-panels{flex:1;min-height:0;position:relative}.pd-panel{flex-direction:column;gap:10px;display:flex;position:absolute;inset:0}.pd-figure{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;min-height:0;position:relative;overflow:hidden}.pd-figure svg{width:100%;height:100%;position:absolute;inset:0}.pd-figure text{font-family:var(--font-geist-sans), system-ui, sans-serif;text-anchor:middle;dominant-baseline:central}.pd-node rect{fill:var(--raised);stroke:var(--line-strong)}.pd-node .hi{fill:var(--accent-soft);stroke:var(--accent);opacity:0}.pd-node .a{fill:var(--text);font-size:12.5px;font-weight:600}.pd-node .b{fill:var(--muted);font-size:11.5px;font-family:var(--font-geist-mono), ui-monospace, monospace}.pd-edge{fill:none;stroke:var(--faint);stroke-width:1.25px}.pd-edge-label{fill:var(--muted);font-size:11px;font-family:var(--font-geist-mono), ui-monospace, monospace}.pd-sentence{font-size:14px;line-height:1.55}.pd-mark{white-space:nowrap;isolation:isolate;font-weight:500;position:relative}.pd-mark:before{content:"";background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent-line);transform:scaleX(var(--mark,0));transform-origin:0;z-index:-1;border-radius:4px;position:absolute;inset:-1px -3px}.pd-panel[data-panel=example]{gap:14px;padding-top:2px}.pd-ex-problem{border:1px solid var(--line);border-radius:10px;padding:11px 14px;font-size:14.5px;line-height:1.55}.pd-ex-step{grid-template-columns:24px minmax(0,1fr);gap:10px;display:grid}.pd-ex-step>span{border:1px solid var(--line-strong);width:24px;height:24px;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:11.5px;display:flex}.pd-ex-step>div{flex-direction:column;gap:5px;min-width:0;padding-top:2px;display:flex}.pd-ex-step b{font-size:14.5px;font-weight:500;line-height:1.45}.pd-ex-work{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:8px 12px}.pd-ex-work .exam-prose{font-size:14px;line-height:1.5}.pd-ex-actions{align-items:center;gap:12px;padding-left:34px;display:flex}.pd-ex-actions .pd-btn{padding:7px 12px;font-size:13px}.pd-ex-all{color:var(--muted);font-size:13px}.pd-task{font-size:14.5px;font-weight:500;line-height:1.45}.pd-plotbox{border:1px solid var(--line);background:var(--bg);border-radius:10px;flex-direction:column;flex:1;min-height:0;padding:8px 12px;display:flex}.pd-plot{flex:1;min-height:0;position:relative}.pd-plot svg{width:100%;height:100%;font-family:var(--font-geist-sans), system-ui, sans-serif;position:absolute;inset:0}.pd-plot .grid{stroke:var(--line)}.pd-plot .axis{stroke:var(--line-strong)}.pd-plot .tick{font-family:var(--font-geist-mono), ui-monospace, monospace;fill:var(--faint);font-size:11px}.pd-plot .label{fill:var(--muted);font-size:11.5px}.pd-plot .curve{fill:none;stroke:var(--accent);stroke-width:2.25px;stroke-linejoin:round}.pd-plot .cursor{stroke:var(--accent);stroke-width:1.5px}.pd-plot .on-curve{fill:var(--accent);stroke:var(--bg);stroke-width:1.5px}.pd-plot .handle{fill:var(--accent);stroke:var(--bg);stroke-width:2px}.pd-plot[data-reached] .cursor{stroke:var(--success)}.pd-plot[data-reached] .handle{fill:var(--success)}.pd-readout{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:6px;padding-top:8px;display:grid}.pd-readout div{flex-direction:column;gap:1px;min-width:0;display:flex}.pd-readout dt{color:var(--muted);font-size:12px;line-height:1.3}.pd-readout dd{font-family:var(--font-geist-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;font-size:16px;line-height:1.3}.pd-readout div:last-child dd{font-weight:600}.pd-note{border-left:3px solid var(--success);padding-left:12px;font-size:13px;line-height:1.45}.pd-morph{visibility:hidden;z-index:5;pointer-events:none;position:absolute;inset:0}.pd-morph.tile{background:var(--c)}.pd-morph.row{background:var(--raised)}.pd-dot{background:var(--accent-soft);border:2px solid var(--accent);opacity:0;z-index:7;pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:0;left:0;box-shadow:0 2px 10px #00000040}.pd-dot i{border:1.5px solid var(--accent);opacity:0;border-radius:50%;position:absolute;inset:-2px}.pd-foot{background:var(--surface);justify-content:flex-end;padding:0 12px 10px;display:flex}.pd-tag{color:var(--muted);border:1px solid var(--line-strong);border-radius:99px;padding:4px 8px;font-size:12px;line-height:1}@container (max-width:540px){.pd-stage{height:560px}}@container (max-width:480px){.pd-stage{--tz:58px;--pad:16px;--strip:52px;height:600px}.pd-titles{top:16px}.pd-title{font-size:18.5px}.pd-map{gap:12px}.pd-legend{gap:1px 4px;font-size:12.5px}.pd-rows{gap:16px}.pd-tiles{gap:3px}.pd-tile{height:48px}.pd-tile-c{padding:8px 5px}.pd-card{padding:12px 14px}.pd-card p{font-size:14px;line-height:1.5}.pd-solution .exam-prose{font-size:13.5px;line-height:1.5}.pd-solution{padding:10px 14px}.pd-q{gap:10px}.pd-btn,.pd-swap button{padding:9px 11px;font-size:13px}.pd-lenses{margin-inline:-4px}.pd-lens svg{display:none}.pd-panel[data-panel=example]{gap:10px;padding-top:0}.pd-ex-problem{padding:8px 11px;font-size:13px;line-height:1.5}.pd-ex-step b{font-size:13px;line-height:1.4}.pd-ex-work{padding:5px 9px}.pd-ex-work .exam-prose{font-size:12.5px;line-height:1.45}.pd-task{font-size:14px}.pd-sheet-head{padding:8px 8px 6px}.pd-sheet-head b{gap:3px;font-size:11.5px}.pd-sheet-head span{font-size:10.5px}}@container (max-width:340px){.pd-stage{--pad:14px;height:660px}.pd-title{letter-spacing:-.015em;font-size:15.5px}.pd-course em{display:none}.pd-tile-c{padding:7px 4px}.pd-tile-c b{font-size:12px}.pd-tile-c i{font-size:9px}.pd-lenses{font-size:12px}.pd-lens,.pd-lens-on{padding:4px 6px}.pd-sheet-head{padding:7px 7px 5px}.pd-sheet-head svg{display:none}}