:root{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#94a3b8;--accent:#38bdf8;--danger:#f87171}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}h1,h2,h3,h4{margin:0}.card{background:var(--card);border:1px solid #1f2937;border-radius:12px;padding:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}button,input,select,textarea{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid #1f2937;background:#0b1220;color:var(--text);font-size:1rem}button{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;cursor:pointer;font-weight:600;border:none;transition:transform .1s ease,box-shadow .1s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(59,130,246,.35)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button-inline{width:auto;padding:.5rem .85rem}.button-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.grid{display:grid;grid-gap:1rem;gap:1rem}.phrase-card{padding:1rem;border-radius:10px;background:#0b1220;border:1px solid #1f2937}.tag{gap:.25rem;padding:.35rem .6rem;margin-right:.4rem;margin-top:.4rem;background:rgba(56,189,248,.12);color:var(--text)}.badge,.tag{display:inline-flex;align-items:center;border-radius:9999px;font-size:.9rem}.badge{padding:.35rem .65rem;background:hsla(0,0%,100%,.08);color:var(--muted)}.flex-row{gap:.75rem}.flex-row,.section-header{display:flex;flex-wrap:wrap;align-items:center}.section-header{justify-content:space-between;gap:1rem}.alert{padding:.85rem 1rem;border-radius:10px;margin-bottom:1rem}.alert-info{background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.4)}.alert-error{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.4)}.small-text{color:var(--muted);font-size:.95rem}