:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--ink:#102a2c;--ink-deep:#0a1c1e;--lagoon:#1f6f78;--lagoon-soft:#2f8f97;--foam:#e7f3f1;--paper:#f4fbf8;--coral:#e4572e;--amber:#e0a106;--slate:#5c7375;--line:#102a2c1f;--shadow:0 18px 40px #0a1c1e2e;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--ease:.18s ease}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top left, #2f8f9747, transparent 34%), radial-gradient(circle at 85% 12%, #e4572e29, transparent 28%), linear-gradient(165deg, #12383c 0%, var(--ink-deep) 48%, #163f42 100%);background-attachment:fixed;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}.app-shell{z-index:1;width:min(980px,100% - 2rem);margin:0 auto;padding:2rem 0 3.5rem;position:relative}.ink-wash{aspect-ratio:1;pointer-events:none;z-index:0;filter:blur(8px);background:radial-gradient(circle,#e0a10629,#0000 68%);border-radius:50%;width:min(48vw,420px);position:fixed;inset:auto -10% -18% auto}.board-header{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1.25rem;margin-bottom:1.25rem;display:grid}.brand-block,.trail,.composer,.lane,.empty-state{background:color-mix(in srgb, var(--paper) 92%, white);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff59}.brand-block{border-radius:var(--radius-lg);padding:1.4rem 1.5rem 1.5rem;position:relative;overflow:hidden}.brand-block:after{content:"✓";font-family:var(--font-display);color:color-mix(in srgb, var(--lagoon) 14%, transparent);pointer-events:none;font-size:clamp(5rem,12vw,7.5rem);line-height:1;position:absolute;bottom:-.55rem;right:-.15rem;transform:rotate(-8deg)}.brand-kicker{color:var(--lagoon);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:600}.brand-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:650;line-height:.95}.brand-title span{color:var(--coral)}.brand-lede{max-width:28ch;color:var(--slate);margin:.85rem 0 0;font-size:1rem;line-height:1.45}.trail{border-radius:var(--radius-lg);background:linear-gradient(160deg, #1f6f781a, transparent 55%), color-mix(in srgb, var(--paper) 92%, white);flex-direction:column;justify-content:center;gap:.95rem;padding:1.15rem 1.2rem 1.1rem;display:flex}.trail-track{background:#102a2c14;border-radius:999px;height:.55rem;position:relative;overflow:hidden}.trail-fill{border-radius:inherit;background:linear-gradient(90deg, var(--lagoon), var(--coral));height:100%;transition:width .32s;display:block}.trail-stops{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.trail-stop{text-align:center;background:#102a2c0a;border-radius:12px;padding:.55rem .25rem}.trail-stop.is-focus{background:#e0a10624}.trail-stop.is-done{background:#1f6f781f}.trail-stop.is-rate{background:#e4572e1f}.trail-value{font-family:var(--font-display);color:var(--ink);font-size:1.45rem;font-weight:650;line-height:1;display:block}.trail-label{color:var(--slate);letter-spacing:.08em;text-transform:uppercase;margin-top:.28rem;font-size:.72rem;font-weight:600;display:block}.composer{border-radius:var(--radius-lg);grid-template-columns:.9fr 1.4fr auto;align-items:end;gap:.85rem .9rem;margin-bottom:1.35rem;padding:1rem 1.1rem 1.1rem;display:grid}.field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.field-label{color:var(--slate);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:650}.field input,.compose-row input{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--ink);transition:border-color var(--ease), box-shadow var(--ease), background var(--ease);background:#ffffffb8;outline:none;padding:.78rem .9rem}.field input:focus,.compose-row input:focus,.btn:focus-visible{border-color:color-mix(in srgb, var(--lagoon) 55%, white);box-shadow:0 0 0 3px #1f6f782e}.compose-row{gap:.55rem;min-width:0;display:flex}.clear-all{white-space:nowrap;align-self:end}.banner{border-radius:12px;grid-column:1/-1;margin:0;padding:.7rem .85rem;font-size:.92rem}.banner-error{color:#9b2f14;background:#e4572e1f;border:1px solid #e4572e47}.banner-muted{color:var(--slate);background:#1f6f7814}.btn{transition:transform var(--ease), background var(--ease), border-color var(--ease), color var(--ease), opacity var(--ease);border:1px solid #0000;border-radius:999px;padding:.58rem .9rem;font-size:.86rem;font-weight:600;line-height:1.1}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--foam);padding-inline:1.05rem}.btn-primary:hover:not(:disabled){background:var(--lagoon)}.btn-ghost{color:var(--ink);background:0 0;border-color:#102a2c29}.btn-ghost:hover:not(:disabled){background:#102a2c0d}.btn-check{background:var(--lagoon);color:#fff}.btn-reopen{color:var(--lagoon);background:#1f6f781f;border-color:#1f6f782e}.btn-focus{color:#8a6200;background:#e0a10629;border-color:#e0a10659}.btn-unfocus{color:var(--slate);background:#102a2c0f;border-color:#102a2c1a}.btn-remove{color:#a33a22;background:0 0;border-color:#e4572e47}.btn-remove:hover:not(:disabled){background:#e4572e14}.lanes{gap:1rem;display:grid}.lane{border-radius:var(--radius-lg);padding:1rem 1rem .85rem}.lane-focus{background:linear-gradient(180deg, #e0a10614, transparent 42%), color-mix(in srgb, var(--paper) 94%, white)}.lane-queue{background:linear-gradient(180deg, #1f6f7812, transparent 40%), color-mix(in srgb, var(--paper) 94%, white)}.lane-done{background:linear-gradient(180deg, #5c737514, transparent 40%), color-mix(in srgb, var(--foam) 88%, white)}.lane-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.85rem;padding:0 .15rem;display:flex}.lane-head h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:650}.lane-count{text-align:center;min-width:1.8rem;color:var(--slate);background:#102a2c12;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700}.lane-list{gap:.7rem;display:grid}.lane-empty{border-radius:var(--radius-md);color:var(--slate);background:#ffffff59;border:1px dashed #102a2c29;margin:0;padding:1rem .85rem}.task-card{border-radius:var(--radius-md);transition:transform var(--ease), border-color var(--ease), background var(--ease), box-shadow var(--ease);background:#ffffffc7;border:1px solid #102a2c14;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem .9rem;display:grid}.task-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0a1c1e14}.task-card.is-focus{background:linear-gradient(120deg,#e0a10624,#0000 48%),#ffffffdb;border-color:#e0a10673}.task-card.is-done{opacity:.82;background:#e7f3f1cc;border-color:#1f6f7824}.task-stamp{width:2.35rem;height:2.35rem;font-family:var(--font-display);color:var(--lagoon);background:#1f6f781a;border:1.5px dashed #1f6f7859;border-radius:50%;flex-shrink:0;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.task-card.is-focus .task-stamp{color:#8a6200;background:#e0a10629;border-color:#e0a10673}.task-card.is-done .task-stamp{color:#fff;background:var(--lagoon);border-style:solid;border-color:var(--lagoon)}.task-body{min-width:0}.task-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:1.18rem;font-weight:600;line-height:1.2}.task-card.is-done .task-title{color:color-mix(in srgb, var(--ink) 70%, var(--slate));text-decoration:line-through;text-decoration-thickness:1.5px}.task-meta{color:var(--slate);margin:.28rem 0 0;font-size:.82rem;font-weight:500}.task-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;max-width:22rem;display:flex}.empty-state{border-radius:var(--radius-lg);text-align:center;padding:2.4rem 1.4rem}.empty-mark{width:3.2rem;height:3.2rem;font-family:var(--font-display);color:#fff;background:var(--coral);border-radius:50%;place-items:center;margin:0 auto .6rem;font-size:1.6rem;display:grid;box-shadow:0 10px 24px #e4572e47}.empty-state h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.7rem}.empty-state p{max-width:36ch;color:var(--slate);margin:.55rem auto 0;line-height:1.5}@media (width<=860px){.board-header,.composer{grid-template-columns:1fr}.clear-all{width:100%}.task-card{grid-template-columns:auto minmax(0,1fr)}.task-actions{grid-column:1/-1;justify-content:flex-start;max-width:none}}@media (width<=560px){.app-shell{width:min(100% - 1.1rem,980px);padding-top:1.1rem}.trail-stops{grid-template-columns:repeat(2,minmax(0,1fr))}.compose-row{flex-direction:column}.btn-primary,.clear-all{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}