.po-terminal{display:flex;flex-direction:column;align-items:center;position:relative;margin:18px auto 22px;max-width:min(100%,370px);width:100%;padding:0;background:none;border:0;color:#151923;cursor:pointer;perspective:800px;text-align:center}
.po-terminal-lid{display:block;position:relative;width:82%;height:clamp(145px,18vw,214px);padding:8px;background:linear-gradient(120deg,#8f9fa8,#e3e7ee 44%,#87939e);border:4px solid #1b1a1f;border-radius:14px 14px 5px 5px;transform-origin:50% 100%;transform:rotateX(-11deg);box-shadow:8px 10px 0 #1b1a1f,0 24px 38px #1b1a1f5e;transition:transform .25s ease,box-shadow .25s ease}
.po-terminal-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 42%,#283958,#121a2d 50%,#050914);color:#fffdf6;border:2px solid #12151a;border-radius:4px}
.po-terminal-screen:before{content:"";position:absolute;inset:-110%;background:conic-gradient(from 20deg,transparent 0 40%,#8f86de59 55%,transparent 65%);animation:po-term-spin 15s linear infinite}
.po-terminal-screen b{font:900 clamp(40px,5.7vw,74px)/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.09em;position:relative;text-shadow:0 6px 24px #000}.po-terminal-screen b span{color:#d2ff00}
.po-terminal-screen small{font:700 9px/1.4 "JetBrains Mono",monospace;letter-spacing:.17em;position:relative;color:#cad5e7;margin-top:6px}.po-terminal-screen i{position:absolute;right:12px;bottom:9px;color:#d2ff00;font:800 20px sans-serif}
.po-terminal-base{display:block;width:98%;height:21px;position:relative;z-index:2;transform:perspective(350px) rotateX(28deg);border:3px solid #1b1a1f;border-radius:2px 2px 15px 15px;background:linear-gradient(#d9e0e5,#8b97a3);box-shadow:5px 6px 0 #1b1a1f}.po-terminal-base i{display:block;height:5px;width:38%;margin:2px auto 0;border:1px solid #677b87;background:#aab8c7;border-radius:5px}
.po-terminal-label{margin:22px 0 0;padding:8px 13px;border:2px solid #1b1a1f;background:#d2ff00;border-radius:10px 8px 11px 7px;box-shadow:3px 3px 0 #1b1a1f;font:800 11px/1.35 "JetBrains Mono",monospace;letter-spacing:.02em}
.po-terminal:hover .po-terminal-lid,.po-terminal:focus-visible .po-terminal-lid{transform:rotateX(-3deg) translateY(-4px);box-shadow:9px 16px 0 #1b1a1f,0 25px 30px #1b1a1f55}
.po-terminal:focus-visible{outline:3px solid #3a4bff;outline-offset:6px}
.po-terminal-dialog[hidden]{display:none!important}.po-terminal-dialog{position:fixed;inset:0;z-index:9999;background:#05070df5;color:#f3f4f8;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;overscroll-behavior:contain}
.po-terminal-header{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:clamp(10px,2vw,20px) clamp(15px,3vw,35px);background:#0d1221;border-bottom:1px solid #ffffff32;flex:none}
.po-terminal-header div{display:grid;gap:4px}.po-terminal-header b{font:800 clamp(13px,1.7vw,23px)/1.1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em}.po-terminal-header div span{font:600 9px/1.35 "JetBrains Mono",monospace;color:#aab5cd;letter-spacing:.05em}
.po-terminal-close{background:#d2ff00;color:#0a0b10;border:2px solid #fff;min-height:44px;flex:none;padding:0 15px;cursor:pointer;font:800 11px/1 "JetBrains Mono",monospace;white-space:nowrap}
.po-terminal-stage{flex:1;min-height:0;position:relative;margin:clamp(6px,1.5vw,20px);border:1px solid #8794b670;background:radial-gradient(ellipse at 50% 60%,#172037,#080b15 75%);box-shadow:0 15px 60px #000a;overflow:hidden}
.po-terminal-frame{width:100%;height:100%;border:0;display:block;background:#0b0f19}
.po-terminal-loading{position:absolute;left:0;right:0;top:42%;text-align:center;font:700 12px "JetBrains Mono",monospace;color:#d2ff00;letter-spacing:.14em;pointer-events:none}
.po-terminal-bar{flex:none;display:flex;justify-content:space-between;gap:10px;padding:0 clamp(14px,3vw,35px) 16px;font:600 10px "JetBrains Mono",monospace;color:#9ca9c2;letter-spacing:.1em}
html.sc-school-computer-open{overflow:hidden!important}
@keyframes po-term-spin{to{transform:rotate(360deg)}}@media(max-width:650px){.po-terminal-lid{height:145px}.po-terminal-header div span,.po-terminal-bar span:last-child{display:none}.po-terminal-bar{padding-bottom:8px}.po-terminal-close{font-size:10px}.po-terminal-stage{margin:5px}.po-terminal-screen b{font-size:59px}}
@media(prefers-reduced-motion:reduce){.po-terminal-screen:before{animation:none}.po-terminal-lid{transition:none}}