@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/chakra-petch-latin-400-normal-SafcrIr2.woff2) format("woff2"),url(/assets/chakra-petch-latin-400-normal-D7EtbySE.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/chakra-petch-latin-500-normal-BR1ody1F.woff2) format("woff2"),url(/assets/chakra-petch-latin-500-normal-CnUQnZ4D.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/chakra-petch-latin-600-normal-DVQm9bgb.woff2) format("woff2"),url(/assets/chakra-petch-latin-600-normal-DQKfcdKo.woff) format("woff")}@font-face{font-family:Chakra Petch;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/chakra-petch-latin-700-normal-CnDBPjkL.woff2) format("woff2"),url(/assets/chakra-petch-latin-700-normal-D1s_c2du.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}:root{font-family:Chakra Petch,sans-serif;color:#ecfaff;background:#07090f;font-synthesis:none;--cyan: #28f4ff;--magenta: #ff3bd4;--lime: #b5ff46;--amber: #ffbe3b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 80% 0%,#11243a 0,transparent 32rem),#07090f}button,input,textarea,select{font:inherit}button{cursor:pointer}main{max-width:920px;min-height:100vh;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 28px);position:relative;overflow:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.04;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px)}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #29404d}.brand{display:flex;gap:12px;align-items:center}.brand p,.editor-head p{margin:0 0 3px;color:#70909e;font-size:9px;letter-spacing:.22em}.brand h1{margin:0;font-family:"Press Start 2P";font-size:15px;letter-spacing:-.08em}.signal-mark{width:43px;height:43px;border:1px solid var(--cyan);display:grid;place-items:center;position:relative;box-shadow:0 0 18px #28f4ff33}.signal-mark span{font:13px "Press Start 2P";color:var(--cyan)}.signal-mark i{position:absolute;border:1px solid var(--cyan);border-left-color:transparent;border-top-color:transparent;border-radius:50%;transform:rotate(-45deg)}.signal-mark i:nth-child(1){width:19px;height:19px}.signal-mark i:nth-child(2){width:28px;height:28px}.signal-mark i:nth-child(3){width:36px;height:36px}.status{color:#78919c;font-size:9px;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.status b{color:var(--cyan);border:1px solid #25404c;padding:5px}.status-dot{width:6px;height:6px;background:var(--lime);box-shadow:0 0 8px var(--lime)}.hero{padding:62px 0 46px;position:relative}.eyebrow{color:#7a9ca9;font-size:10px;letter-spacing:.18em;display:flex;gap:8px;align-items:center}.eyebrow span{display:block;width:24px;height:1px;background:var(--magenta)}.hero h2{margin:17px 0;font:clamp(31px,9vw,66px)/1.08 "Press Start 2P";letter-spacing:-.09em;text-shadow:5px 5px 0 #14262f}.hero h2 em{color:transparent;-webkit-text-stroke:1px var(--cyan);font-style:normal;text-shadow:5px 5px 0 #0f2a32}.hero-copy{max-width:560px;color:#8ba5ae;font-size:15px;line-height:1.55;border-left:2px solid var(--magenta);padding-left:13px}.toolbar{display:flex;align-items:end;justify-content:space-between;margin:0 0 18px}.toolbar>div{display:flex;align-items:center;gap:10px}.toolbar h3{margin:0;font:12px "Press Start 2P"}.section-number{color:var(--magenta);font:9px "Press Start 2P"}.button{border:1px solid #37515c;background:transparent;color:#dffaff;padding:12px 15px;font-size:11px;font-weight:700;letter-spacing:.08em;box-shadow:3px 3px #1c2e37}.button.primary{background:var(--cyan);color:#041013;border-color:var(--cyan);box-shadow:4px 4px #176873}.button:disabled{opacity:.5}.button:active{transform:translate(2px,2px);box-shadow:1px 1px #176873}.button.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tag-card{--accent:var(--cyan);position:relative;background:linear-gradient(135deg,#101821,#0b1118);border:1px solid #243b46;border-top:2px solid var(--accent);padding:17px;min-height:190px;animation:enter .35s both}.tag-card.color-magenta{--accent:var(--magenta)}.tag-card.color-lime{--accent:var(--lime)}.tag-card.color-amber{--accent:var(--amber)}.cut-corner{position:absolute;right:-1px;top:-2px;border-style:solid;border-width:0 24px 24px 0;border-color:transparent #07090f transparent transparent}.tag-top,.tag-meta,.tag-actions{display:flex;align-items:center}.tag-top{justify-content:space-between}.tag-index{font:9px "Press Start 2P";color:var(--accent)}.tag-category{font-size:9px;letter-spacing:.15em;color:#76909a}.tag-card h2{margin:25px 0 10px;font:16px "Press Start 2P";line-height:1.45}.tag-meta{gap:7px;color:#66808a;font-size:9px;letter-spacing:.1em}.tag-notes{color:#94aab2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-actions{justify-content:space-between;margin-top:21px}.icon-button{width:36px;height:36px;color:#708892;border:1px solid #314751;background:#0c131a;font-size:23px}.icon-button:hover{color:var(--magenta);border-color:var(--magenta)}.empty{text-align:center;border:1px dashed #2b4652;padding:52px 15px;background:#0b1117}.empty-glyph{font-size:60px;color:var(--cyan);text-shadow:0 0 16px var(--cyan)}.empty h3{font:13px "Press Start 2P"}.empty p{color:#78919b;margin:12px 0 23px}.limit-note{display:grid;grid-template-columns:140px 1fr;gap:18px;margin-top:26px;padding:16px;border:1px solid #594624;background:#17130d}.limit-note b{color:var(--amber);font:9px/1.5 "Press Start 2P"}.limit-note p{margin:0;color:#aa9879;font-size:12px;line-height:1.5}footer{display:flex;justify-content:space-between;margin-top:32px;color:#405762;font-size:8px;letter-spacing:.14em}.error-banner{display:flex;align-items:center;gap:12px;margin-bottom:20px;border:1px solid var(--magenta);padding:12px;color:#ffc5f1;background:#26101f}.error-banner b{font:8px "Press Start 2P"}.error-banner span{flex:1;font-size:12px}.error-banner button{border:0;background:none;color:#fff;font-size:20px}.overlay{position:fixed;inset:0;z-index:30;background:#03060bd9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:16px;overflow:auto;display:flex;align-items:flex-start;justify-content:center}.editor{width:min(620px,100%);margin:auto;background:#0c121a;border:1px solid #35515f;border-top:3px solid var(--cyan);padding:20px;box-shadow:10px 10px #030609}.editor-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.editor-head h2{font:17px "Press Start 2P";margin:5px 0}.editor label{display:grid;gap:7px;color:#73909b;font-size:9px;letter-spacing:.13em;margin-bottom:15px}.editor input,.editor textarea,.editor select{width:100%;color:#e6fbff;background:#070c12;border:1px solid #2b424d;border-radius:0;padding:13px;outline:none}.editor input:focus,.editor textarea:focus,.editor select:focus{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.editor textarea{min-height:76px;resize:vertical}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.records-head{display:flex;justify-content:space-between;align-items:center;color:#73909b;font-size:9px;letter-spacing:.13em;margin:4px 0 8px}.records-head button{border:0;background:none;color:var(--cyan);font-size:10px}.records{display:grid;gap:8px;margin-bottom:15px}.record{display:grid;grid-template-columns:105px 1fr 38px;gap:7px}.record input,.record select{padding:10px}.remove-record{background:#121019;border:1px solid #4d2945;color:var(--magenta);font-size:20px}.editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:600px){main{padding-left:14px;padding-right:14px}.status{font-size:0}.hero{padding:45px 0 38px}.hero h2{font-size:31px}.tag-grid,.limit-note,.two-columns{grid-template-columns:1fr}.record{grid-template-columns:83px 1fr 34px}.editor{padding:16px}.editor-actions .button{flex:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
