@import"https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light;--ink: #0f172a;--muted: #5b6475;--card: rgba(255, 255, 255, .88);--border: rgba(15, 23, 42, .12);--accent: #0ea5a3;--accent-strong: #0b7d7b;--accent-soft: rgba(14, 165, 163, .12);--shadow: 0 30px 60px rgba(15, 23, 42, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Space Grotesk,Cardo,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 20%,rgba(14,165,163,.18),transparent 45%),radial-gradient(circle at 85% 10%,rgba(249,115,22,.12),transparent 50%),linear-gradient(135deg,#f7f4ea,#ecf5ff)}#root{min-height:100vh}.page{max-width:980px;margin:0 auto;padding:48px 24px 72px;display:flex;flex-direction:column;gap:32px;animation:fadeUp .4s ease}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--accent-strong)}h1{margin:12px 0;font-family:Cardo,Space Grotesk,serif;font-size:clamp(2.2rem,3vw + 1rem,3.4rem)}.subtitle{margin:0;max-width:42ch;line-height:1.6;color:var(--muted)}.hero-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{background:var(--accent-soft);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}.stat span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat strong{font-size:1.6rem}.workspace{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}.ai-panel{border:1px solid var(--border);border-radius:20px;padding:18px;background:#ffffffb8;display:flex;flex-direction:column;gap:16px}.ai-key{border:1px dashed var(--border);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#ffffffb3}.ai-key-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.ai-key-indicator{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#0f172a14;color:var(--muted)}.ai-key-indicator.ready{background:var(--accent-soft);color:var(--accent-strong)}.ai-key-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ai-key-row input{flex:1 1 240px;border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-size:.95rem;background:#fff}.ai-key-row input:focus{outline:2px solid rgba(14,165,163,.35);border-color:#0ea5a38c}.ai-key-row button{border:none;border-radius:12px;padding:9px 14px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.ai-key-help{margin:0;font-size:.85rem;color:var(--muted)}.ai-key-status{font-size:.85rem;color:var(--accent-strong)}.ai-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.ai-header h2{margin:0 0 6px;font-size:1.2rem}.ai-header p{margin:0;color:var(--muted);max-width:46ch;line-height:1.5}.ai-badge{background:var(--accent-soft);color:var(--accent-strong);font-weight:600;padding:6px 12px;border-radius:999px;font-size:.85rem}.ai-form{display:flex;flex-direction:column;gap:12px}.ai-form textarea{width:100%;border-radius:14px;border:1px solid var(--border);padding:12px 14px;font-size:1rem;background:#fff;resize:vertical;min-height:96px}.ai-form textarea:focus{outline:2px solid rgba(14,165,163,.35);border-color:#0ea5a38c}.ai-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-actions button{border:none;border-radius:12px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #0ea5a333}.ai-panel .ghost{background:transparent;border:1px solid var(--border);color:var(--accent-strong);box-shadow:none}.ai-actions button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ai-status{font-size:.85rem;color:var(--muted)}.ai-error{border:1px solid rgba(180,35,24,.25);background:#b4231814;color:#b42318;border-radius:12px;padding:10px 12px;font-size:.9rem}.ai-suggestions{display:flex;flex-direction:column;gap:12px}.ai-suggestions-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-weight:600}.ai-suggestions-actions{display:flex;gap:8px;flex-wrap:wrap}.ai-suggestions-actions button{border:none;border-radius:999px;padding:6px 14px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.ai-suggestions-actions .ghost{background:transparent;border:1px solid var(--border);color:var(--accent-strong)}.ai-suggestions ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ai-suggestion{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffffe6;border:1px solid var(--border)}.ai-suggestion span{flex:1}.ai-suggestion button{border:none;background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:6px 12px;cursor:pointer;font-weight:600}.ai-suggestion button:hover{background:#0ea5a333}.input-row{display:flex;gap:12px;flex-wrap:wrap}.input-row input{flex:1 1 260px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);font-size:1rem;background:#fff}.input-row input:focus{outline:2px solid rgba(14,165,163,.35);border-color:#0ea5a38c}.input-row button{border:none;border-radius:14px;padding:14px 20px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 24px #0ea5a340}.input-row button:hover{transform:translateY(-1px)}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filters button{border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;font-size:.9rem;cursor:pointer}.filters button.active{background:var(--accent);border-color:var(--accent);color:#fff}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.todo{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffffd9;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.todo:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.todo input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.todo-text{flex:1;display:flex;flex-direction:column;gap:4px}.todo-text span{font-size:1rem}.todo-text span.done{text-decoration:line-through;color:var(--muted)}.todo-meta{font-size:.8rem;color:var(--muted)}.todo-actions button{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:6px 8px;border-radius:8px}.todo-actions button:hover{color:var(--ink);background:#0f172a14}.empty{text-align:center;color:var(--muted);padding:28px 0;border:1px dashed var(--border);border-radius:16px}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}.clear{border:none;background:transparent;color:var(--accent-strong);font-weight:600;cursor:pointer}.clear:disabled{color:#0f172a4d;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.hero{grid-template-columns:1fr}}@media (max-width: 640px){.hero-card{grid-template-columns:1fr}.page{padding:32px 18px 56px}}