:root{--bg: #0b0d14;--bg-2: #10131d;--card: #151a28;--card-2: #1a2033;--border: #232a3f;--text: #e8ecf6;--text-dim: #9aa4bd;--accent: #7c6cff;--accent-2: #4dd0ff;--accent-3: #ff7ac3;--green: #3ddc97;--red: #ff5d73;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 15% 10%,rgba(124,108,255,.16),transparent 60%),radial-gradient(700px 450px at 85% 20%,rgba(77,208,255,.1),transparent 60%),radial-gradient(500px 400px at 50% 95%,rgba(255,122,195,.08),transparent 60%);pointer-events:none;z-index:0}.shell{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:32px 20px 60px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 8px 24px #7c6cff59}.logo-icon svg{width:22px;height:22px}.logo-text h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.logo-text h1 span{background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.logo-text p{font-size:12.5px;color:var(--text-dim)}.header-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);background:var(--card);border:1px solid var(--border);padding:8px 14px;border-radius:999px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #3ddc9726;animation:pulse 2.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3ddc9759}50%{box-shadow:0 0 0 6px #3ddc970d}}.hero{text-align:center;padding:28px 8px 34px}.hero h2{font-size:clamp(26px,5vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.15;background:linear-gradient(180deg,#fff,#b9c2da);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.hero p{max-width:620px;margin:0 auto;color:var(--text-dim);font-size:15px}.input-card{background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 20px 50px #00000059}.input-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.input-head label{font-size:13px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.char-count{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font:inherit;font-size:16px;padding:14px 16px;resize:none;outline:none;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cff2e}textarea.error{border-color:var(--red);box-shadow:0 0 0 3px #ff5d732e}.input-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;flex-wrap:wrap}.example-hints{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--text-dim)}.chip{background:var(--card-2);border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:12.5px;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .18s}.chip:hover{border-color:var(--accent);color:var(--text)}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;font:inherit;font-weight:700;font-size:15px;padding:12px 22px;border-radius:12px;cursor:pointer;box-shadow:0 8px 24px #7c6cff59;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px #7c6cff73}.btn-primary:active{transform:translateY(0)}.btn-primary svg{width:17px;height:17px}.results{margin-top:28px;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.results-head h3{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700}.results-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#7c6cff26;color:var(--accent-2)}.results-icon svg{width:14px;height:14px}.results-tools{display:flex;gap:8px}.btn-ghost{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);color:var(--text-dim);font:inherit;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;transition:all .18s}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn-ghost svg{width:14px;height:14px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.stat-card strong{font-size:24px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card.stat-high strong{background:linear-gradient(90deg,var(--green),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card span{font-size:12px;color:var(--text-dim)}.tag-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.tag-item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:border-color .18s}.tag-item:hover{border-color:#7c6cff80}.tag-main{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tag-badge{font-weight:700;font-size:14.5px;background:var(--card-2);border:1px solid var(--border);padding:6px 12px;border-radius:8px;color:var(--text)}.tag-meta{display:flex;gap:12px;font-size:12px;color:var(--text-dim)}.meta-vol{color:var(--accent-2)}.meta-comp{color:var(--text-dim)}.tag-score{display:flex;flex-direction:column;align-items:center;gap:1px}.score-ring{--p: 0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p) * 1%),var(--border) 0)}.score-ring span{width:34px;height:34px;border-radius:50%;background:var(--card);display:grid;place-items:center;font-size:13px;font-weight:800;color:var(--green)}.tag-score small{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.text-area-wrap{position:relative}.text-area-wrap textarea{font-size:13px;background:var(--bg);padding-right:120px}.btn-copy-text{position:absolute;top:10px;right:10px}.footer{margin-top:40px;text-align:center;font-size:12px;color:var(--text-dim);opacity:.8}@media (max-width: 560px){.header{flex-direction:column;align-items:flex-start}.input-actions{flex-direction:column;align-items:stretch}.btn-primary{justify-content:center}.tag-main{flex-direction:column;align-items:flex-start}}