@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#050812;--cyan:#7eeeff;--pink:#ff48a9;--muted:#78939d;--line:rgba(150,208,232,.24);--head:'Barlow Condensed',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 68% 25%,#122b44 0,transparent 40%),var(--bg);color:#e5f7f7;font-family:var(--mono)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.16) 4px);opacity:.35}.inventory-app{min-height:100vh;position:relative;padding:30px 8vw;overflow:hidden}.inventory-app header{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);background:rgba(6,14,27,.72);padding:18px 20px;font-size:9px;letter-spacing:1px}.inventory-app header a{color:var(--cyan);text-decoration:none}.inventory-app header span{color:var(--muted)}.inventory-app header b{font-weight:400;color:var(--pink)}.inventory-page{padding:100px 0}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--cyan);margin-bottom:25px}.inventory-page h1{font:700 clamp(78px,11vw,150px)/.78 var(--head);letter-spacing:-4px;margin:0}.inventory-page h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan)}.lede{max-width:400px;font-size:10px;line-height:2;color:var(--muted);margin:35px 0 60px}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,480px));gap:18px}.item-card{display:flex;gap:20px;border:1px solid var(--line);background:rgba(8,19,35,.75);padding:25px;min-height:250px}.item-icon{width:58px;height:58px;display:grid;place-items:center;border:1px solid;font-size:30px;flex:none}.item-icon.pink{color:var(--pink);border-color:var(--pink);box-shadow:0 0 25px rgba(255,72,169,.2)}.item-icon.cyan{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 25px rgba(126,238,255,.2)}.item-content small{font-size:7px;letter-spacing:1.5px;color:var(--pink)}.item-content h2{font:500 42px var(--head);margin:10px 0;color:#f2ffff}.item-content p{font-size:9px;line-height:1.9;color:var(--muted);margin:0 0 18px}.item-meta{border-top:1px solid var(--line);padding-top:10px;display:flex;justify-content:space-between;font-size:8px;color:#6b8790}.item-meta strong{color:var(--cyan);font-weight:400}.item-content button{margin-top:17px;background:transparent;border:1px solid var(--cyan);color:var(--cyan);padding:9px 13px;font-size:8px}.item-content button:hover{background:rgba(126,238,255,.1)}.inventory-side{position:absolute;right:8vw;bottom:75px;display:flex;flex-direction:column;gap:9px;border-left:1px solid var(--pink);padding-left:15px;color:var(--muted);font-size:8px;letter-spacing:1px}.inventory-side b{font-weight:400;color:var(--cyan)}.inventory-side i{width:150px;height:2px;background:linear-gradient(90deg,var(--pink),var(--cyan));display:block}.inventory-side small{line-height:2}.inventory-toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);background:var(--cyan);color:#06101b;padding:11px 16px;font-size:9px;opacity:0;transition:.25s}.inventory-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.inventory-app{padding:15px}.inventory-app header span{display:none}.inventory-page{padding:70px 0 150px}.inventory-page h1{font-size:80px}.item-grid{grid-template-columns:1fr}.item-card{padding:17px}.inventory-side{left:15px;right:auto;bottom:30px}}