:root{color-scheme:dark;--bg:#090b0e;--panel:#12161b;--panel2:#1a2027;--line:#29323b;--text:#f5f7fa;--muted:#98a4b1;--yellow:#ffd21a;--red:#ff626d;--green:#39d98a;--blue:#70b7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -15%,#37321a 0%,#151719 36%,var(--bg) 75%);color:var(--text);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}.shell{width:min(1060px,calc(100% - 36px));margin:auto}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:900;letter-spacing:.3px}.brandmark{height:36px;width:36px;border-radius:12px;background:var(--yellow);color:#111;display:grid;place-items:center;font-weight:1000;box-shadow:0 0 28px #ffd21a33}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{color:var(--muted);font-size:13px;text-decoration:none}.navlinks a:hover{color:var(--yellow)}.hero{text-align:center;padding:76px 0 40px;position:relative}.orb{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.13;background:var(--yellow);left:50%;top:25px;transform:translateX(-50%);pointer-events:none;animation:breathe 5s ease-in-out infinite}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #ffd21a44;border-radius:99px;color:var(--yellow);font-size:11px;font-weight:850;letter-spacing:2px;text-transform:uppercase;background:#ffd21a0b;position:relative}.pulse{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #39d98a18;animation:pulse 1.8s infinite}.hero h1{font-size:clamp(42px,8vw,78px);line-height:1.02;letter-spacing:-3px;margin:22px 0 14px;position:relative}.hero h1 span{color:var(--yellow);text-shadow:0 0 35px #ffd21a26}.hero p{color:var(--muted);max-width:570px;margin:0 auto 26px}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);border-radius:12px;padding:12px 17px;font:inherit;font-weight:850;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-3px)}.btn.primary{background:var(--yellow);color:#101010;border-color:var(--yellow);box-shadow:0 8px 30px #ffd21a20}.btn.ghost{background:#ffffff08;color:var(--text)}.stats{display:flex;justify-content:center;gap:28px;margin-top:34px;color:var(--muted);font-size:12px}.stats b{color:var(--text)}.section{padding:28px 0 64px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}.sectionhead h2{font-size:21px;margin:0}.sectionhead p{margin:4px 0 0;color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;margin:20px 0}.field{min-width:0;flex:1;background:#0c1014;border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:var(--text);font:inherit;outline:none}.field:focus{border-color:var(--yellow)}button{font:inherit}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:13px}.linkcard{background:linear-gradient(145deg,#171d23,#101418);border:1px solid var(--line);border-radius:17px;padding:17px;transition:.22s;animation:rise .5s both}.linkcard:hover{transform:translateY(-5px);border-color:#8e792c;box-shadow:0 15px 35px #0005}.cardtop{display:flex;gap:12px;align-items:center}.linkicon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ffd21a13;font-size:21px}.linkinfo{min-width:0;flex:1}.linkinfo strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linkinfo small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardactions{display:flex;gap:8px;margin-top:15px}.cardactions a,.mini{flex:1;text-align:center;text-decoration:none;border:0;border-radius:10px;padding:9px;font-size:13px;font-weight:850}.cardactions a{background:var(--yellow);color:#111}.mini{background:var(--panel2);color:var(--text);cursor:pointer}.mini.del{flex:0 0 auto;color:#ff9ba2}.empty{grid-column:1/-1;border:1px dashed #3b4651;border-radius:16px;padding:30px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:18px}.foot{border-top:1px solid #ffffff12;padding:22px 0 35px;color:#74808c;font-size:12px;text-align:center}.modal{position:fixed;inset:0;background:#000c;display:none;place-items:center;padding:16px;z-index:10;backdrop-filter:blur(8px)}.modal.show{display:grid}.dialog{width:min(450px,100%);background:#171d23;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 25px 90px #000b;animation:pop .25s}.dialog h2{margin:0 0 15px}.formgrid{display:grid;gap:10px}.rowbtn{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.hint{font-size:12px;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--yellow);color:#111;padding:10px 16px;border-radius:12px;font-weight:850;display:none;z-index:20}.toast.show{display:block;animation:pop .2s}.pagecenter{min-height:100vh;display:grid;place-items:center;padding:24px}.statusbox{width:min(570px,100%);text-align:center;background:linear-gradient(145deg,#171d23,#101418);border:1px solid var(--line);border-radius:26px;padding:clamp(28px,6vw,52px);box-shadow:0 25px 90px #0007;animation:rise .55s both}.statusicon{height:90px;width:90px;border-radius:28px;margin:0 auto 22px;display:grid;place-items:center;font-size:42px;font-weight:900;background:#ffffff0b;border:1px solid var(--line);animation:float 3s ease-in-out infinite}.statusicon.red{color:var(--red);background:#ff626d12;border-color:#ff626d44}.statusicon.green{color:var(--green);background:#39d98a12;border-color:#39d98a44}.statusicon.yellow{color:var(--yellow);background:#ffd21a12;border-color:#ffd21a44}.statusicon.blue{color:var(--blue);background:#70b7ff12;border-color:#70b7ff44}.statusbox h1{font-size:clamp(30px,6vw,44px);margin:0 0 8px}.statusbox p{color:var(--muted);margin:0 auto 23px;max-width:420px}.spinner{width:42px;height:42px;border:4px solid #ffffff20;border-top-color:var(--yellow);border-radius:50%;margin:0 auto 22px;animation:spin .8s linear infinite}.dots:after{content:"";animation:dots 1.4s steps(4,end) infinite}.progress{height:5px;background:#ffffff12;border-radius:99px;overflow:hidden;margin:20px auto;max-width:280px}.progress i{display:block;height:100%;width:65%;background:var(--yellow);border-radius:99px;animation:progress 2.2s ease-in-out infinite}.statuslinks{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.statuslinks a{font-size:13px;color:var(--muted);text-decoration:none}.statuslinks a:hover{color:var(--yellow)}.tiny{font-size:11px;color:#6f7a85;margin-top:22px}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes breathe{0%,100%{opacity:.09;scale:.9}50%{opacity:.2;scale:1.1}}@keyframes pulse{50%{box-shadow:0 0 0 9px #39d98a00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}@keyframes progress{0%{transform:translateX(-110%)}100%{transform:translateX(180%)}}@media(max-width:560px){.nav{height:65px}.navlinks{gap:10px}.navlinks a{font-size:11px}.hero{padding:60px 0 32px}.hero h1{letter-spacing:-2px}.stats{gap:13px}.sectionhead{align-items:start;flex-direction:column}.toolbar{flex-direction:column}.toolbar .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}