@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap");
:root{--bg:#090205;--panel:rgba(27,3,11,.76);--red:#ff2f51;--rose:#ff7890;--text:#f9edf0;--muted:rgba(249,237,240,.48);--line:rgba(255,65,91,.28)}
*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:"Space Mono",monospace;display:flex;flex-direction:column}body::before{content:"";position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(255,34,72,.1),transparent 34%),linear-gradient(135deg,transparent 0 48%,rgba(255,70,90,.025) 48% 49%,transparent 49% 100%)}
.ambient{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.5;z-index:1}.ambient-one{width:540px;height:540px;top:-260px;left:-170px;background:radial-gradient(circle,rgba(190,0,44,.32),transparent 70%);animation:drift-one 15s ease-in-out infinite alternate}.ambient-two{width:430px;height:430px;right:-160px;bottom:-190px;background:radial-gradient(circle,rgba(215,20,58,.23),transparent 70%);animation:drift-two 13s ease-in-out infinite alternate}@keyframes drift-one{to{transform:translate(38px,30px)}}@keyframes drift-two{to{transform:translate(-28px,-24px)}}
.tech-grid{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(255,0,38,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,38,.1) 1px,transparent 1px);background-size:48px 48px}.tech-grid:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,0,0,.72) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,0,.72) 1px,transparent 1px);background-size:48px 48px;opacity:0;animation:grid-pulse 8s ease-in-out infinite}@keyframes grid-pulse{0%,30%,100%{opacity:0}52%,82%{opacity:1;filter:drop-shadow(0 0 12px rgba(255,0,0,.8))}94%{opacity:.25}}.scanlines{position:fixed;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.13) 2px,rgba(0,0,0,.13) 4px)}
.topbar,.footer-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 3rem));margin:0 auto;text-transform:uppercase;letter-spacing:.15em;font-size:.56rem;color:var(--muted)}.topbar{padding-top:1.25rem}.footer-bar{padding:1rem 0 1.25rem}.footer-bar a{color:var(--rose);text-decoration:none}.footer-bar a:hover{color:#fff}.muted{color:rgba(249,237,240,.28)}.icon-button{width:2rem;height:2rem;color:var(--rose);background:rgba(40,3,14,.72);border:1px solid var(--line);font:inherit;font-size:1rem;cursor:pointer}.icon-button:hover,.utility-button:hover,.action-button:hover{border-color:var(--rose);background:rgba(190,0,40,.22);color:#fff}.pulse-dot{display:inline-block;width:.45rem;height:.45rem;margin-right:.45rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,47,81,.5);animation:pulse 1.8s infinite}@keyframes pulse{25%{box-shadow:0 0 0 5px transparent;opacity:.7}}
.terminal-shell{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(720px,calc(100% - 2rem));margin:1rem auto;animation:page-in 1s ease both}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brandline,.status-strip,.card-meta{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--muted);font-size:.55rem;letter-spacing:.15em;text-transform:uppercase}.brandline{margin-bottom:.9rem;color:var(--rose)}.brand-rule{height:1px;flex:1;margin:0 1rem;background:linear-gradient(90deg,var(--line),transparent)}
.terminal-card{position:relative;width:100%;padding:clamp(1.5rem,5vw,3rem);background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 1px rgba(255,47,81,.07),0 25px 60px rgba(0,0,0,.65),0 0 55px rgba(180,0,35,.12);backdrop-filter:blur(24px)}.card-corners:before,.card-corners:after{content:"";position:absolute;width:13px;height:13px;border:2px solid var(--red)}.card-corners:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.card-corners:after{right:-1px;bottom:-1px;border-left:0;border-top:0}.card-meta{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.5rem}.ascii-title{margin:1.6rem auto 1rem;overflow:hidden;color:#fff3f5;font:400 clamp(.32rem,1.2vw,.61rem)/1.35 "Space Mono",monospace;letter-spacing:.025em;text-align:center;filter:drop-shadow(0 0 12px rgba(255,47,81,.34));animation:glitch 7s infinite}@keyframes glitch{0%,90%,100%{transform:translate(0)}92%{transform:translate(-2px,1px)}94%{transform:translate(2px,-1px)}}.tagline{margin:0 0 1.6rem;color:var(--rose);font-size:.6rem;letter-spacing:.18em;text-align:center}.status-strip{padding:.65rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:.5rem}.status-label{color:var(--rose)}
.search-form{margin-top:1.25rem}.search-label,.side-panel label{display:block;margin-bottom:.45rem;color:var(--muted);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase}.input-row{display:flex;align-items:center;padding:3px;border:1px solid rgba(255,60,85,.38);background:rgba(8,0,4,.72)}.prompt{padding:0 .75rem;color:var(--rose)}#sj-address{min-width:0;flex:1;height:42px;padding:0 .6rem;border:0;outline:0;background:rgba(42,3,14,.7);color:#fff;font:inherit;font-size:.72rem;caret-color:var(--rose)}#sj-address::placeholder{color:rgba(255,150,165,.42)}#sj-address:focus{background:rgba(66,5,20,.72)}#sj-form button,.action-button{height:42px;padding:0 1rem;border:1px solid rgba(255,60,85,.4);background:rgba(160,0,30,.22);color:var(--rose);font:inherit;font-size:.62rem;letter-spacing:.08em;cursor:pointer}#sj-form button:hover{background:rgba(220,20,50,.35);color:#fff}.utility-row{display:flex;gap:.5rem;margin-top:1rem}.utility-button{flex:1;padding:.7rem .5rem;border:1px solid rgba(255,60,85,.25);background:rgba(70,3,18,.3);color:var(--rose);font:inherit;font-size:.56rem;letter-spacing:.1em;cursor:pointer}.notice{margin:1rem 0 0;color:rgba(255,150,165,.45);font-size:.5rem;letter-spacing:.11em;text-align:center}.error-wrap{min-height:1rem;margin-top:.7rem;text-align:center}#sj-error{margin:0;color:var(--rose);font-size:.65rem}#sj-error-code{margin:.25rem 0 0;color:rgba(255,150,165,.55);font-size:.56rem;white-space:pre-wrap}
.overlay{position:fixed;inset:0;z-index:20;background:rgba(8,0,4,.72);opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.open{opacity:1;pointer-events:auto}.side-panel{position:fixed;top:0;right:0;bottom:0;z-index:21;width:min(410px,92vw);padding:2rem;overflow-y:auto;background:rgba(27,3,11,.98);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.5);transform:translateX(105%);transition:transform .3s ease}.side-panel.open{transform:translateX(0)}.close-button{float:right;border:1px solid var(--line);background:transparent;color:var(--rose);padding:.5rem;font:inherit;font-size:.56rem;cursor:pointer}.eyebrow,.brief-label{color:var(--rose);font-size:.56rem;letter-spacing:.17em}.side-panel h2{clear:both;margin:3.5rem 0 2rem;color:#fff;font-size:1.2rem;letter-spacing:.12em}.side-panel label{margin-top:1.5rem}.cfg-input{width:100%;padding:.75rem;border:1px solid var(--line);outline:0;background:rgba(8,0,4,.7);color:#fff;font:inherit;font-size:.64rem}.transport-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.t-btn{padding:.65rem .2rem;border:1px solid rgba(255,60,85,.2);background:transparent;color:var(--muted);font:inherit;font-size:.52rem;cursor:pointer}.t-btn.active,.t-btn:hover{border-color:var(--rose);color:#fff;background:rgba(190,0,40,.2)}.action-button{width:100%;margin-top:1.5rem}.cfg-status{visibility:hidden;color:var(--rose);font-size:.56rem;text-align:center}.cfg-status.visible{visibility:visible}.brief-block{padding:1rem 0;border-top:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:.72rem;line-height:1.7}.brief-block p{margin:.55rem 0 0}.brief-block.warning{color:rgba(255,180,190,.78);border-left:2px solid var(--red);padding-left:.8rem}.panel-link{display:block;margin-top:1.5rem;padding:.8rem;border:1px solid var(--line);color:var(--rose);font-size:.6rem;letter-spacing:.12em;text-align:center;text-decoration:none}
@media (max-width:600px){.topbar,.footer-bar{width:calc(100% - 2rem)}.system-readout{display:none}.clock{margin-left:auto}.brandline{font-size:.48rem}.brand-rule{margin:0 .5rem}.terminal-card{padding:1.2rem}.ascii-title{font-size:clamp(.27rem,1.8vw,.45rem)}.input-row{flex-wrap:wrap}.prompt{padding-left:.5rem}#sj-address{width:calc(100% - 2.5rem)}#sj-form button{width:100%;margin-top:3px}.utility-row{flex-wrap:wrap}.utility-button{min-width:calc(50% - .25rem)}.utility-button:last-child{flex-basis:100%}.footer-bar{font-size:.45rem}.footer-bar span{display:none}}