@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#0b1220;--panel:#131e30;--line:#ffffff19;--text:#edf4ff;--muted:#91a0b7;--blue:#4b96ed;--green:#5bd6a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#1a3457,transparent 42%),linear-gradient(145deg,#0a1120,#101b2d);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.shell{max-width:1080px;margin:auto;padding:0 24px}header,.heading,.brand{display:flex;align-items:center;justify-content:space-between;gap:12px}header{height:76px;border-bottom:1px solid var(--line)}.brand{justify-content:flex-start;color:inherit;text-decoration:none}.brand b{display:block;font:800 16px Manrope}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#1b3c65;color:#9dc8ff}.eyebrow{font-size:10px;letter-spacing:2px;color:#67d5ca;font-weight:800}.hero{padding:60px 0 35px;max-width:780px}.hero h1,.login h1{font:800 clamp(34px,5vw,52px)/1.12 Manrope;letter-spacing:-1.8px;margin:14px 0}.hero em,.login em{color:#83b6ff;font-style:normal}.hero p,.login p{color:var(--muted);font-size:14px}.search{display:flex;gap:10px;margin:25px 0 10px;padding:8px;background:#17263d;border:1px solid #7ca9df44;border-radius:14px}.search input,input{flex:1;min-width:0;background:#0d1929;border:1px solid var(--line);border-radius:9px;padding:14px;color:var(--text);font:inherit;outline:0}.search input{background:transparent;border:0}.primary{border:0;border-radius:9px;background:linear-gradient(120deg,#3986ed,#4b9df2);color:#fff;font-weight:800;padding:13px 17px;cursor:pointer}.primary:disabled{opacity:.55}.full{width:100%;margin-top:15px}.panel{background:#131e30e8;border:1px solid var(--line);border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 18px 50px #03091430}.heading h2{font:700 20px Manrope;margin:5px 0 0}.pill{font-size:11px;color:#a8bbd5;border:1px solid var(--line);padding:6px 10px;border-radius:30px}.stack{display:grid;gap:9px;margin:13px 0}.result,.session,.history{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#182941;border:1px solid var(--line);border-radius:11px;padding:13px;color:inherit;cursor:pointer}.result:hover,.session:hover,.session.selected{border-color:#5c9ce9}.code{font-weight:800;font-size:13px;overflow-wrap:anywhere}.sub{font-size:11px;color:var(--muted);margin-top:5px}.tag{font-size:10px;border:1px solid #ffffff22;border-radius:30px;padding:5px 8px;color:#9cacc1;white-space:nowrap}.good{color:var(--green);border-color:#5bd6a055}.warn{color:#e9bc6b}.detail{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.detail .panel{margin:0}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.meta div{background:#0e1929;border:1px solid var(--line);padding:11px;border-radius:9px;min-width:0}.meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.meta b{font-size:12px;overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.detail h3{font:700 15px Manrope}.detail aside>small,footer,small{color:var(--muted)}.placeholder{height:220px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#0b1422,#182b43);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.placeholder b{font-size:28px;color:#91c1ff}.placeholder strong{color:var(--text)}.video-wrap{width:100%;aspect-ratio:16/10;border-radius:11px;overflow:hidden;background:#05080e}.video-wrap video{width:100%;height:100%;display:block;object-fit:contain;background:#05080e}.link{display:block;text-align:center;text-decoration:none}.secondary{display:block;text-align:center;padding:12px;border-radius:9px;background:#20334e;color:#c8dcf8;text-decoration:none;font-size:12px;font-weight:800}.notice{padding:12px;border-radius:9px;background:#193149;border:1px solid #6b9ed555;color:#c6e1ff;font-size:12px;margin:12px 0}.notice.error,.error{color:#ff9da8}.login{min-height:calc(100vh - 140px);display:grid;place-items:center}.login>div{width:min(100%,430px);padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.login label{display:block;font-size:12px;margin:20px 0 8px}.login input{width:100%}.login small{display:block;margin-top:20px}.ghost{background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 11px;border-radius:8px;cursor:pointer}.hidden{display:none!important}.error{min-height:15px;font-size:12px}footer{display:flex;justify-content:space-between;padding:28px 0;font-size:9px;letter-spacing:1px}.muted{color:var(--muted)}@media(max-width:740px){.shell{padding:0 15px}.hero{padding:42px 0 25px}.hero h1{font-size:37px}.detail{grid-template-columns:1fr}.panel{padding:16px}.meta{grid-template-columns:repeat(2,1fr)}.search{gap:4px}.search .primary{padding:12px;font-size:11px}footer{gap:8px;flex-wrap:wrap}}