:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}:root{font-family:Inter,SF Pro Display,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:#e2e8f0;background-color:#050816;line-height:1.6}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(79,70,229,.35),transparent 45%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.25),transparent 40%),#050816;color:inherit}a{color:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-shell{min-height:100vh;padding:clamp(32px,6vw,80px) clamp(16px,6vw,120px) 96px}.hero{text-align:left;max-width:760px;margin-bottom:40px}.hero-tag{display:inline-flex;padding:9px 24px;border-radius:999px;border:1px solid rgba(129,140,248,.6);font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px;color:#f1f5ff;background:linear-gradient(120deg,#6366f1b3,#10b98166,#ec489980);background-size:180% 180%;box-shadow:0 10px 35px #6366f173;position:relative;overflow:hidden;animation:heroTagGlow 8s ease infinite}.hero-tag:after{content:"";position:absolute;inset:-30% 0 auto;height:150%;background:linear-gradient(90deg,rgba(255,255,255,.7),transparent 70%);transform:rotate(20deg) translate(-200%);animation:heroTagShine 5s ease-in-out infinite;pointer-events:none}.hero h1{font-size:clamp(2.5rem,6vw,3.5rem);margin:0 0 .6rem}.hero-subtitle{color:#94a3b8;margin:0}.panel-stack{display:grid;gap:32px}@media(min-width:1200px){.panel-stack{grid-template-columns:1.2fr .9fr;align-items:start}}.panel{background:#070d1cd9;border-radius:20px;padding:clamp(24px,4vw,36px);border:1px solid rgba(148,163,184,.2);box-shadow:0 15px 40px #02061799}.github-header{align-items:flex-start}.panel-header{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.panel h2{margin:0;font-size:1.8rem}.panel-description{margin:6px 0 0;color:#94a3b8}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;color:#818cf8;margin:0 0 4px}.form-grid{margin-top:32px;display:grid;gap:20px}.field span{display:block;font-size:.9rem;margin-bottom:8px;color:#cbd5f5}.input{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#0f172a99;padding:14px 16px;font-size:1rem;color:inherit;transition:border .2s,box-shadow .2s}.input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #818cf859}.form-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.helper-text,.muted{color:#94a3b8;margin:0;font-size:.9rem}.btn{border:none;border-radius:12px;font-weight:600;padding:12px 20px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(90deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 20px #6366f166}.btn.primary:hover:not(:disabled){transform:translateY(-1px)}.btn.ghost{background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(148,163,184,.4)}.btn.pill{border-radius:999px}.btn.danger{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.3)}.alert{padding:14px 18px;border-radius:16px;font-size:.95rem}.alert.error{background:#f8717126;border:1px solid rgba(248,113,113,.35);color:#fecaca}.items-list{margin-top:32px;display:flex;flex-direction:column;gap:16px}.empty-state{border:1px dashed rgba(148,163,184,.4);border-radius:16px;padding:20px;text-align:left}.table{display:flex;flex-direction:column;border:1px solid rgba(148,163,184,.25);border-radius:14px;overflow:hidden}.table-row{display:grid;grid-template-columns:1.2fr 2fr 1.4fr auto;gap:16px;padding:16px 20px;align-items:center;border-bottom:1px solid rgba(148,163,184,.15)}.table-row:last-child{border-bottom:none}.table-head{background:#94a3b814;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;color:#94a3b8}.cell-title{font-weight:600}.cell-content{color:#cbd5f5;overflow-wrap:anywhere}.timestamp{font-size:.85rem;color:#94a3b8}.profile-card{margin-top:28px;padding:24px;border-radius:20px;background:#0f172ab3;border:1px solid rgba(148,163,184,.25);display:flex;gap:20px;align-items:center}.profile-placeholder{margin-top:24px;color:#94a3b8}.profile-avatar{border-radius:18px;border:2px solid rgba(129,140,248,.5)}.profile-name{margin:0}.profile-link{display:inline-flex;gap:6px;color:#a5b4fc;margin:4px 0 10px}.profile-stats{display:flex;gap:32px;margin:0 0 8px}.profile-stats dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.profile-stats dd{margin:4px 0 0;font-size:1.3rem;font-weight:600}@media(max-width:720px){.panel-header,.profile-card{flex-direction:column;align-items:flex-start}.token-row{flex-direction:column;align-items:stretch}.token-actions{width:100%;flex-direction:row}.token-actions .btn{flex:1}.form-actions{width:100%}.btn{width:100%;text-align:center}}@keyframes heroTagGlow{0%{background-position:0% 50%;box-shadow:0 10px 35px #6366f159}50%{background-position:100% 50%;box-shadow:0 15px 45px #10b98166}to{background-position:0% 50%;box-shadow:0 10px 35px #ec489959}}@keyframes heroTagShine{0%{transform:rotate(20deg) translate(-220%);opacity:0}40%{opacity:.8}70%{transform:rotate(20deg) translate(120%);opacity:0}to{transform:rotate(20deg) translate(120%);opacity:0}}.token-row{display:flex;gap:16px;align-items:flex-end}.token-field{flex:1}.token-actions{display:flex;flex-direction:column;gap:12px;min-width:140px}.token-hint{border:1px dashed rgba(148,163,184,.4);border-radius:14px;padding:14px 18px;width:min(280px,100%);text-align:left}.hint-title{margin:0 0 4px;font-weight:600;color:#e2e8f0}.hint-body{margin:0;color:#94a3b8;font-size:.9rem}
