@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1d1a2e;background:linear-gradient(170deg,#f8f5ff,#ebe0ff);min-height:100svh;font-family:Space Grotesk,Segoe UI,sans-serif;overflow-x:hidden}button,select,input,textarea{font:inherit}:root{--bg-1:#f8f5ff;--bg-2:#ebe0ff;--ink:#1d1a2e;--muted:#6b6280;--card:#fdfcff;--line:#d8c8f0;--accent:#7c3aed;--ok:#6d28d9;--warn:#d64550;--shadow:0 14px 35px #2814501f}.ambient{filter:blur(4px);z-index:0;pointer-events:none;border-radius:999px;position:fixed}.ambient-a{aspect-ratio:1;opacity:.35;background:radial-gradient(circle at 20% 30%,#e0c8ff,#9b5de5);width:clamp(180px,36vw,360px);top:-120px;right:-80px}.ambient-b{aspect-ratio:1;opacity:.22;background:radial-gradient(circle at 80% 80%,#c4b5fd,#6d28d9);width:clamp(150px,28vw,280px);bottom:-80px;left:-70px}.app-shell{z-index:1;max-width:100%;margin:0 auto;padding:clamp(.85rem,2vw,1.6rem) clamp(.75rem,2.8vw,1.2rem) clamp(1.1rem,3vw,2rem);position:relative}.top-bar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.15rem;display:flex}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem}h1{max-width:24ch;margin:.25rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,3.8vw,2.2rem);line-height:1.15}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:44px;padding:.62rem .98rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 18px #17130724}.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.btn-ghost{border-color:var(--line);background:#fff}.btn-danger{color:#8f1e30;background:#fef2f2;border-color:#ffc7cf}.top-actions .filter-input{border:1px solid var(--line);background:#fff;border-radius:999px;width:260px;min-height:44px;padding:.6rem .95rem;font-family:inherit;font-size:.95rem}.pin-toggle{color:var(--muted);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:flex}.top-actions select{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:.6rem .95rem;font-family:inherit;font-size:.95rem;font-weight:600}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.status-card{box-shadow:var(--shadow);background:#ffffffd9;border:1px solid #d8c8f0;border-radius:16px;padding:.78rem}.status-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.76rem}.status-value{margin:.2rem 0 0;font-size:clamp(1.2rem,3.5vw,1.45rem);font-weight:700}.status-value.small{font-size:clamp(.95rem,3vw,1rem);font-weight:600}.help{border-left:4px solid var(--accent);background:#f5f0ff;border-radius:10px;margin-bottom:1rem;padding:.7rem .85rem}.help p{margin:0}.board{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:clamp(.55rem,1.6vw,.8rem);display:grid}.group-card{text-align:left;cursor:pointer;box-shadow:var(--shadow);background:#fff;border:1.5px solid #7c3aed40;border-radius:14px;align-content:start;gap:.42rem;min-height:122px;padding:.72rem;transition:transform .14s,border-color .2s,background .2s;animation:.26s rise-in;display:grid;position:relative;overflow:hidden}.group-card:hover{transform:translateY(-3px)}.group-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed66}.group-card.complete{cursor:default;opacity:.85;background:#f3eeff;border-color:#7c3aed}.group-card.error{background:#fff5f5;border-color:#e53e3e;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.group-size{color:var(--purple);opacity:.7;font-size:.6rem;font-weight:900;line-height:1;position:absolute;top:.5rem;right:.5rem}.group-title{-webkit-line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.group-theme{color:#5b21b6;min-height:1.2em;font-size:.84rem}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.top-bar{flex-direction:column;align-items:stretch}.top-actions{justify-content:stretch}.top-actions .btn{flex:1}.controls{flex-direction:column;align-items:stretch;width:100%}.controls select{width:100%}.status-grid{grid-template-columns:1fr}.board{grid-template-columns:repeat(auto-fill,minmax(min(100%,145px),1fr))}}@media (width<=420px){.app-shell{padding-inline:.62rem}.group-card{min-height:112px}}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:min(420px,100%);max-height:80vh;display:flex;box-shadow:0 12px 40px #0003}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;position:absolute;top:.6rem;right:.8rem}.modal-list{margin:0;padding:1rem 1.2rem;list-style:none;overflow-y:auto}.modal-list li{border-bottom:1px solid #f0ece8;padding:.4rem 0;font-size:.92rem}.modal-list li:last-child{border-bottom:none}.victory-overlay{z-index:2000;background:#1e143cb3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confetti-container{pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{opacity:.9;border-radius:2px;width:10px;height:10px;animation:linear infinite confetti-fall;position:absolute;top:-20px}.confetti:nth-child(3n){background:#7c3aed;width:8px;height:12px}.confetti:nth-child(3n+1){background:#a78bfa;width:12px;height:8px}.confetti:nth-child(3n+2){background:#c4b5fd;width:6px;height:14px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:.6;transform:translateY(100vh)rotate(720deg)}}.victory-card{text-align:center;background:#fff;border-radius:24px;padding:2.5rem 3rem;position:relative;box-shadow:0 20px 60px #3c14784d}.victory-title{color:#5b21b6;margin:0 0 .5rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,5vw,3rem)}.victory-sub{color:var(--muted);margin:0 0 1.5rem;font-size:1.1rem}.btn-accent{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:999px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .12s,box-shadow .12s}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}