.cover.flash:after{display:none}.rig{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.beam{position:absolute;top:-10%;width:60%;height:140%;opacity:0;mix-blend-mode:screen;background:linear-gradient(180deg,#eaffefb3,transparent 85%);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0}.beam.left{left:-20%}.beam.right{right:-20%;background:linear-gradient(180deg,#80eaffaa,transparent 85%)}.showtime .beam.left{animation:beam-left 3.2s ease-in-out both}.showtime .beam.right{animation:beam-right 3.2s ease-in-out both}.showtime .cover-copy>strong{animation:name-light 3.2s ease both}.footlights{position:absolute;bottom:0;left:0;right:0;height:9px;background:repeating-linear-gradient(90deg,#eaffbe 0 18px,transparent 18px 48px);opacity:0}.showtime .footlights{animation:feet 3.2s ease both}.light-cue:disabled{opacity:1;cursor:default}@keyframes beam-left{0%{opacity:0;transform:rotate(-20deg)}20%{opacity:.8}60%{opacity:.75;transform:rotate(-48deg)}100%{opacity:0;transform:rotate(-55deg)}}@keyframes beam-right{0%,10%{opacity:0;transform:rotate(20deg)}30%{opacity:.8}60%{opacity:.75;transform:rotate(48deg)}100%{opacity:0;transform:rotate(55deg)}}@keyframes name-light{0%,100%{color:#171717}48%,70%{color:#faffdf;text-shadow:0 0 25px #d9ff71,4px 4px #171717}}@keyframes feet{0%,100%{opacity:0}25%,75%{opacity:1}}
.right-page{background:linear-gradient(90deg,#bcc9ca 0,transparent 15px),#edf3ee}.right-page[data-scene=works]{background:linear-gradient(90deg,#acbdba 0,transparent 15px),repeating-linear-gradient(0deg,transparent 0 35px,#28443c0a 35px 36px),#e7eee5}.right-page[data-scene=skills],.right-page[data-scene=skill]{background:linear-gradient(90deg,#bac8cd,transparent 15px),radial-gradient(#31404720 .7px,transparent .7px) 0 0/9px 9px,#f0eee7}.right-page[data-work=inkpanda]{background:repeating-linear-gradient(0deg,#f5ece3 0 31px,#cab7a630 31px 32px)}.right-page[data-work=lian]{background:#f9dce8}.right-page[data-work=perspective-distillation]{background:radial-gradient(#4b563d30 .8px,transparent .8px) 0 0/12px 12px,#edf1dc}.right-page[data-work=loki-health]{background:#e0eee3}.right-page[data-work=loki-ebook-converter]{background:#e5e3f1}.case-cue{display:inline-block;padding:8px 15px;margin-bottom:20px;font:700 12px Noto;background:#d8f43d;border:1px solid;transform:rotate(-2deg)}.bill-note{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-top:1px dashed;font-size:9px;background:#ffffff77}.bill-note b{font-size:10px}.show-bill:first-child .bill-note{grid-column:1/-1}.show-bill[data-motif=chapter]{border-left:9px solid #603d52!important}.show-bill[data-motif=chapter] .bill-note{background:repeating-linear-gradient(0deg,#fff5df 0 18px,#e2d3b7 18px 19px)}.show-bill[data-motif=evidence] .bill-picture{border:8px solid #293724}.show-bill[data-motif=evidence] .bill-note{background:#d8f43d}.show-bill[data-motif=swatches] .bill-note:after{content:'';flex:0 0 60px;background:linear-gradient(90deg,#171717 0 25%,#ff70b1 25% 50%,#d8f43d 50% 75%,#f6f7ed 75%)}.show-bill[data-motif=spines]{border-left:12px double #3f3356!important}.show-bill[data-motif=spines] .bill-note span{letter-spacing:.08em;font-family:Barlow}.show-bill[data-motif=reading] .bill-note{border-left:7px solid #ff671e}.show-bill[data-motif=rhythm] .bill-note{background:repeating-linear-gradient(90deg,#f3fff2 0 29px,#9abd9133 29px 30px)}.show-bill[data-motif=sleeve]{padding:10px 10px 0;background:#ffc5dc}.show-bill[data-motif=sleeve] .bill-note{background:#fff0cc;transform:rotate(-2deg);margin:8px 3px 12px;border:1px solid}
.right-page:has(#break-page:not([hidden])){isolation:isolate;overflow:hidden;background:#d1e8ef}#break-page{position:relative;isolation:isolate}#break-page> :not(.drink-props){position:relative;z-index:1}.right-page[data-drink=coffee]:has(#break-page:not([hidden])){background:radial-gradient(ellipse at 80% 15%,#f6ffff 0,transparent 50%),repeating-linear-gradient(125deg,transparent 0 60px,#fff3 61px 64px,transparent 65px 100px),#b3d8e6}.right-page[data-drink=green]:has(#break-page:not([hidden])){background:radial-gradient(ellipse at 75% 65%,#a8c47b88,transparent 50%),linear-gradient(115deg,#f0f5d8,#cce5c0)}.right-page[data-drink=oolong]:has(#break-page:not([hidden])){background:repeating-linear-gradient(0deg,transparent 0 43px,#794d2420 44px 45px,transparent 46px 90px),linear-gradient(110deg,#f3dfbf,#dcb986)}.drink-props{position:absolute;inset:0;z-index:0;pointer-events:none}.drink-props i{position:absolute;display:block;width:56px;height:56px;border:2px solid #fff9;background:#e8faff44;border-radius:12px;box-shadow:inset 4px 5px 10px #fff8;transform:rotate(22deg);left:4%;top:47%}.drink-props i:nth-child(2){left:auto;right:5%;top:65%;transform:rotate(-18deg)}.drink-props i:nth-child(3){left:13%;top:75%;width:34px;height:34px}.drink-props span{position:absolute;top:59%;left:50%;width:225px;height:100px;border-radius:50%;transform:translateX(-50%);background:#3e6d7c22;border:1px solid #fff7}.right-page[data-drink=green] .drink-props i{border-radius:100% 0 100% 0;width:38px;height:85px;background:#527b3533;border:1px solid #61874344;box-shadow:inset 1px 0 #f1ffd3;transform:rotate(-25deg)}.right-page[data-drink=green] .drink-props i:nth-child(2){transform:rotate(45deg)}.right-page[data-drink=green] .drink-props span{background:#c3d19b88;border:8px double #f7ffe6}.right-page[data-drink=oolong] .drink-props i{width:32px;height:60px;border-radius:100% 0 100% 0;background:#795b3433;border-color:#7f644822;box-shadow:none}.right-page[data-drink=oolong] .drink-props span{background:repeating-radial-gradient(ellipse,#b9824c 0 4px,#c49463 5px 8px);border:8px solid #d1aa7d}.right-page[data-drink=green] #cup-button>span{background:#d8edaa}.right-page[data-drink=oolong] #cup-button>span{background:#efc181}.right-page[data-drink=coffee] #cup-button>span{background:#8cdaed}
@media(max-width:700px){.bill-note{flex-wrap:wrap}.drink-props i{width:30px;height:30px;left:0}.drink-props i:nth-child(2){right:0}.drink-props span{width:180px}.right-page[data-drink=green] .drink-props i{width:22px;height:55px}}
@media(prefers-reduced-motion:reduce){.showtime .beam,.showtime .footlights,.showtime .cover-copy>strong{animation:none}.showtime .footlights{opacity:1}.showtime .cover-copy>strong{color:#faffdf}}
/* Editorial type and content-specific inserts. Keep the approved LOKI masthead. */
.cover-copy>.label{display:flex;align-items:center;gap:18px;width:fit-content;border:0;border-bottom:3px solid;padding:0 0 9px;transform:rotate(-2deg)}
.cover-copy>.label b{font-size:17px;letter-spacing:.2em}.cover-copy>.label span{font-size:9px;letter-spacing:.05em}
.cover-copy>p{font-weight:550;letter-spacing:.18em;font-size:25px;transform:rotate(-3deg);margin-top:34px}
.cover h1{font-weight:950;font-size:38px;letter-spacing:-.07em;transform:skew(-7deg);text-shadow:1px 1px #ffb98a;display:inline-block;border-bottom:6px solid #171717;padding-bottom:6px}
.cover .portrait{background:#effa94;border-color:#171717;box-shadow:9px 9px #ff9cca;padding:14px}
.cover .portrait:before{content:'台下观众 / 台后制作';background:#67d9ed;font-weight:900;letter-spacing:.12em;font-size:11px;z-index:2}
.portrait-flip{position:relative;display:block;width:100%;aspect-ratio:1;border:0;padding:0;background:transparent;perspective:1000px}
.portrait-flip>span{position:absolute;inset:0;display:grid;place-content:center;backface-visibility:hidden;transition:transform .55s;overflow:hidden}
.portrait-flip .portrait-front{transform:rotateY(0)}.portrait-flip .portrait-back{transform:rotateY(180deg);background:white;padding:10px;gap:6px}
.portrait-flip .portrait-back img{width:100%;max-height:100%;object-fit:contain}.portrait-back b{font-size:12px;color:#171717}
.portrait-flip.is-flipped .portrait-front{transform:rotateY(-180deg)}.portrait-flip.is-flipped .portrait-back{transform:rotateY(0)}
@media(hover:hover){.portrait-flip:hover .portrait-front{transform:rotateY(-180deg)}.portrait-flip:hover .portrait-back{transform:rotateY(0)}}
.cover .portrait>span{color:#171717;display:block;font-weight:800;letter-spacing:.12em}.portrait-save{background:transparent;border:0;border-top:1px dashed;width:100%;padding:8px 0 0;text-align:left;font:650 11px Noto;color:#171717}
.cover-spine nav{display:flex;gap:22px;align-items:center}.cover-spine a,.cover-spine button{color:#171717;font:800 12px Noto;text-decoration:none}.cover-spine button{background:none;border:0;padding:0}.cover-spine a:hover{text-decoration:underline}
.light-cue{font-weight:850;letter-spacing:.08em;background:#f3f5df;color:#171717;border:2px solid;box-shadow:3px 3px #171717}
.contents{background:#ff8349;color:#201e1b;background-image:linear-gradient(90deg,transparent 95%,#d15d3333)}
.contents>.label{padding:0;background:none;transform:none;letter-spacing:.2em;font-size:10px}.contents h2{font-size:24px;font-weight:500;line-height:1.15;margin:30px 0 36px;letter-spacing:.12em}.contents h2 span{display:block;font-size:64px;font-weight:950;letter-spacing:-.06em;transform:skew(-8deg);margin-top:7px}
.contents .chapter{display:grid;grid-template-columns:42px 1fr;gap:4px 10px;border:0;border-top:1px solid #201e1b66;color:#201e1b;background:transparent;padding:18px 9px;text-align:left;box-shadow:none}
.contents .chapter>span{font:600 39px/.95 Barlow;grid-row:span 2;color:inherit}.contents .chapter b{font:850 21px/1.25 Noto;letter-spacing:-.055em}.contents .chapter small{font-size:10px;letter-spacing:.08em}
.contents .chapter[aria-pressed=true]{background:#effa94;transform:translateX(8px);box-shadow:5px 5px #201e1b}.contents .directory-note{display:none}.contents .folio{color:#201e1b;border-color:#201e1b55;margin-top:38px}.contents .folio>span{font-size:10px}
#insert .insert-top h2,.project-heading h2{font-weight:950!important;font-size:clamp(28px,3.3vw,45px)!important;line-height:1.2!important;letter-spacing:-.06em;max-width:18ch}
#insert .insert-top{border-bottom:3px solid #222;padding-bottom:22px;margin-bottom:25px}.detail-stage{display:grid;gap:22px;min-width:0}.detail-stage figure{margin:0;min-width:0}.detail-stage .cue-sheet{margin:0}.detail-stage .method{margin:0}.detail-stage .photo img{object-fit:contain;max-height:470px}.detail-stage .cue-sheet ol{margin-bottom:0}
#insert[data-category=visual] .detail-stage{grid-template-columns:minmax(0,1.5fr) minmax(180px,1fr);align-items:start}#insert[data-category=visual] .annotation-rail{border-left:2px solid #222;padding-left:18px}#insert[data-category=visual] .cue-sheet ol{display:grid;grid-template-columns:1fr}#insert[data-category=visual] .method{display:block}#insert[data-category=visual] .photo{background:#e7b4f5;padding:12px;box-shadow:5px 5px #222}#insert[data-category=visual] figcaption{margin-top:15px}
#insert[data-category=writing] .detail-stage{background:repeating-linear-gradient(0deg,#fffdf4 0 31px,#acccdf66 32px 33px);border-left:6px solid #f75d86;padding:24px 24px 24px 36px;box-shadow:7px 7px #ecc9d7}#insert[data-category=writing] .cue-sheet{background:transparent;border:0}#insert[data-category=writing] .cue-sheet ol{grid-template-columns:1fr;gap:20px}#insert[data-category=writing] .cue-sheet li{background:#fffdf4dd;border:0;border-bottom:1px dashed #9d4c66;padding:12px}#insert[data-category=writing] .manuscript-notes{border-top:2px solid #ed517d;padding-top:20px}#insert[data-category=writing] .manuscript-notes b{color:#a52149;display:inline-block;transform:rotate(-3deg)}
#insert[data-category=knowledge] .detail-stage{border-top:8px solid #2365b6;padding:20px;background:#e5f0ff}.evidence-fold{background:#fffef7;border:1px solid #23517f;box-shadow:3px 3px #aec8e4}.evidence-fold summary{cursor:pointer;padding:18px;font-weight:850;list-style-position:inside}.evidence-fold p{padding:0 18px 18px;margin:0}.evidence-fold[open] summary{border-bottom:1px dashed;margin-bottom:14px}
#insert[data-category=building] .detail-stage>figure{background:#c8f3fa;border:2px solid #222;border-top:22px solid #222;padding:12px;border-radius:12px 12px 0 0}#insert[data-category=building] .cue-sheet{border:2px solid #222;background:#daf4bb}#insert[data-category=building] .method{border-left:4px solid #168b84;padding-left:20px}
#insert[data-category=personal] .detail-stage{grid-template-columns:1fr 1fr;align-items:start;background:#ffd4e4;padding:22px;border:2px solid #222;border-radius:0 36px 0 0}#insert[data-category=personal] .detail-stage>figure{transform:rotate(-2deg);background:#fff9e9;padding:10px;box-shadow:4px 5px #b8567866}#insert[data-category=personal] .cue-sheet{grid-column:1/-1;background:#fff9e9}#insert[data-category=personal] .method{display:block}
.github-pass{margin-top:28px!important}.detail-stage:empty{display:none}
#insert[data-category=visual] .detail-stage:not(:has(>figure)){grid-template-columns:1fr}#insert[data-category=visual] .detail-stage:not(:has(>figure)) .annotation-rail{border:0;padding:0}#insert[data-category=visual] .detail-stage:not(:has(>figure)) .cue-sheet ol{grid-template-columns:repeat(3,minmax(0,1fr))}
:is(a,button,summary):focus-visible{outline:3px solid #165aca;outline-offset:4px}
@media(max-width:700px){.cover h1{font-size:29px}.cover-copy>p{font-size:22px}.cover-copy>.label{gap:10px}.cover-copy>.label b{font-size:14px}.cover .portrait{width:215px}.cover-spine{gap:10px}.cover-spine a,.cover-spine button{font-size:11px}.portrait-back b{font-size:10px}.contents h2{margin:8px 0 15px;font-size:16px}.contents h2 span{display:inline-block;font-size:30px;margin:0 0 0 8px}.contents .chapter{grid-template-columns:25px 1fr;padding:12px 6px;gap:3px 6px}.contents .chapter>span{font-size:26px}.contents .chapter b{font-size:15px}.contents .chapter small{font-size:9px}.contents .chapter[aria-pressed=true]{transform:none;box-shadow:2px 2px #222}.contents .folio{margin-top:18px}#insert[data-category] .detail-stage{grid-template-columns:1fr;padding:15px;gap:20px}#insert[data-category=visual] .detail-stage{padding:0}#insert[data-category=visual] .annotation-rail{border-left:0;border-top:2px solid;padding:20px 0 0}.detail-stage .photo img{max-height:380px}.cover .portrait:before{font-size:10px}}
@media(prefers-reduced-motion:reduce){.portrait-flip>span{transition:none}}
.project-heading .case-cue{display:table;margin-bottom:16px}
@media(max-width:700px){.cover{padding-bottom:105px}.cover .light-cue{position:relative;left:auto;right:auto;bottom:auto;justify-self:start;margin:0 0 12px}.cover .portrait{margin-bottom:5px}}
.case-display{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:22px;align-items:start;margin:26px 0}.case-display figure{margin:0;min-width:0}.case-display img{max-height:460px;object-fit:contain}.case-margin{padding:18px;border-top:5px solid #222;background:#edfa9c}.case-margin>b{font-size:12px;letter-spacing:.15em}.case-margin .proof{font-size:14px;line-height:1.8;margin:14px 0 0}.case-evidence summary{cursor:pointer;font-weight:800;padding:10px 0}.case-evidence details[open]{border-bottom:2px solid #222}
#works-page[data-project=inkpanda] .case-display{grid-template-columns:1fr;background:repeating-linear-gradient(0deg,#fffdf3 0 30px,#bdcce555 31px 32px);padding:20px;border-left:5px solid #ee668e}#works-page[data-project=inkpanda] .case-margin{background:transparent;border:0;border-top:1px dashed;padding:15px 0 0}
#works-page[data-project=lian] .case-display{background:#ffbdda;padding:24px;border-radius:0 48px 0 0}#works-page[data-project=lian] .case-display figure{transform:rotate(-2deg);background:#fff9ed;padding:10px;box-shadow:5px 5px #bf6f9677}
#works-page[data-project=perspective-distillation] .case-display{grid-template-columns:1fr;border-top:8px solid #4282d1;background:#d8eafd;padding:20px}#works-page[data-project=perspective-distillation] .case-margin{background:#f6faff;border-top:1px dashed}
@media(max-width:700px){.case-display{grid-template-columns:1fr!important}.case-margin{padding:15px}#works-page[data-project=lian] .case-display{padding:16px}.contents .chapter{display:inline-grid;width:48%}}