.panel-lab{--panel-accent:#bf6e61;--panel-accent-soft:#ead4c7;position:relative;z-index:4;background:var(--paper,#fff8ee);color:var(--ink,#241d18);padding:100px 7% 50px;isolation:isolate;overflow:clip;scroll-margin-top:0}
.panel-lab[data-panel-character=miku]{--panel-accent:#367f7b;--panel-accent-soft:#d2e5dc}.panel-lab[data-panel-character=shinobu]{--panel-accent:#816b98;--panel-accent-soft:#e2d9e9}
.panel-heading{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:34px;border-bottom:1px solid #241d1840}.panel-heading>.eyebrow{grid-column:1/-1;margin-bottom:24px}.panel-heading h2{font:600 clamp(72px,9.6vw,154px)/.85 var(--font,Norifox,Arial,sans-serif);letter-spacing:-.04em}.panel-heading h2 span{color:transparent;-webkit-text-stroke:1.5px var(--ink,#241d18)}.panel-intro{font-size:12px;line-height:1.8;padding:0 0 6px 25px}.panel-character-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 40px;border:1px solid var(--ink,#241d18)}.panel-character-switch button{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:59px;padding:12px 20px;background:transparent;font:25px var(--font,Norifox,Arial,sans-serif);transition:color .16s,background .16s}.panel-character-switch button+button{border-left:1px solid #241d1850}.panel-character-switch button>span:first-child{font:9px Arial,sans-serif;letter-spacing:.1em}.panel-character-switch button>span:last-child{font:20px Arial,sans-serif}.panel-character-switch button[aria-pressed=true]{background:var(--ink,#241d18);color:var(--paper,#fff8ee)}.panel-character-switch button:active,.panel-play:active{transform:translateY(1px)}
.panel-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8%;align-items:center}.panel-visual{min-width:0}.panel-paper-space{perspective:1400px;padding:20px 11px 17px}.panel-paper-stack{position:relative;transform-style:preserve-3d;transform:rotateZ(-2deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.panel-paper{position:absolute;inset:0;border:1px solid var(--ink,#241d18);background:var(--paper,#fff8ee);pointer-events:none}.panel-paper-back{transform:translateZ(-26px) rotate(7deg);background:var(--panel-accent-soft);box-shadow:7px 12px 0 #241d1818}.panel-paper-back>span{position:absolute;top:12px;left:13px;font:7px Arial,sans-serif;letter-spacing:.13em}.panel-paper-middle{transform:translateZ(-12px) rotate(-3.8deg);background:repeating-linear-gradient(0deg,transparent 0 9px,#241d181a 9px 10px),var(--paper,#fff8ee)}.panel-canvas{position:relative;aspect-ratio:2/3;isolation:isolate;border:2px solid var(--ink,#241d18);margin:0;overflow:hidden;background:#f3e8d8;transform:translateZ(1px);box-shadow:0 9px 20px #241d1820}.panel-gallery,.panel-drawing{position:absolute;inset:0;overflow:hidden}.panel-gallery{background:#e6e0d7}.panel-drawing{background:var(--panel-accent-soft);clip-path:inset(0 0 0 0)}.panel-canvas picture{position:absolute;inset:0;display:block}.panel-canvas img{width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}.panel-ink-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 2deg at 50% 50%,transparent 0deg 6deg,#241d1828 6.1deg 6.25deg,transparent 6.3deg 16deg);transform:rotate(10deg)}.panel-giant-index{position:absolute;left:4%;top:4%;font:600 clamp(90px,17vw,240px)/1 var(--font,Norifox,Arial,sans-serif);color:transparent;-webkit-text-stroke:1px #241d1830;letter-spacing:-.07em}.panel-canvas-label{position:absolute;bottom:0;left:0;right:0;z-index:3;background:var(--ink,#241d18);color:var(--paper,#fff8ee);padding:10px 12px;text-align:center;font:7px/1.5 Arial,sans-serif;letter-spacing:.14em}.panel-file-stamp{position:absolute;right:-19px;top:18px;padding:11px 13px;background:var(--orange,#ffb258);color:var(--ink,#241d18);border:1px solid var(--ink,#241d18);font:600 18px/.95 var(--font,Norifox,Arial,sans-serif);transform:translateZ(18px) rotate(8deg);box-shadow:3px 3px 0 var(--ink,#241d18);pointer-events:none}.panel-cut-line{position:absolute;z-index:4;left:0;top:0;bottom:0;width:100%;border-right:2px solid var(--ink,#241d18);transform:translateX(0);opacity:0;pointer-events:none}.panel-cut-line>span{position:absolute;right:-18px;top:46%;width:34px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--paper,#fff8ee);border:1px solid var(--ink,#241d18);font-size:19px}.panel-burst{position:absolute;z-index:5;inset:25% 8%;background:var(--orange,#ffb258);opacity:0;pointer-events:none;clip-path:polygon(50% 0,56% 34%,75% 9%,68% 39%,100% 30%,74% 50%,100% 69%,68% 61%,76% 94%,56% 69%,50% 100%,43% 68%,21% 94%,31% 61%,0 69%,26% 50%,0 30%,32% 39%,24% 9%,44% 34%)}.panel-shard{position:absolute;z-index:6;width:85%;height:22%;background:var(--paper,#fff8ee);border-top:2px solid var(--ink,#241d18);border-bottom:1px solid var(--ink,#241d18);opacity:0;pointer-events:none;clip-path:polygon(0 6%,12% 0,25% 9%,39% 1%,50% 8%,64% 0,79% 9%,94% 1%,100% 8%,100% 91%,87% 100%,73% 93%,60% 100%,48% 94%,35% 100%,20% 91%,9% 100%,0 94%)}.panel-shard-one{left:-20%;top:18%;transform:rotate(-24deg)}.panel-shard-two{right:-20%;bottom:19%;transform:rotate(-24deg)}.panel-playing .panel-burst{animation:panel-burst-out 1.5s cubic-bezier(.16,1,.3,1) both .1s}.panel-playing .panel-shard-one{animation:panel-tear-left 1.7s cubic-bezier(.2,.7,.2,1) both .1s}.panel-playing .panel-shard-two{animation:panel-tear-right 1.7s cubic-bezier(.2,.7,.2,1) both .1s}.panel-playing .panel-paper-back{animation:panel-paper-fan 2.1s cubic-bezier(.2,.7,.2,1) both}.panel-playing .panel-file-stamp{animation:panel-stamp-rise 2.1s cubic-bezier(.2,.7,.2,1) both}
.panel-reveal-controls{position:relative;margin-top:25px}.panel-range-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.panel-range-heading output{font:9px Arial,sans-serif;color:#675b50;white-space:nowrap}.panel-reveal-controls input{display:block;width:100%;height:44px;margin:2px 0;accent-color:var(--ink,#241d18);cursor:ew-resize}.panel-range-labels{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-range-labels button{min-height:44px;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}.panel-range-labels>span{font-size:18px;color:var(--panel-accent)}.panel-study-label{display:flex;justify-content:space-between;gap:10px;font:8px Arial,sans-serif;letter-spacing:.15em;border-bottom:1px solid #241d1840;padding-bottom:15px;margin-bottom:25px}.panel-story h3{font:600 clamp(58px,7vw,110px)/.9 var(--font,Norifox,Arial,sans-serif);letter-spacing:-.03em;overflow-wrap:anywhere}.panel-character-line{font:600 clamp(24px,2.8vw,43px)/1.04 var(--font,Norifox,Arial,sans-serif);color:var(--panel-accent);margin-top:15px}.panel-story-copy{font-size:13px;line-height:1.9;margin-top:25px;max-width:340px}.panel-play{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:14px 18px;min-height:54px;background:var(--orange,#ffb258);color:var(--ink,#241d18);font-size:12px;border:1px solid var(--ink,#241d18);margin-top:26px}.panel-play>span:last-child{font-size:23px;line-height:1}.panel-play:disabled{cursor:progress;opacity:.65}.panel-motion-hint{font-size:10px;color:#675b50;margin-top:9px}.panel-product-link{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:54px;border:1px solid var(--ink,#241d18);background:var(--ink,#241d18);color:var(--paper,#fff8ee);padding:14px 18px;font-size:12px;margin-top:26px}.panel-product-link>span:last-child{font-size:22px}.panel-product-note{font-size:10px;color:#675b50;margin-top:9px}.panel-disclaimer{font-size:10px;line-height:1.8;color:#675b50;margin-top:24px}.panel-chapter-mark{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:17px;border-top:1px solid #241d1828;min-height:100px;overflow:clip}.panel-chapter-mark>span{font:8px/1.6 Arial,sans-serif;letter-spacing:.12em}.panel-chapter-mark svg{width:130px;fill:var(--orange,#ffb258);margin-top:-30px;margin-bottom:-30px;transform:rotate(-20deg)}.panel-feedback{font-size:11px;line-height:1.6;min-height:18px;margin-top:25px;color:#675b50}.panel-no-script{font-size:12px;line-height:2}.panel-no-script a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;margin-left:15px}.panel-lab :is(button,a,input):focus-visible{outline:3px solid #a34f20;outline-offset:5px}.panel-lab[aria-busy=true] .panel-canvas{opacity:.7}.panel-lab:not(.panel-ready) .panel-reveal-controls,.panel-lab:not(.panel-ready) .panel-play,.panel-lab:not(.panel-ready) .panel-motion-hint,.panel-lab:not(.panel-ready) .panel-character-switch{display:none}
@keyframes panel-burst-out{0%{transform:scale(.4) rotate(-13deg);opacity:0}15%{opacity:.85}70%,100%{transform:scale(1.7) rotate(7deg);opacity:0}}@keyframes panel-tear-left{0%{transform:translate(32%,90%) rotate(-24deg);opacity:0}15%{opacity:.95}85%,100%{transform:translate(-120%,-100%) rotate(-40deg);opacity:0}}@keyframes panel-tear-right{0%{transform:translate(-32%,-90%) rotate(-24deg);opacity:0}15%{opacity:.95}85%,100%{transform:translate(120%,100%) rotate(-8deg);opacity:0}}@keyframes panel-paper-fan{0%,100%{transform:translateZ(-26px) rotate(7deg)}45%{transform:translateZ(-26px) rotate(11deg) translateX(12px)}}@keyframes panel-stamp-rise{0%,100%{transform:translateZ(18px) rotate(8deg)}40%{transform:translateZ(45px) rotate(15deg) translateY(-10px)}}
@media(hover:hover) and (pointer:fine){.panel-paper-space:hover .panel-paper-stack{transform:rotateZ(-1deg) rotateY(-3deg) rotateX(2deg)}}
@media(max-width:1000px) and (min-width:701px){.panel-lab{padding:85px 5% 45px}.panel-body{gap:6%;grid-template-columns:1.1fr .9fr}.panel-heading h2{font-size:10vw}.panel-intro{font-size:11px}.panel-story h3{font-size:7.7vw}.panel-story-copy{font-size:12px}.panel-chapter-mark{display:none}}
@media(max-width:700px){.panel-lab{padding:48px 22px 35px;scroll-margin-top:0}.panel-heading{display:block;padding-bottom:18px}.panel-heading>.eyebrow{font-size:8px;margin-bottom:18px}.panel-heading h2{font-size:11.5vw;line-height:.9;letter-spacing:-.04em}.panel-intro{font-size:12px;padding:0;margin-top:14px}.panel-intro br{display:none}.panel-character-switch{margin:18px 0 19px}.panel-character-switch button{font-size:20px;padding:11px 9px;min-height:50px;gap:6px}.panel-character-switch button>span:first-child{font-size:7px}.panel-character-switch button>span:last-child{display:none}.panel-body{display:flex;flex-direction:column;gap:28px;align-items:stretch}.panel-paper-space{padding:13px 8px 12px;max-width:420px;margin-inline:auto}.panel-paper-stack{transform:rotateZ(-1.5deg)}.panel-canvas{aspect-ratio:2/3}.panel-file-stamp{font-size:16px;right:-10px;padding:9px 10px;top:15px}.panel-canvas-label{font-size:6px;padding:8px;letter-spacing:.11em}.panel-giant-index{font-size:34vw}.panel-reveal-controls{margin-top:19px}.panel-range-heading{font-size:11px}.panel-range-heading output{font-size:9px}.panel-study-label{margin-bottom:20px;font-size:8px}.panel-story h3{font-size:18vw}.panel-character-line{font-size:8vw;margin-top:14px}.panel-story-copy{font-size:13px;line-height:1.8;margin-top:18px;max-width:none}.panel-play{margin-top:21px}.panel-product-link{margin-top:23px}.panel-disclaimer{margin-top:19px;font-size:10px}.panel-chapter-mark{display:none}.panel-feedback{margin-top:18px;font-size:10px}}
@media(max-width:360px){.panel-lab{padding-left:17px;padding-right:17px}.panel-character-switch button{font-size:18px;padding:10px 7px}.panel-file-stamp{font-size:14px}.panel-range-heading{gap:8px}}
.still .panel-paper-stack,.still .panel-paper-space:hover .panel-paper-stack{transform:rotateZ(-1deg)}.still .panel-lab *{animation:none!important;transition:none!important}
.panel-player{margin-bottom:20px}.panel-player .panel-play{margin-top:0}
.panel-paper-space{max-width:490px;margin-inline:auto}.panel-player{max-width:490px;margin-inline:auto}
@media(prefers-reduced-motion:reduce){.panel-lab *{animation:none!important;transition:none!important}.panel-paper-stack,.panel-paper-space:hover .panel-paper-stack{transform:rotateZ(-1deg)}}