:root{color-scheme:dark;--bg: #070a12;--bg2: #0b1020;--card: rgba(255, 255, 255, .06);--card2: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--muted2: rgba(255, 255, 255, .55);--line: rgba(255, 255, 255, .12);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--radius: 18px;--radius2: 26px;--max: 1120px;--a: #8b5cf6;--b: #22d3ee;--c: #10b981;--d: #f59e0b}:root:not(.dark){color-scheme:light;--bg: #ffffff;--bg2: #f8fafc;--card: rgba(0, 0, 0, .04);--card2: rgba(0, 0, 0, .07);--text: rgba(0, 0, 0, .92);--muted: rgba(0, 0, 0, .68);--muted2: rgba(0, 0, 0, .55);--line: rgba(0, 0, 0, .12);--shadow: 0 18px 60px rgba(0, 0, 0, .08);--a: #7c3aed;--b: #0891b2;--c: #059669;--d: #d97706}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{margin:0;padding:0}body{min-height:100dvh;background:radial-gradient(900px 600px at 10% 10%,rgba(139,92,246,.18),transparent 55%),radial-gradient(900px 600px at 90% 30%,rgba(34,211,238,.16),transparent 55%),radial-gradient(900px 600px at 40% 100%,rgba(16,185,129,.12),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.35;overflow-x:hidden;transition:background .3s ease,color .3s ease}:root:not(.dark) body{background:radial-gradient(900px 600px at 10% 10%,rgba(124,58,237,.08),transparent 55%),radial-gradient(900px 600px at 90% 30%,rgba(8,145,178,.06),transparent 55%),radial-gradient(900px 600px at 40% 100%,rgba(5,150,105,.05),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2))}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070a12a8;border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.brand-badge{width:34px;height:34px;border-radius:12px;background:radial-gradient(120% 120% at 10% 10%,rgba(34,211,238,.35),transparent 55%),radial-gradient(120% 120% at 80% 40%,rgba(139,92,246,.35),transparent 55%),linear-gradient(135deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 40px #0000008c}.nav-links{display:flex;align-items:center;gap:16px}.nav-actions{display:flex;align-items:center;gap:10px}@media(max-width:760px){.nav-links{display:none}}.nav-links a{font-size:14px;color:var(--muted)}.nav-links a:hover{color:var(--text);text-decoration:none}.hero{padding:54px 0 18px}.grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}@media(max-width:960px){.grid{grid-template-columns:1fr}}.panel{border:1px solid var(--line);background:linear-gradient(135deg,var(--card),rgba(255,255,255,.03));border-radius:var(--radius2);box-shadow:var(--shadow)}.panel-inner{padding:22px}.kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--muted);font-size:13px}.kicker-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--b),var(--a));box-shadow:0 0 0 4px #22d3ee1f}h1{margin:14px 0 10px;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.9px}.gradient-text{background:linear-gradient(90deg,var(--b),var(--a),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0 0 18px;color:var(--muted);font-size:16px;max-width:62ch}.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--text);font-size:14px;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn.btn-sm{padding:8px 12px;font-size:13px}.btn:hover{transform:translateY(-1px);background:#ffffff14;border-color:#ffffff38;text-decoration:none}.btn.primary{border-color:#22d3ee47;background:radial-gradient(110% 110% at 30% 20%,rgba(34,211,238,.28),transparent 55%),radial-gradient(110% 110% at 80% 60%,rgba(139,92,246,.26),transparent 55%),#ffffff0a}.theme-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:all .2s ease}.theme-switcher:hover{transform:translateY(-2px);border-color:var(--a);background:var(--card2);box-shadow:0 8px 24px #8b5cf640}.animated-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.animated-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.orb-1{width:600px;height:600px;background:radial-gradient(circle,var(--a),transparent 70%);top:-200px;left:-200px}.orb-2{width:700px;height:700px;background:radial-gradient(circle,var(--b),transparent 70%);bottom:-250px;right:-250px}.orb-3{width:500px;height:500px;background:radial-gradient(circle,var(--c),transparent 70%);bottom:-100px;left:20%}.skeleton{background:linear-gradient(90deg,var(--card) 0%,var(--card2) 50%,var(--card) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.lead.lead-strong{color:#ffffffc7}.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}@media(max-width:560px){.meta{grid-template-columns:1fr}}.pill{border:1px solid var(--line);border-radius:16px;background:#ffffff0a;padding:12px}.pill .label{font-size:12px;color:var(--muted2);margin-bottom:6px}.pill .value{font-size:14px;color:var(--text)}.section{padding:18px 0 50px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:28px 0 14px}.section-title{font-size:18px;margin:0}.section-sub{font-size:13px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{grid-column:span 6;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,var(--card),rgba(255,255,255,.03));padding:16px;transform-style:preserve-3d;transition:all .4s cubic-bezier(.03,.98,.52,.99)}.card.card-wide{grid-column:span 12}.card.card-compact{grid-column:span 12;padding:14px}.card.card-featured{grid-column:span 12;border-color:#22d3ee38;background:radial-gradient(120% 120% at 10% 20%,rgba(34,211,238,.18),transparent 50%),radial-gradient(120% 120% at 80% 50%,rgba(139,92,246,.18),transparent 55%),linear-gradient(135deg,var(--card2),rgba(255,255,255,.03))}.card-cta{margin-top:12px;color:#ffffffc7;font-size:13px}.card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--a);background:linear-gradient(135deg,var(--card2),rgba(139,92,246,.08));box-shadow:0 20px 60px #8b5cf64d,0 0 0 1px var(--a) inset}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;font-size:15px}.tag{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 8px;background:#ffffff08}.card-desc{margin:0;color:var(--muted);font-size:14px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.skill-tag{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#ffffffc7;font-size:13px}.footer{padding:26px 0 40px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.small-links{display:flex;flex-wrap:wrap;gap:12px}.small-links a{color:var(--muted)}.small-links a:hover{color:var(--text);text-decoration:none}.mt-0{margin-top:0}.mt-6{margin-top:6px}.h-12{height:12px}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-12{grid-column:span 12}.footer-container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.app{min-height:100dvh;display:grid;grid-template-columns:300px 1fr}@media(max-width:980px){.app{grid-template-columns:1fr}}.sidebar{position:sticky;top:0;height:100dvh;border-right:1px solid var(--line);background:#070a12a8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:18px;display:flex;flex-direction:column;gap:16px}@media(max-width:980px){.sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-handle{font-weight:750;letter-spacing:.2px}.brand-sub{color:var(--muted);font-size:13px;margin-top:2px}.search{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#ffffffdb;cursor:pointer}.search:hover{border-color:#ffffff3d;background:#ffffff0f}.kbd{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.12);background:#ffffff08;padding:4px 8px;border-radius:999px;margin-left:auto}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:#ffffffc7;border:1px solid transparent;background:transparent}.nav-item:hover{background:#ffffff0a;border-color:#ffffff1a;text-decoration:none;color:#ffffffeb}.nav-item.active{background:radial-gradient(120% 120% at 10% 20%,rgba(34,211,238,.16),transparent 55%),radial-gradient(120% 120% at 80% 50%,rgba(139,92,246,.16),transparent 55%),#ffffff0a;border-color:#ffffff1f;color:#fffffff0}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.mini-label{font-size:12px;color:var(--muted2);margin-bottom:8px}.mini-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a{color:var(--muted);font-size:13px}.mini-links a:hover{color:var(--text);text-decoration:none}.main{padding:26px}@media(max-width:980px){.main{padding:18px}}.page{max-width:1100px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}@media(max-width:720px){.page-head{flex-direction:column;align-items:stretch}}.page-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.page-title{margin:10px 0 6px;font-size:34px;letter-spacing:-.6px}.page-sub{margin:0;color:var(--muted);max-width:70ch}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.grid-cards{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.card{grid-column:span 6}.card.wide{grid-column:span 12}@media(max-width:920px){.card{grid-column:span 12}}.badge{font-size:12px;color:#ffffffbd;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:4px 8px;background:#ffffff08}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title{font-weight:650}.muted{color:var(--muted);font-size:14px}.muted.small{font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}.spacer{height:10px}.search-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;margin:10px 0 14px}.search-row input{width:100%;border:none;outline:none;color:#ffffffeb;background:transparent;font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}@media(max-width:720px){.tool-grid{grid-template-columns:1fr}}.tool{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;background:#ffffff08}.tool:hover{border-color:#ffffff38;background:#ffffff0d;text-decoration:none}.tool-name{font-weight:700;margin-bottom:2px}.tool-sub{color:var(--muted);font-size:13px;margin-bottom:8px}.tool-desc{color:var(--muted);font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media(max-width:720px){.action-grid{grid-template-columns:1fr}}.action{display:flex;align-items:center;gap:10px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;padding:12px;color:#ffffffe6;cursor:pointer;text-align:left}.action:hover{border-color:#ffffff38;background:#ffffff0d}.action-text{display:flex;flex-direction:column;gap:2px}.action-title{font-weight:650}.action-sub{font-size:13px;color:var(--muted)}.settings-row{display:flex;gap:10px;margin-top:12px}@media(max-width:720px){.settings-row{flex-direction:column}}.settings-row input{flex:1;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;padding:10px 12px;color:#ffffffeb;outline:none}.settings-row input:focus{border-color:#22d3ee57}.palette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.palette-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.palette-card{position:relative;width:min(760px,calc(100vw - 32px));margin:10dvh auto 0;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#0a0e1aeb;box-shadow:0 30px 90px #000000a6;overflow:hidden}.palette-input{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid rgba(255,255,255,.1)}.palette-input input{width:100%;border:none;outline:none;background:transparent;color:#ffffffeb;font-size:15px}.palette-hint{font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.12);padding:4px 8px;border-radius:999px}.palette-list{padding:10px;max-height:52dvh;overflow:auto}.palette-item{width:100%;border:1px solid transparent;background:transparent;color:#ffffffe6;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.palette-item:hover{background:#ffffff0d;border-color:#ffffff1a}.palette-item.active{background:#ffffff12;border-color:#22d3ee38}.palette-item-main{display:flex;flex-direction:column;gap:2px}.palette-item-label{font-weight:650}.palette-item-hint,.palette-item-group{font-size:12px;color:var(--muted)}.palette-empty{color:var(--muted);padding:14px}.toast-host{position:fixed;right:16px;bottom:16px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{width:min(360px,calc(100vw - 32px));border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#0a0e1aeb;box-shadow:0 18px 70px #0000008c;padding:12px}.toast-title{font-weight:700;margin-bottom:4px}.toast-message{font-size:13px;color:var(--muted)}.toast-success{border-color:#10b98140}.toast-error{border-color:#ef44444d}.bg-green-500{background-color:#22c55e}.bg-red-500{background-color:#ef4444}