:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--field:#0d0b18;--field-soft:#171329;--ink:#f6f2ff;--ink-muted:#c9c0e5;--ink-faint:#8d83b2;--rule:#4d46728c;--grid:#302a4e;--spine:#4d4672;--accent:#b59bff;--summary:#67d7c4;--warm:#f2a65a;--alert:#e57fa6;--panel:#171329;--plate:#171329b8;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--shell-top:max(clamp(22px, 4vw, 60px), calc(var(--safe-top) + 12px));--shell-right:max(clamp(20px, 4.6vw, 72px), calc(var(--safe-right) + 16px));--shell-bottom:max(clamp(22px, 4vw, 58px), calc(var(--safe-bottom) + 12px));--shell-left:max(clamp(20px, 4.6vw, 72px), calc(var(--safe-left) + 16px))}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100svh;margin:0;overflow:hidden}[hidden]{display:none!important}body{background:var(--field);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.same-study{background:radial-gradient(circle at 50% 46%, #b59bff1a, transparent 38%), radial-gradient(circle at 16% 12%, #67d7c40d, transparent 26%), linear-gradient(160deg, var(--field-soft), var(--field) 48%, #07060f);width:100%;height:100svh;color:var(--ink);transition:background .7s,color .48s}.same-study.theme-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--field:#e7dfd2;--field-soft:#f5efe4;--ink:#271e1b;--ink-muted:#62564f;--ink-faint:#6c5d55;--rule:#806f6457;--grid:#d7ccc0;--spine:#806f64;--accent:#9c3038;--summary:#1c6673;--warm:#b16d28;--alert:#9c3038;--panel:#f5efe4;--plate:#f5efe4db;background:radial-gradient(circle at 50% 44%, #fffcf69e, transparent 42%), linear-gradient(135deg, #9c303809, transparent 40%), var(--field)}.field-stage{isolation:isolate;cursor:default;touch-action:pinch-zoom;width:100%;height:100%;position:relative;overflow:hidden}.field-stage:before{z-index:0;background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);content:"";opacity:.42;pointer-events:none;background-position:50%;background-size:min(7vw,88px) min(7vw,88px);transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 68%);mask-image:radial-gradient(circle,#000 0%,#0000 68%)}.theme-paper .field-stage:before{opacity:.28}.field-canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.field-canvas:focus-visible{outline:1px solid var(--accent);outline-offset:-4px}.field-stage.is-reading-plate .field-canvas{z-index:1}.field-stage:has(.use-plate:hover) .field-canvas{z-index:1}.field-stage:has(.use-plate:focus-within) .field-canvas{z-index:1}.study-header{z-index:3;top:var(--shell-top);left:var(--shell-left);pointer-events:none;width:min(520px,46vw);position:absolute}.study-registration{color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex}.study-registration b{color:var(--ink-faint);font-weight:500}.study-header h1{letter-spacing:-.068em;margin:clamp(16px,2.2vw,30px) 0 0;font-size:clamp(52px,7vw,118px);font-weight:450;line-height:.76}.study-header>p{color:var(--ink-muted);letter-spacing:.015em;margin:clamp(16px,1.8vw,26px) 0 0 3px;font-size:clamp(13px,1.05vw,17px)}.theme-switch{z-index:4;top:max(clamp(20px, 3.8vw, 58px), calc(var(--safe-top) + 10px));right:var(--shell-right);min-height:42px;color:var(--ink-faint);cursor:pointer;letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;display:flex;position:absolute}.theme-switch span.is-active{color:var(--ink)}.theme-switch i{background:var(--rule);width:38px;height:1px;display:block;position:relative}.theme-switch i:after{background:var(--ink);content:"";border-radius:50%;width:7px;height:7px;transition:transform .42s cubic-bezier(.16,1,.3,1);position:absolute;top:-3px;left:0;transform:translate(31px)}.theme-paper .theme-switch i:after{transform:translate(0)}.method-reading{z-index:3;right:var(--shell-right);pointer-events:none;grid-template-columns:38px 1fr;gap:16px;width:min(360px,32vw);display:grid;position:absolute;bottom:clamp(118px,15vh,176px)}.method-index{color:var(--accent);letter-spacing:.12em;padding-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px}.method-reading h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2vw,32px);font-weight:450}.method-claim{color:var(--summary);letter-spacing:.12em;text-transform:uppercase;margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.method-reading p{max-width:300px;color:var(--ink-muted);margin:10px 0 14px;font-size:12px;line-height:1.55}.method-reading dl{border-top:1px solid var(--rule);flex-wrap:wrap;gap:10px 22px;margin:0;padding-top:10px;display:flex}.method-reading dl div:not([hidden]){white-space:nowrap;align-items:baseline;gap:8px;display:flex}.method-reading .walk-stat[hidden]{display:none}.method-reading dt,.method-reading dd{letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.method-reading dt{color:var(--ink-faint)}.method-reading dd{color:var(--ink);font-variant-numeric:tabular-nums}.method-reading abbr{text-decoration:none}.method-nav{z-index:4;right:var(--shell-right);bottom:var(--shell-bottom);left:var(--shell-left);border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(110px,1fr));display:grid;position:absolute}.method-nav button{min-height:56px;color:var(--ink-faint);cursor:pointer;letter-spacing:.02em;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:16px 16px 0 0;font-size:12px;transition:color .24s;display:flex;position:relative}.method-nav button:before{background:var(--ink);content:"";opacity:0;transform-origin:0;height:1px;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .24s;position:absolute;top:-1px;left:0;right:22%;transform:scaleX(0)}.method-nav button:hover,.method-nav button.is-active{color:var(--ink)}.method-nav button.is-active:before{opacity:1;transform:scaleX(1)}.method-nav button span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.study-tools{z-index:4;bottom:clamp(92px,12vh,138px);left:var(--shell-left);flex-wrap:wrap;align-items:center;gap:20px;min-height:44px;display:flex;position:absolute}.study-tools button{min-height:44px;color:var(--ink-muted);cursor:pointer;letter-spacing:.11em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px;display:flex}.study-tools button:hover,.study-tools button.is-active{color:var(--ink)}.shell-inspect-button{display:none!important}.shell-inspect-button.is-active .tool-dot{border-color:var(--summary);background:var(--summary)}.tool-dot{border:1px solid;border-radius:50%;width:6px;height:6px;display:block}.drag-note{color:var(--ink-faint);letter-spacing:.11em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9px}.drag-note:before{background:var(--rule);content:"";width:18px;height:1px;margin:0 10px 3px 0;display:inline-block}.use-plate{z-index:1;bottom:clamp(148px,20vh,228px);left:var(--shell-left);border:1px solid var(--rule);background:var(--plate);cursor:default;opacity:.62;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(312px,28vw);padding:12px 12px 10px;transition:opacity .28s,box-shadow .28s,border-color .28s;position:absolute}.use-plate:hover,.use-plate:focus-within,.use-plate.is-inspecting{z-index:6;isolation:isolate;background:var(--panel);border-color:color-mix(in srgb, var(--spine) 55%, var(--rule));opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0);box-shadow:0 18px 40px #07060f47}.use-plate:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.use-plate header{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;display:flex}.use-plate canvas{width:100%;height:auto;display:block}.use-plate figcaption{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:10px;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;line-height:1.45;display:flex}.field-keys{z-index:4;top:50%;right:var(--shell-right);pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;transform:translateY(-50%)}.field-key{align-items:center;gap:10px;display:none}.field-key.is-visible{display:flex}.field-key .key-dot{border-radius:50%;width:6px;height:6px;display:block}.key-dot-alert{background:var(--alert);box-shadow:0 0 12px color-mix(in srgb, var(--alert) 70%, transparent)}.key-dot-accent{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb, var(--accent) 70%, transparent)}.field-key p{color:var(--ink-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.walk-stat dd{font-variant-numeric:tabular-nums}.registration-corner{z-index:3;opacity:.55;pointer-events:none;width:16px;height:16px;position:absolute}.registration-corner:before,.registration-corner:after{background:var(--spine);content:"";position:absolute}.registration-corner:before{width:16px;height:1px}.registration-corner:after{width:1px;height:16px}.registration-corner-nw{top:calc(12px + var(--safe-top));left:calc(12px + var(--safe-left))}.registration-corner-se{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));transform:rotate(180deg)}.field-loader,.field-fallback{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-stage:has(.use-plate.is-mobile-open) .field-keys{display:none}.field-fallback[hidden]{display:none}.field-loader{color:var(--ink-muted);transition:opacity .4s}.field-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.field-loader.is-hidden span{animation:none}.field-loader span{border:1px solid var(--rule);border-top-color:var(--ink);border-radius:50%;width:26px;height:26px;animation:1.1s linear infinite field-spin}.field-loader p,.field-fallback span{letter-spacing:.14em;text-transform:uppercase;margin:12px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px}.field-fallback{text-align:center;width:min(300px,80vw)}.field-fallback p{margin:0;font-size:17px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes field-spin{to{transform:rotate(360deg)}}@media (width<=860px){.use-plate{width:min(240px,42vw);bottom:clamp(154px,22vh,210px)}.drag-note{display:none}}@media (width<=700px){.study-header{right:var(--shell-right);width:auto}.method-reading{right:var(--shell-right);bottom:calc(150px + var(--safe-bottom));left:var(--shell-left);width:auto}.method-reading p{max-width:34rem;margin-bottom:10px;font-size:11px;line-height:1.4}.use-plate{display:none}.use-plate.is-mobile-open{right:var(--shell-right);bottom:calc(150px + var(--safe-bottom));left:var(--shell-left);z-index:7;background:var(--panel);opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;width:auto;max-width:360px;display:block}.field-stage:has(.use-plate.is-mobile-open) .method-reading{visibility:hidden;opacity:0}.method-nav{right:var(--shell-right);bottom:max(18px, calc(var(--safe-bottom) + 10px));left:var(--shell-left);grid-template-columns:repeat(3,minmax(0,1fr))}.method-nav button{flex-direction:column;align-items:flex-start;gap:4px;min-height:50px;padding-top:8px;font-size:10px}.study-tools{right:var(--shell-right);bottom:calc(86px + var(--safe-bottom));left:var(--shell-left);gap:14px}.shell-inspect-button{display:flex!important}.field-keys{top:auto;right:var(--shell-right);bottom:calc(320px + var(--safe-bottom));transform:none}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.study-header{top:max(16px, calc(var(--safe-top) + 8px));left:var(--shell-left);width:min(300px,43vw)}.study-header h1{margin-top:10px;font-size:clamp(38px,6.5vw,50px)}.method-reading p,.use-plate{display:none}.use-plate.is-mobile-open{top:max(16px, calc(var(--safe-top) + 8px));bottom:auto;right:auto;left:var(--shell-left);z-index:7;width:min(280px,40vw);max-height:calc(100vh - 180px - var(--safe-top) - var(--safe-bottom));max-height:calc(100svh - 180px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;background:var(--panel);opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;display:block;overflow-y:auto}.field-stage:has(.use-plate.is-mobile-open) .study-header{visibility:hidden;opacity:0}.field-keys{top:max(72px, calc(var(--safe-top) + 54px));right:var(--shell-right);bottom:auto;transform:none}.method-reading{right:var(--shell-right);bottom:calc(118px + var(--safe-bottom));width:min(220px,33vw);left:auto}.method-reading dl{gap:5px 12px}.study-tools{bottom:calc(96px + var(--safe-bottom))}.shell-inspect-button{display:flex!important}}@media (width<=420px){.theme-switch{justify-content:center;gap:6px;min-width:44px;min-height:44px}.theme-switch span{display:none}.theme-switch i{width:32px}.theme-switch i:after{transform:translate(25px)}.theme-paper .theme-switch i:after{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.same-n .field-stage{cursor:grab}.same-n .field-stage[data-dragging=true]{cursor:grabbing}#spacingBtn.is-active .tool-dot{border-color:var(--alert);background:var(--alert)}#walkBtn.is-active .tool-dot{border-color:var(--accent);background:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}@media (width<=700px){.same-n .study-header h1{font-size:clamp(54px,18vw,80px)}}.series-return{color:inherit;pointer-events:auto;text-decoration:none}.series-return:hover{text-underline-offset:4px;text-decoration:underline}.series-return:focus-visible{outline:2px solid var(--summary);outline-offset:4px}