.terminal-frame{isolation:isolate;border-radius:18px;width:100%;max-width:440px;margin:0 auto;padding:1.5px;font-family:JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;position:relative;overflow:hidden}.terminal-frame-spin{z-index:0;background:conic-gradient(#2f5bf600 0deg,#6d8dfff2 35deg,#2f5bf600 90deg 360deg);animation:4.5s linear infinite tw-ring-spin;position:absolute;inset:-60%}@keyframes tw-ring-spin{to{transform:rotate(360deg)}}.terminal-widget{z-index:1;background:linear-gradient(165deg,#0d1224 0%,#0a0e1c 55%,#090c16 100%);border-radius:16.5px;position:relative;overflow:hidden;box-shadow:0 24px 50px -22px #0a0e1e80,inset 0 1px #ffffff0d}.terminal-widget:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,#3b66ff4d,#0000 55%),linear-gradient(#ffffff0d,#fff0 18%);position:absolute;inset:0}.terminal-widget:after{content:"";opacity:.035;pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff8c .5px,#0000 .5px);background-size:14px 14px;position:absolute;inset:0}.terminal-header{z-index:2;background:#ffffff05;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:10px 13px;display:flex;position:relative}.term-dot{border-radius:50%;flex:none;width:9px;height:9px;position:relative}.term-dot:after{content:"";background:radial-gradient(circle at 30% 30%,#ffffff8c,#0000 60%);border-radius:50%;position:absolute;inset:0}.term-dot.red{background:#ff5f57}.term-dot.yellow{background:#febc2e}.term-dot.green{background:#28c840}.terminal-title{color:#8791ab;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin-left:6px;font-size:11px;overflow:hidden}.terminal-title b{color:#6d8dff;font-weight:600}.terminal-clock{color:#5c6584;letter-spacing:.02em;flex:none;align-items:center;gap:6px;margin-left:auto;font-size:10.5px;display:flex}.terminal-clock .live-dot{background:#34e197;border-radius:50%;width:6px;height:6px;box-shadow:0 0 #34e19799}.terminal-body{z-index:2;flex-direction:column;min-height:220px;padding:15px 14px 16px;display:flex;position:relative}.term-lines{flex-direction:column;gap:7px;display:flex}.term-line{white-space:pre-wrap;word-break:break-word;align-items:flex-start;gap:7px;font-size:12.5px;line-height:1.6;display:flex}.term-prompt{flex:none;font-weight:600}.term-line-cmd .term-prompt{color:#6d8dff}.term-line-out .term-prompt{color:#4a5578}.term-line-ok .term-prompt{color:#34e197}.term-code{color:#dde2f2}.term-line-out .term-code{color:#7c86a3;font-style:italic}.term-line-ok .term-code{color:#34e197;font-weight:600}.tok-fn{color:#c084fc}.tok-flag{color:#f5a524}.tok-str{color:#34e197}.tok-path{color:#7dd3fc}.term-cursor{background:#6d8dff;width:6px;height:13px;margin-left:1px;animation:.85s step-end infinite tw-blink;display:inline-block;transform:translateY(1px)}@keyframes tw-blink{50%{opacity:0}}.term-loader{align-items:center;gap:3px;height:13px;display:inline-flex}.term-loader span{background:#59627e;border-radius:50%;width:4px;height:4px}.term-ok-badge{color:#34e197;background:#34e19726;border-radius:50%;flex:none;justify-content:center;align-items:center;width:14px;height:14px;margin-top:1px;font-size:9px;font-weight:700;display:inline-flex}.terminal-footer{z-index:2;margin-top:auto;padding-top:11px;position:relative}.terminal-footer .bar{opacity:.35;background:linear-gradient(90deg,#2f5bf6 0%,#5b82ff00 100%);border-radius:2px;height:2px}.card-swap-container{transform-origin:50%;perspective:900px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.card{background:var(--color-background);text-align:center;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;border:1px solid #000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@media (width<=1024px){.card-swap-container{transform:translate(-50%,-50%)scale(.9)}}@media (width<=640px){.card-swap-container{transform:translate(-50%,-50%)scale(.8)}}@media (width<=480px){.card-swap-container{transform:translate(-50%,-50%)scale(.75)}}@media (width<=380px){.card-swap-container{transform:translate(-50%,-50%)scale(.65)}}