@font-face{font-family:LemonCoverPixel;src:url('/studies/integrated40/cover-media/PixelifySans-700.woff')} 
.works-track .work-media.scene-cover{aspect-ratio:.9;background:#eceeeF;padding:0;isolation:isolate;margin-bottom:0;display:block;color:#191919}
.scene-panel{position:absolute;inset:0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .55s,transform .65s}.scene-panel.is-active{opacity:1;transform:none}
.cover-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:10px 0 20px;min-height:26px;font:10px/1.5 'Geist Mono','Sarasa UI SC',monospace}.cover-tabs{display:flex;gap:7px;flex-wrap:wrap}.cover-controls button{appearance:none;border:0;border-bottom:1px solid transparent;background:none;padding:3px 0;color:#777;font:inherit;cursor:pointer}.cover-controls button[aria-pressed=true]{color:#111;border-color:#111}.cover-controls .cover-play{white-space:nowrap;color:#555}.cover-controls button:focus-visible{outline:2px solid #b11b17;outline-offset:3px}.works-track .lemon-native-cover{background:#dce3eb}.native-phone{position:absolute;top:3px;left:50%;width:300px;height:650px;transform-origin:top center;border:2px solid #343434;border-radius:26px;background:#000;overflow:hidden;box-shadow:9px 12px 25px #2223;color:white;font:12px/1.4 'Sarasa UI SC',sans-serif;pointer-events:none}.native-phone *{box-sizing:border-box}.native-status{height:33px;padding:10px 14px;display:flex;justify-content:space-between;font:10px sans-serif}.native-head{height:105px;text-align:center;position:relative;padding-top:43px;background:#000}.mini-capsule{position:absolute;right:7px;top:5px;border:1px solid #666;border-radius:20px;padding:2px 8px}.native-brand{font:21px LemonCoverPixel,monospace;color:#ffd600;white-space:nowrap}.native-head>small{display:block;margin-top:12px;font-size:9px;color:#ddd}.native-tabs{display:flex;height:31px;background:#1b1b1b;color:#777;border-bottom:1px solid #444}.native-tabs span{flex:1;text-align:center;padding:6px;border-right:1px solid #333;font-size:12px;font-weight:bold}.native-tabs span.selected{border-top:2px solid #eee;padding-top:4px;background:#000;color:#eee}.native-screen{position:absolute;top:169px;bottom:12px;left:0;right:0;overflow:hidden}.native-me,.native-order{position:absolute;inset:0;opacity:0;transform:translateX(-18px);transition:opacity .5s,transform .55s;background:#000;overflow:hidden}.native-me.native-visible,.native-order.native-visible{opacity:1;transform:none}.native-scroll{padding:10px;transition:transform .65s ease-out}.native-profile{display:flex;align-items:center;gap:8px;height:42px;margin-bottom:14px}.native-profile>span{font-size:21px;border:1px solid #444;background:#181818;border-radius:50%;width:37px;height:37px;text-align:center;padding-top:5px}.native-profile b{font-size:12px}.native-profile small{display:block;font-size:8px;letter-spacing:2px;color:#999}.native-profile i{margin-left:auto;font-style:normal;font-size:10px;color:#888}.native-balance{background:#191919;border:2px solid #303030;padding:7px}.balance-screen{background:repeating-linear-gradient(0deg,#050505 0 2px,#101009 2px 3px);text-align:center;padding:14px 2px 12px}.balance-screen>small{font-size:7px;color:#777;letter-spacing:2px}.balance-screen>b{display:block;font:37px LemonCoverPixel,monospace;color:#ffda00;text-shadow:0 0 12px #ffda0070;white-space:nowrap;margin:8px 0}.balance-screen p{font-size:9px;color:#777;margin:0}.balance-screen strong,.balance-screen em{font:15px LemonCoverPixel,monospace;color:#eee}.balance-screen em{color:#27bc6c}.coin-button{background:#ffd600;color:black;margin:16px auto 10px;padding:4px 12px;width:154px;box-shadow:4px 4px #000,5px 5px #ffd600;text-align:center}.coin-button b{font:19px LemonCoverPixel,monospace}.coin-button span{display:block;font-size:8px}.wallet-title{display:flex;justify-content:space-between;font-size:11px;color:#ffd600;padding:12px 0 8px;border-bottom:1px solid #777;margin-bottom:8px}.wallet-title span{font-size:7px;color:#777}.native-wallet{height:104px;position:relative;transition:height .7s}.native-card{position:absolute;top:0;left:0;width:94%;height:100px;background-size:cover;background-position:center;border:1px solid #555;display:flex;justify-content:flex-end;flex-direction:column;padding:8px;overflow:hidden;color:white;text-shadow:0 1px 4px #000;z-index:2;transition:top .7s,left .7s}.native-card:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000c);z-index:-1}.native-card:nth-child(2){left:6%;top:4px;z-index:1}.native-card strong{font-size:10px;color:#ffdf00}.native-card small{font:11px LemonCoverPixel,monospace}.native-card span{font-size:8px}.native-card i{float:right;font-style:normal}.native-wallet.expanded{height:212px}.native-wallet.expanded .native-card{width:100%}.native-wallet.expanded .native-card:nth-child(2){top:110px;left:0}.wallet-footer{display:flex;justify-content:space-between;color:#999;font-size:8px;margin:5px 0 10px}.wallet-footer span{color:#4b74ee}.native-links{font-size:12px}.native-links b{display:block;border-bottom:1px solid #333;padding:8px 0;font-weight:normal}.native-links small{font-size:8px;color:#999;display:block;margin-left:20px}.native-links p{font-size:11px;border-bottom:1px solid #333;padding-bottom:9px}.native-home-indicator{height:3px;width:80px;background:#777;border-radius:5px;position:absolute;bottom:5px;left:110px}.native-order{background:#eeeadf;color:#161616;padding:12px 10px}.native-order-title{font-size:16px;line-height:1.8;border-bottom:3px solid #111;padding:10px 0 18px;font-weight:bold}.native-categories{display:flex;justify-content:space-around;font-size:13px;padding:14px 0}.native-categories b{background:#ffd600;padding:1px 20px}.native-product{display:flex;gap:7px;align-items:center;border-bottom:1px solid #bcb9aa;padding:12px 0}.native-product img{width:40px;height:40px;object-fit:cover;border:1px solid #333}.native-product>div{font-size:11px}.native-product b{display:block;font:14px LemonCoverPixel,monospace}.native-product>span{margin-left:auto;font-size:17px;white-space:nowrap}.native-product i{font:15px LemonCoverPixel,monospace}.native-checkout{position:absolute;bottom:10px;left:10px;right:10px;font-size:12px;display:flex;align-items:center;gap:4px}.native-checkout>b{font:18px LemonCoverPixel,monospace}.native-checkout>span{margin-left:auto;background:#ffd600;padding:10px;font-size:11px;font-weight:bold}.native-pay{position:absolute;inset:0;background:#0009;opacity:0;visibility:hidden;display:flex;align-items:center;padding:15px;transition:opacity .4s,visibility .4s}.native-pay.native-visible{opacity:1;visibility:visible}.native-pay>div{background:#eeeadf;color:#161616;width:100%;padding:20px 15px;box-shadow:6px 6px #000}.native-pay b{font-size:17px;display:block}.native-pay strong{display:block;font:31px LemonCoverPixel,monospace;margin:12px 0}.native-pay small{font-size:9px;color:#777}.native-pay p{font-size:11px}.native-pay span{display:block;border-top:1px solid #aaa;padding-top:12px;font-size:12px}.native-touch{position:absolute;width:23px;height:23px;border:2px solid #ffffff99;box-shadow:0 0 0 7px #ffffff22;border-radius:50%;opacity:0;transition:opacity .3s;pointer-events:none}.cover-scene-caption{position:absolute;bottom:8px;left:6px;right:6px;text-align:center;font:9px 'Geist Mono','Sarasa UI SC',monospace;color:#626a77;letter-spacing:.02em}.cover-terminal{height:100%;background:#111316;color:#d1d7dd;display:flex;flex-direction:column}.terminal-bar{padding:15px 12px;border-bottom:1px solid #333;display:flex;gap:13px;font:9px/1.5 'Geist Mono',monospace;color:#8e9aab}.terminal-bar>span:first-child{font-size:6px;color:#8596a9}.cover-terminal pre{margin:0;padding:18px 14px;white-space:pre-wrap;overflow:hidden;flex:1;font:clamp(9px,.78vw,12px)/1.8 'Geist Mono','Sarasa UI SC',monospace;text-align:left;word-break:break-word}.cover-caret{color:#dae2ed;animation:coverblink 1.05s steps(1) infinite}.poster-code-intro{height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#eeeae3}.poster-code-intro>small,.poster-code-intro>p{font:9px/1.5 'Geist Mono',monospace;margin:0;color:#666}.works-track .poster-code-intro>strong{font:700 clamp(42px,5vw,80px)/.88 sans-serif;letter-spacing:-.065em;position:static}.poster-code-intro strong>span{color:#fc401f;font-size:.5em}.poster-code-intro.dark{background:#0a0b0d;color:#fff}.poster-code-intro.dark small,.poster-code-intro.dark p{color:#aaa}.works-track .cover-more .poster-code-intro strong{font:400 clamp(30px,3.5vw,52px)/1 'Dan Pixel Square',monospace}.route-scene{padding:16px 18px;background:#eff0f1;height:100%}.route-caption{font:9px monospace;border-bottom:2px solid #171717;padding-bottom:8px}.routing-spine{display:flex;flex-direction:column;align-items:center;height:calc(100% - 25px);justify-content:space-evenly;font:10px/1.4 'Geist Mono',monospace}.routing-spine>b{border:1px solid #a1a6ac;padding:5px 14px;min-width:66%;text-align:center;background:#fff;transition:background .5s,color .5s}.routing-spine i{font-style:normal;color:#8f99a7;font-size:12px}.routing-spine>b.route-active{background:#17191c;color:#fff}.route-branches{display:flex;width:100%;justify-content:center;gap:4px}.route-branches>span{border:1px solid #9ba4ae;padding:5px 4px;background:#e5e9ef;font-size:8px}.routing-spine small{font-size:8px;color:#777}.iteration-scene{height:100%;padding:25px 22px;background:#e6e9ed;display:flex;flex-direction:column;justify-content:space-evenly}.iteration-scene>small{font:9px monospace;color:#6b7079}.iteration-scene>h4{font:500 clamp(20px,2.1vw,32px)/1.45 'Geist Mono','Sarasa UI SC',monospace;margin:8px 0}.iteration-loop{display:flex;justify-content:space-between;align-items:center;gap:5px;font:11px monospace}.iteration-loop>b{border:1px solid #171717;padding:13px 5px}.iteration-loop>span{font-size:30px}.iteration-scene>p{font:10px/1.8 'Geist Mono','Sarasa UI SC',monospace;margin:12px 0}.iteration-rule{border-top:3px solid #161616;padding-top:12px;font:12px/1.8 'Sarasa UI SC',monospace}.eval-trace{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font:12px monospace}.eval-trace>b{font-size:45px;color:#b11b17}.eval-trace>span{border-bottom:1px solid #161616;padding-bottom:8px}
@keyframes coverblink{50%{opacity:0}}@media(max-width:767px){.works-track .work-media.scene-cover{aspect-ratio:.9}.cover-terminal pre{font-size:10px}.cover-controls{font-size:9px;gap:6px}.cover-tabs{gap:9px}.works-track .poster-code-intro>strong{font-size:58px}.works-track .cover-more .poster-code-intro strong{font-size:42px}.route-branches>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.scene-panel,.native-scroll,.native-card,.native-wallet,.native-me,.native-order,.native-pay{transition:none}.cover-caret{animation:none}}
.works-track>.study-work>.cover-controls{order:-1}
/* v12: Original Unseen frontend, scaled as a desktop viewport, not redrawn UI. */
.unseen-product-stage{height:100%;display:flex;flex-direction:column;background:#f8f9f7;border:1px solid #c9cecc}.unseen-browser-bar{display:flex;gap:16px;padding:9px 10px;border-bottom:1px solid #dce2dd;color:#737d79;font:8px/1.4 'Geist Mono',monospace}.unseen-browser-bar>span:first-child{font-size:5px;letter-spacing:2px}.unseen-product-viewport{position:relative;flex:1;overflow:hidden}.unseen-product-viewport iframe{position:absolute;top:0;left:0;transform-origin:0 0;border:0;max-width:none;pointer-events:none}.unseen-preview-note{font:7px/1.5 'Geist Mono','Sarasa UI SC',monospace;padding:7px 10px;color:#737d79;border-top:1px solid #dce2dd}.unseen-preview-expand{align-self:flex-start;appearance:none;border:0;border-bottom:1px solid #999;background:none;color:#555;font:10px/1.5 'Geist Mono','Sarasa UI SC',monospace;padding:2px 0;margin:-12px 0 16px;cursor:pointer}.unseen-preview-dialog{width:94vw;height:91vh;max-width:1440px;max-height:none;padding:30px 0 0;border:1px solid #aeb6b1;background:#edf0ed;overflow:hidden}.unseen-preview-dialog::backdrop{background:#10171688;backdrop-filter:blur(5px)}.unseen-preview-dialog>iframe{width:100%;height:100%;border:0}.unseen-preview-close{position:absolute;right:10px;top:0;border:0;background:none;font:24px/28px monospace;cursor:pointer}