@import url('/styles.css');
:root{--ink:#e4e9df;--quiet:#879286;--reality:#c9f36a}*{box-sizing:border-box}body{margin:0;background:#090e0b;color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}body:before{content:'';position:fixed;inset:12% 15%;background:radial-gradient(ellipse,rgba(69,101,63,.1),transparent 65%);pointer-events:none}header{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;z-index:1}.wordmark{color:var(--ink);font-size:17px;font-weight:800;letter-spacing:.19em;text-decoration:none}.wordmark span{display:block;font:8px/2.5 monospace;color:#687867;letter-spacing:.24em}.network{font:10px monospace;letter-spacing:.2em;color:var(--quiet)}.network b{margin-left:13px;color:var(--ink);font-weight:400}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px;position:relative}.subject-field{position:relative;width:160px;height:160px;display:grid;place-items:center;margin-bottom:26px}.subject-field img{width:148px;height:148px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 18px rgba(130,170,105,.12));animation:gentleFloat 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid #26332a;border-radius:50%;width:245px;height:245px;transform:rotateX(55deg) rotate(-25deg)}.orbit:after{content:'';position:absolute;width:4px;height:4px;background:#8fa28c;top:21%;left:8%;box-shadow:0 0 12px #a8c397}.orbit-b{width:310px;height:310px;transform:rotateX(64deg) rotate(42deg);opacity:.35}.pulse-path{position:absolute;width:330px;height:1px;background:#304331;transform:rotate(-23deg);overflow:hidden}.pulse-path:after{content:'';display:block;width:35px;height:1px;background:var(--reality);animation:packet 8s linear infinite;box-shadow:0 0 14px var(--reality)}.locator{position:absolute;width:18px;height:18px;opacity:.6}.top-left{top:8px;left:22px;border-top:1px solid #63725e;border-left:1px solid #63725e}.bottom-right{bottom:8px;right:22px;border-right:1px solid #63725e;border-bottom:1px solid #63725e}.field-label{position:absolute;font:8px monospace;color:#71836d;letter-spacing:.14em}.label-a{top:12px;right:40px}.label-b{bottom:12px;left:40px}.generation-trace{position:absolute;right:8px;top:95px;font:8px/2 monospace;letter-spacing:.08em;color:#82937b;text-align:left}.eyebrow{font:9px/1.7 monospace;color:#84977a;letter-spacing:.23em}h1{font-size:clamp(46px,6vw,74px);line-height:1;letter-spacing:.16em;margin:0 0 30px;font-weight:600;padding-left:.16em}.tagline{font-size:13px;color:#aab5a5;line-height:1.7;margin:0 0 24px}.subject-stats{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font:9px/1.8 monospace;color:#7e8b78;letter-spacing:.08em}.subject-stats b{font-weight:400;color:#e2e8d9;margin-left:7px}.model-label{font:8px monospace;color:#596851;letter-spacing:.12em;margin:8px 0 28px}.entry-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.enter{min-width:266px;display:flex;align-items:center;justify-content:center;gap:26px;padding:18px 22px;border:1px solid #718955;background:#182212;color:#e6f1d9;text-decoration:none;font:10px monospace;letter-spacing:.15em;transition:background .25s,border-color .25s,box-shadow .25s}.enter:hover{border-color:var(--reality);box-shadow:0 0 24px #97d35514;background:#233219}.enter span{font-size:18px;color:var(--reality)}.secondary{font:9px monospace;letter-spacing:.13em;color:#8e9f84;text-decoration:none}.secondary:hover{color:#d4e8bc}footer{padding:20px 42px;display:flex;gap:30px;align-items:center;border-top:1px solid #1a251b;font:8px monospace;letter-spacing:.09em;color:#72816c;z-index:1}footer b{color:#b9c5ac;font-weight:400;margin-left:7px}footer .live{color:var(--reality)}.footer-note{margin-left:auto;color:#4e6049}.grain{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#00000012 4px 5px);opacity:.3;z-index:4}.boot,.access-transition{position:fixed;inset:0;background:#090e0b;z-index:20;display:grid;place-items:center}.boot[hidden],.access-transition[hidden]{display:none}.boot-panel{width:min(440px,85vw);font:11px/2.2 monospace;color:#b4c4a7}.boot-panel>p{font-size:14px;margin:22px 0}.boot-panel button{margin-top:20px;border:1px solid #34472c;color:#c6d3bc;background:none;font:10px monospace;padding:9px 16px;cursor:pointer}.blink{animation:blink 1s infinite}.access-transition{background:#090e0bef;color:var(--reality);font:11px monospace;letter-spacing:.25em}.access-transition:after{content:'';position:absolute;inset:0;border-top:1px solid var(--reality);transform:translateY(-100%);animation:doorScan .4s linear forwards}@keyframes gentleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes packet{0%,35%{transform:translateX(-45px);opacity:0}40%{opacity:1}80%,100%{transform:translateX(350px);opacity:0}}@keyframes doorScan{to{transform:translateY(100%)}}@media(max-width:600px){header{height:66px;padding:0 20px}.subject-field{width:144px;height:144px;margin-bottom:22px}.subject-field img{width:128px;height:128px}.orbit{width:210px;height:210px}.orbit-b{width:270px;height:270px}.pulse-path{width:270px}.generation-trace{right:0}main{padding:24px 20px}.subject-stats{gap:6px 18px}.tagline{max-width:290px;font-size:12px}footer{padding:16px 20px;gap:13px;flex-wrap:wrap}.footer-note{width:100%;margin:0;font-size:7px}.eyebrow{font-size:8px}h1{margin:0 0 26px}.subject-field .label-a{font-size:7px}}@media(max-height:780px){.subject-field{width:128px;height:128px;margin-bottom:22px}.subject-field img{width:114px;height:114px}.orbit{width:180px;height:180px}.orbit-b{width:240px;height:240px}.generation-trace{top:50px}.tagline{margin-bottom:14px}.model-label{margin-bottom:18px}header{height:60px}main{padding:22px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
