:root{--bg: #060a0d;--bg2: #0a1116;--panel: #0e161c;--panel2: #13202a;--accent: #10b981;--accent2: #22d3ee;--cyan: #22d3ee;--text: #e6f0f2;--muted: #8ea3ab;--border: #1c2b34;--s: #ef4444;--a: #f59e0b;--b: #3b82f6;--c: #6b7280}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.65;background:radial-gradient(1200px 600px at 50% -10%,rgba(34,211,238,.1),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(16,185,129,.08),transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg) 40%);background-attachment:fixed;min-height:100vh}a{color:var(--accent2);text-decoration:none}a:hover{color:#67e8f9}main{max-width:1000px;margin:0 auto;padding:36px 20px 72px}h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.12;margin-bottom:14px;letter-spacing:-.02em}h2{font-size:1.4rem;margin:36px 0 14px;padding-left:12px;border-left:3px solid var(--accent);letter-spacing:-.01em}h3{font-size:1.05rem;margin:14px 0 6px}h4{font-size:.95rem;margin:12px 0 4px;color:var(--accent2)}p{margin-bottom:12px}.muted{color:var(--muted);font-size:.9rem}ul{margin:0 0 12px 18px}li{margin-bottom:3px}.gradient-text{background:linear-gradient(100deg,var(--accent) 10%,var(--cyan) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;background:#060a0dd1;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:10px 20px;min-height:60px}.nav .logo{font-size:1.35rem;font-weight:800;margin-right:22px;letter-spacing:-.01em}.nav .logo span{color:var(--text)}.nav nav{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.nav nav a{color:var(--muted);padding:9px 14px;border-radius:7px;font-size:.95rem;font-weight:500}.nav nav a:hover{background:var(--panel);color:var(--text)}.nav nav a[aria-current=page]{color:var(--accent2);background:#22d3ee14}footer{max-width:1000px;margin:0 auto;padding:28px 20px 56px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px}.footer-nav a{color:var(--text);font-weight:600}.hero{position:relative;padding:28px 26px;margin-bottom:10px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:radial-gradient(600px 300px at 15% 0%,rgba(34,211,238,.14),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel))}.hero p{font-size:1.05rem;max-width:68ch}.stats{display:flex;gap:26px;flex-wrap:wrap;margin:18px 0 4px}.stats .stat{display:flex;flex-direction:column}.stats .num{font-size:1.6rem;font-weight:800;color:var(--accent2);line-height:1}.stats .lbl{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{position:relative;display:block;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:14px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s;color:var(--text);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent, var(--accent));opacity:.8}.card:hover{transform:translateY(-3px);text-decoration:none;border-color:var(--card-accent, var(--accent));box-shadow:0 10px 30px -12px var(--card-accent, rgba(16,185,129,.5))}.card .ico{color:var(--card-accent, var(--accent));margin-bottom:8px}.card h3{margin:0 0 2px;color:var(--text)}.card .nick{color:var(--muted);font-size:.85rem}.card .tier-corner{position:absolute;top:12px;right:12px}.badge{display:inline-block;font-weight:800;font-size:.8rem;padding:3px 9px;border-radius:6px;color:#0a0a0a}.tier-S{background:var(--s);color:#fff}.tier-A{background:var(--a)}.tier-B{background:var(--b);color:#fff}.tier-C{background:var(--c);color:#fff}.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:14px;padding:20px;margin:16px 0}.panel h3:first-child,.panel h2:first-child{margin-top:0}.pill{display:inline-block;background:#22d3ee14;border:1px solid var(--border);border-radius:999px;padding:4px 12px;margin:3px 3px 0 0;font-size:.85rem;color:var(--text)}.cta{display:inline-block;background:linear-gradient(100deg,var(--accent),var(--cyan));color:#04120e;font-weight:800;padding:12px 22px;border-radius:10px;margin-top:10px;box-shadow:0 8px 24px -10px #22d3ee99}.cta:hover{color:#04120e;filter:brightness(1.08);transform:translateY(-1px)}.cta.secondary{background:transparent;color:var(--accent2);border:1px solid var(--border);box-shadow:none}.btnrow-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:640px){.cols{grid-template-columns:1fr}.stats{gap:18px}}.whero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px;border-radius:16px;margin-bottom:8px;border:1px solid var(--border);background:radial-gradient(500px 260px at 0% 0%,var(--glow, rgba(16,185,129,.18)),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel))}.whero .wicon{flex:0 0 auto;width:84px;height:84px;display:grid;place-items:center;border-radius:18px;border:1px solid var(--border);color:var(--accent-c, var(--accent));background:#ffffff05}.whero h1{margin:0 0 6px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.tierrow{display:flex;gap:16px;align-items:stretch;margin:12px 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}.tierrow .lbl{flex:0 0 76px;display:grid;place-items:center;font-size:1.8rem;font-weight:900;color:#fff}.tierrow .lbl.tS{background:linear-gradient(180deg,#ef4444,#b91c1c)}.tierrow .lbl.tA{background:linear-gradient(180deg,#f59e0b,#b45309)}.tierrow .lbl.tB{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.tierrow .lbl.tC{background:linear-gradient(180deg,#6b7280,#374151)}.tierrow .items{flex:1;display:flex;flex-wrap:wrap;gap:10px;padding:14px}.wchip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);font-weight:600}.wchip:hover{border-color:var(--wc, var(--accent));text-decoration:none}.wchip .ico{color:var(--wc, var(--accent));display:inline-flex}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px}table.dt{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px}table.dt th,table.dt td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}table.dt thead th{background:var(--panel2);color:var(--muted);text-transform:uppercase;font-size:.78rem;letter-spacing:.05em}table.dt tbody tr:hover{background:#22d3ee0a}table.dt td a{font-weight:700}.creator label{display:block;font-weight:600;margin:16px 0 6px}.opts{display:flex;flex-wrap:wrap;gap:8px}.opts button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:7px 13px;cursor:pointer;font-size:.9rem;transition:.15s}.opts button:hover{border-color:var(--accent2)}.opts button[aria-pressed=true]{background:linear-gradient(100deg,var(--accent),var(--cyan));color:#04120e;border-color:transparent;font-weight:700}select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:11px;font-size:1rem;width:100%}#summary{white-space:pre-wrap;font-size:.98rem}#share{width:100%;background:var(--bg);color:var(--accent2);border:1px solid var(--border);border-radius:9px;padding:11px;margin-top:10px;font-family:ui-monospace,monospace;font-size:.82rem}.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.btnrow button{background:linear-gradient(100deg,var(--accent),var(--cyan));color:#04120e;border:0;border-radius:9px;padding:11px 18px;font-weight:800;cursor:pointer}.btnrow button:hover{filter:brightness(1.08)}#analysis{margin:12px 0 4px;display:flex;flex-direction:column;gap:8px}.insight{display:flex;gap:10px;padding:10px 12px;border-radius:9px;font-size:.92rem;border:1px solid var(--border);align-items:flex-start}.insight span:first-child{font-weight:800}.insight.good{background:#10b98114;border-color:#10b98159}.insight.good span:first-child{color:var(--accent)}.insight.warn{background:#f59e0b14;border-color:#f59e0b66}.insight.warn span:first-child{color:#f59e0b}.insight.tip{background:#22d3ee0f;border-color:#22d3ee4d}.insight.tip span:first-child{color:var(--cyan)}.rating{font-weight:800;font-size:.85rem;padding:5px 12px;border-radius:999px}.rating.good{background:#10b98126;color:var(--accent)}.rating.warn{background:#f59e0b26;color:#f59e0b}.rating.ok{background:#22d3ee1f;color:var(--cyan)}.fixbtn{display:inline-block;margin-left:6px;background:#22d3ee1f;color:var(--cyan);border:1px solid rgba(34,211,238,.4);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.fixbtn:hover{background:#22d3ee38}