:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg0:#eef3f0;--bg1:#e2ebe6;--ink:#14221c;--ink-soft:#4a5c54;--line:#14221c1a;--card:#ffffffb8;--accent:#1a5c4a;--accent-2:#0f766e;--warn:#b45309;--danger:#9f1239;--ok:#15803d;--info:#0e7490;--shadow:0 18px 50px #14221c14;--radius:22px;--font:"Manrope", system-ui, sans-serif;--display:"Syne", "Manrope", sans-serif;font-family:var(--font);color:var(--ink);background:var(--bg0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:500;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:#0000;background-image:radial-gradient(80% 50% at 10% -10%,#0f766e2e,#0000 55%),radial-gradient(70% 45% at 100% 0,#b453091f,#0000 50%),linear-gradient(165deg,#f5f8f6 0%,#e8f0ec 45%,#eef2f5 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;margin:0;line-height:1.15}p{margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.lead,.muted,.task-desc{color:var(--ink-soft)}.error{color:var(--danger);margin:0;font-size:.92rem}.stack{gap:.9rem;display:grid}label{color:var(--ink-soft);gap:.4rem;font-size:.9rem;font-weight:600;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffe6;border-radius:14px;outline:none;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:#1a5c4a73;box-shadow:0 0 0 4px #1a5c4a1f}.btn{border:none;border-radius:999px;padding:.9rem 1.2rem;font-weight:700;transition:transform .15s,opacity .15s,background .2s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 10px 24px #1a5c4a47}.btn.ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn.danger{color:#fff;background:#9f1239;box-shadow:0 10px 24px #9f123938}.brand-lockup{align-items:center;gap:.75rem;display:flex}.brand-logo{border-radius:14px;flex-shrink:0;width:52px;height:52px;box-shadow:0 8px 20px #1a5c4a40}.brand-logo.sm{border-radius:11px;width:40px;height:40px}.eyebrow.linkish{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.lead.soft{color:var(--ink-soft);margin:-.35rem 0 1rem}.profile-pick-btn span{align-items:center;gap:.35rem;display:inline-flex}.lock-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--warn);background:#b453091f;border-radius:999px;padding:.15rem .4rem;font-size:.65rem;font-weight:800}.profile-delete{color:var(--danger);background:0 0;border:none;padding:.2rem;font-size:.8rem;font-weight:700}.group-list{gap:.7rem;margin-bottom:1rem;display:grid}.group-card{background:var(--card);box-shadow:var(--shadow);border:1px solid #ffffffbf;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.55rem;display:grid}.group-main{text-align:left;background:0 0;border:none;gap:.2rem;padding:.55rem .65rem;display:grid}.group-main strong{font-family:var(--display);font-size:1.15rem}.group-main span{color:var(--ink-soft);font-size:.82rem}.member-check-list{gap:.45rem;margin-top:.45rem;display:grid}.member-check{border:1px solid var(--line);background:#fffc;border-radius:12px;align-items:center;gap:.55rem;padding:.55rem .65rem;font-weight:600;display:flex}.member-check .dot{border-radius:50%;width:10px;height:10px}.auth-card .brand-lockup{margin-bottom:.35rem}.btn.compact{padding:.55rem .95rem;font-size:.9rem}.banner{border-radius:14px;margin-bottom:1rem;padding:.75rem .9rem;font-size:.88rem}.banner-info{color:#0c4a5c;background:#0e74901a;border:1px solid #0e74902e}.sticky-banner{margin:0 1.1rem .8rem}.auth-shell{place-items:center;min-height:100dvh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.auth-glow{background:radial-gradient(circle,#1a5c4a40,#0000 70%);border-radius:50%;width:280px;height:280px;animation:8s ease-in-out infinite float;position:absolute;inset:8% -40px auto auto}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}.auth-card{background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(420px,100%);box-shadow:var(--shadow);border:1px solid #ffffffb3;border-radius:28px;padding:1.6rem;animation:.55s both rise}.auth-card h1{margin-bottom:.55rem;font-size:clamp(1.8rem,5vw,2.25rem)}.auth-card .lead{margin-bottom:1.25rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.color-picker{gap:.5rem;display:grid}.color-picker>span{color:var(--ink-soft);font-size:.9rem;font-weight:600}.swatches{flex-wrap:wrap;gap:.5rem;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0}.swatch.active{outline:2px solid var(--ink);outline-offset:2px}.profile-pick{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.profile-pick-btn{border:1px solid var(--line);font-weight:800;font-family:var(--display);color:var(--ink);background:#ffffffd9;border-radius:20px;justify-items:center;gap:.65rem;padding:1.1rem .75rem;font-size:1.1rem;transition:transform .15s,box-shadow .2s;display:grid}.profile-pick-btn:hover,.profile-pick-btn:focus-visible{box-shadow:0 12px 28px color-mix(in srgb, var(--pick) 28%, transparent);transform:translateY(-2px)}.profile-pick-btn:disabled{opacity:.6}.profile-pick-avatar{background:var(--pick);color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.35rem;display:grid}.app-shell{width:min(720px,100%);margin:0 auto;padding:1rem 1.1rem 6rem;animation:.45s both rise}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.topbar h1{font-size:clamp(1.55rem,4.5vw,2rem)}.topbar-actions{align-items:center;gap:.55rem;display:flex}.avatar{color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 8px 18px #0000001f}.stats{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffbf;margin-bottom:1rem;padding:1rem}.stats-head{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.stats-head h2{font-size:1.35rem}.progress-ring{--p:0%;background:conic-gradient(var(--accent) var(--p), #14221c14 0);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.progress-ring:before{content:"";background:#f7faf8;border-radius:50%;position:absolute;inset:7px}.progress-ring span{font-size:.78rem;font-weight:800;position:relative}.stat-chips{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.stat-chip{border:1px solid var(--line);text-align:left;background:#ffffffb3;border-radius:16px;gap:.1rem;padding:.65rem .5rem;transition:transform .15s,border-color .2s;display:grid}.stat-chip strong{font-size:1.15rem;font-family:var(--display)}.stat-chip span{color:var(--ink-soft);font-size:.75rem}.stat-chip.active{border-color:#1a5c4a73;transform:translateY(-1px);box-shadow:0 8px 18px #1a5c4a1f}.members-row{margin-bottom:1rem}.member-list{flex-wrap:wrap;gap:.45rem;margin-top:.35rem;display:flex}.member-pill{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.88rem;font-weight:600;display:inline-flex}.member-pill .dot{border-radius:50%;width:10px;height:10px}.section-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.cards{gap:.75rem;display:grid}.task-card{text-align:left;box-shadow:var(--shadow);border:1px solid #0000;border-radius:20px;gap:.45rem;padding:1rem;transition:transform .18s,box-shadow .18s;animation:.4s both rise;display:grid}.task-card:hover{transform:translateY(-2px)}.task-card h3{font-size:1.15rem}.task-card-top{justify-content:space-between;gap:.5rem;display:flex}.tag,.badge,.chip{border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.tag{color:var(--ink-soft);background:#14221c14}.badge{color:#fff}.badge-open{background:#64748b}.badge-started{background:var(--info)}.badge-progress{background:var(--warn)}.badge-done{background:var(--ok)}.badge-blocked{background:var(--danger)}.tone-open{background:linear-gradient(160deg,#f8fafc,#e8eef5)}.tone-started{background:linear-gradient(160deg,#eef9fb,#d5eef4)}.tone-progress{background:linear-gradient(160deg,#fff8ef,#fde8c8)}.tone-done{background:linear-gradient(160deg,#eefbf3,#d4f0df)}.tone-blocked{background:linear-gradient(160deg,#fff1f4,#fad7e0)}.task-meta,.task-times{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.task-assignee,.task-reason{font-size:.85rem;font-weight:600}.task-reason{color:var(--danger)}.empty{background:var(--card);border-radius:var(--radius);text-align:center;border:1px dashed #1a5c4a4d;padding:1.5rem}.empty h3{margin-bottom:.35rem}.fab{right:max(1rem,50% - 340px);bottom:calc(1.2rem + env(safe-area-inset-bottom));background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;z-index:20;border:none;border-radius:50%;width:58px;height:58px;font-size:1.8rem;line-height:1;animation:2.8s ease-in-out infinite pulse;position:fixed;box-shadow:0 14px 30px #1a5c4a59}@keyframes pulse{0%,to{box-shadow:0 14px 30px #1a5c4a59}50%{box-shadow:0 18px 36px #1a5c4a7a}}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0c14106b;justify-content:center;align-items:flex-end;padding:.75rem;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{background:#f7faf8;border-radius:24px 24px 18px 18px;width:min(560px,100%);max-height:min(92dvh,900px);padding:1.1rem 1.1rem 1.4rem;animation:.28s slide-up;overflow:auto;box-shadow:0 -10px 40px #0000002e}@keyframes slide-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.drawer.tone-open,.drawer.tone-started,.drawer.tone-progress,.drawer.tone-done,.drawer.tone-blocked{background-image:linear-gradient(#ffffff73,#f7faf8 28%)}.drawer-head{justify-content:space-between;gap:.75rem;margin-bottom:.85rem;display:flex}.drawer-head h2{margin-top:.35rem;font-size:1.45rem}.icon-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);background:#fff;border-radius:50%}.status-banner{border-radius:14px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.7rem .85rem;font-size:.92rem;display:flex}.drawer-desc{color:var(--ink-soft);margin-bottom:.9rem}.meta-grid{grid-template-columns:1fr 1fr;gap:.65rem;margin:0 0 1rem;display:grid}.meta-grid div{border:1px solid var(--line);background:#ffffffbf;border-radius:14px;padding:.65rem .75rem}.meta-grid .span-2{grid-column:1/-1}.meta-grid dt{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.2rem;font-size:.72rem}.meta-grid dd{margin:0;font-size:.9rem;font-weight:700}.drawer-section{margin-top:1rem}.drawer-section h3{margin-bottom:.65rem;font-size:1rem}.action-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.action-btn{border:1px solid var(--line);background:#fff;border-radius:14px;padding:.75rem .6rem;font-size:.86rem;font-weight:700}.action-btn.current{outline:2px solid var(--accent);outline-offset:1px}.action-btn.tone-started{background:#e0f4f8}.action-btn.tone-progress{background:#ffefd6}.action-btn.tone-done{background:#ddf5e6}.action-btn.tone-blocked{background:#ffe0e8}.action-btn.tone-open{background:#eef2f6}.block-reason{margin-top:.7rem}.note-form{gap:.65rem;display:grid}.category-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--line);color:var(--ink-soft);background:#fff}.chip.active{background:var(--accent);color:#fff;border-color:#0000}.timeline{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:14px 1fr;gap:.65rem;display:grid;position:relative}.timeline-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin-top:.35rem;box-shadow:0 0 0 4px #1a5c4a26}.timeline p{color:var(--ink-soft);margin:.15rem 0;font-size:.92rem}.timeline time{color:var(--ink-soft);font-size:.75rem}@media (width>=720px){.drawer-backdrop{align-items:center}.drawer{border-radius:24px}.stat-chips{grid-template-columns:repeat(6,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}body{margin:0}