:root{--ink:#111827;--bg:#ffffff;--brand:#2e86ff;--accent:#ffb703;--line:#e5e7eb;--ring:#86b7fe;--muted:#6b7280;--card:#f7f9fc;--shadow:0 4px 12px rgba(20,30,55,.08);--r-card:14px;--r-btn:20px;--safe-top: env(safe-area-inset-top, 0);--safe-bottom: env(safe-area-inset-bottom, 0);--blue:#2e86ff;--yellow:#ffb703;--green:#22c55e;--red:#f97316}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;padding-top:var(--safe-top);color:var(--ink);background:var(--bg);font:16px/1.5 ui-rounded,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}header{position:sticky;top:0;z-index:999;background:#ffffffeb;-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px);border-bottom:1px solid var(--line);transform:translateZ(0)}header.header-linkable{cursor:pointer}.wrap{max-width:1100px;width:100%;margin:0 auto;padding:12px 16px}.row{display:flex;align-items:center;gap:12px}.brand{display:flex;align-items:center;gap:10px}.logo{display:inline-flex;align-items:center;gap:8px}.logo svg{width:34px;height:34px;transition:transform .25s ease}.title{font-weight:800;letter-spacing:.2px;transition:color .25s ease;font-size:1.25em}.nav-container{margin-left:auto;display:flex;align-items:center;gap:12px;position:relative}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.menu-toggle__bar{height:2px;background:#1f2937;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.menu-toggle:focus-visible{outline:3px solid rgba(46,134,255,.35);outline-offset:3px}.menu-toggle:hover{box-shadow:0 6px 14px #2e86ff26;transform:translateY(-1px)}.primary-nav{display:flex;gap:8px}.nav-menu{position:relative}.nav-menu__toggle{justify-content:flex-start;gap:8px}.nav-menu__icon{flex-shrink:0}.nav-menu__caret{margin-left:auto;width:14px;height:14px;transition:transform .2s ease}.nav-menu.is-open .nav-menu__caret{transform:rotate(180deg)}.nav-menu__panel{position:absolute;top:calc(100% + 10px);right:0;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 12px 28px #0f172a26;min-width:200px;z-index:100}.nav-menu__panel[hidden]{display:none}.nav-menu__item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;font-weight:600;color:#1f2937;transition:background .2s ease,color .2s ease}.nav-menu__item:hover,.nav-menu__item:focus{background:#eef4ff;color:var(--brand);outline:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:48px;min-height:48px;padding:10px 12px;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);touch-action:manipulation;cursor:pointer;user-select:none;-webkit-user-select:none;transition:all .25s ease}.icon-btn svg{width:22px;height:22px;display:block;transition:transform .25s ease,fill .25s ease}.icon-btn .label{font-weight:800;font-size:14px;transition:color .25s ease}.dashboard-select{width:100%;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dashboard-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2e86ff33;transform:translateY(-1px)}.dashboard-select[multiple],.dashboard-select--multi{min-height:120px}.dashboard-input--textarea{min-height:120px;resize:vertical}@media (max-width:600px){.wrap{padding:10px 14px}.nav-container{gap:8px}.menu-toggle{display:inline-flex}.primary-nav{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;flex-direction:column;gap:8px;box-shadow:0 12px 28px #0f172a26;min-width:180px;display:none}.primary-nav.is-open{display:flex}.primary-nav .icon-btn{width:100%;justify-content:flex-start;gap:10px;padding:10px 12px}.primary-nav .icon-btn .label{display:inline}.primary-nav .nav-menu{width:100%}.primary-nav .nav-menu__panel{position:static;width:100%;margin-top:6px;border-radius:12px;box-shadow:none}.primary-nav .nav-menu__item{width:100%}.icon-btn{min-width:42px;min-height:42px;padding:8px 10px;border-radius:14px}.icon-btn svg{width:20px;height:20px}.logo svg{width:30px;height:30px}.title{font-size:1.1em}.hero h1{font-size:clamp(26px,8vw,32px)}.hero p{max-width:100%}.hero-actions{gap:10px}}@media (min-width:601px){.primary-nav{display:flex!important;position:static;background:transparent;border:0;box-shadow:none;padding:0;flex-direction:row;align-items:center}}.icon-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 14px #2e86ff40;border-color:var(--brand)}.icon-btn:hover svg{transform:scale(1.2);fill:var(--brand)}.icon-btn:hover .label{color:var(--brand)}@media (max-width:380px){.icon-btn .label{display:none}}main{max-width:1100px;width:100%;margin:0 auto;padding:24px 16px;flex:1}.hero{display:grid;gap:20px;align-items:center}@media (min-width:760px){.hero{grid-template-columns:1fr}.hero:has(.hero-card){grid-template-columns:.7fr 1.3fr}}.hero-copy{display:flex;flex-direction:column;gap:12px}.hero h1{font-size:clamp(28px,6vw,40px);margin:.25em 0;color:#0f172a}.hero p{color:var(--muted);margin:0;max-width:540px}.hero-actions{margin-top:4px}.hero-subtext{margin:12px 0 0;color:#475569;max-width:480px}.hero--alt{background:linear-gradient(135deg,#edf4ff,#fff);border:1px solid rgba(46,134,255,.2);border-radius:28px;padding:28px 24px;gap:24px;box-shadow:0 18px 36px #0f172a14}@media (min-width:900px){.hero--alt{grid-template-columns:1fr auto;align-items:center;padding:36px 40px}}.hero-list{margin:0;padding-left:20px;color:#475569;display:grid;gap:6px;font-size:15px}.hero-list li{line-height:1.5}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 10px 24px #0f172a0d}.metric-card__value{font-size:28px;font-weight:900;color:#1d4ed8}.metric-card__label{font-size:14px;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.hero-card{display:grid;place-items:center}.sr-hero-frame{aspect-ratio:6/4;width:90%;border-radius:20px;background:#fff;padding:14px;box-shadow:0 8px 22px #0000000f;display:grid;place-items:center;margin:0 auto}.sr-hero-gradient{width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#e8f0ff,#fff3cd);border:1px solid var(--line);display:grid;place-items:center}.hero-note{text-align:left;color:#1f2937;display:flex;flex-direction:column;gap:8px;padding:20px}.hero-note__badge{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12px;letter-spacing:.5px;text-transform:uppercase;background:#2e86ff1f;color:#1d4ed8;border-radius:999px;padding:6px 10px}.hero-note__title{font-size:20px;font-weight:900;color:#0f172a}.hero-note__body{margin:0;color:#475569;font-size:15px;line-height:1.5}.hero-note__meta{font-size:13px;color:#1e3a8a;font-weight:600}.highlight{background:linear-gradient(180deg,#f8fbff,#fff);border-radius:24px;padding:28px 24px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 10px 24px #0f172a0f;display:flex;flex-direction:column;gap:8px}.feature-card h3{margin:0;font-size:18px;color:#0f172a}.feature-card p{margin:0;color:#475569;font-size:15px;line-height:1.5}.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}.type-card{background:#fff;border:1px solid rgba(46,134,255,.18);border-radius:20px;padding:20px;box-shadow:0 12px 28px #2563eb14;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,box-shadow .18s ease}.type-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #2563eb1f}.type-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.type-card__header h3{margin:0;font-size:18px;color:#0f172a}.type-card__count{font-size:13px;font-weight:700;color:#1d4ed8;background:#3b82f61f;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.4px}.type-card p{margin:0;color:#475569;line-height:1.5}.type-card__foot{margin-top:auto}.type-card__foot .btn{width:100%;justify-content:center}.type-callout{display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#fef3c7,#e0f2fe);border-radius:24px;padding:28px;border:1px solid rgba(251,191,36,.4);box-shadow:0 12px 26px #d9770626;align-items:flex-start}.type-callout h2{margin:0;font-size:22px;color:#92400e}.type-callout p{margin:0;color:#92400e;max-width:620px}.type-callout .btn{align-self:flex-start}@media (min-width:900px){.type-callout{flex-direction:row;align-items:center;justify-content:space-between;padding:32px 36px}.type-callout .btn{margin:0}}.steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:14px;margin:18px 0 0}.steps li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 18px 18px 56px;position:relative;box-shadow:var(--shadow)}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center;font-size:13px}.steps h3{margin:0;font-size:17px;color:#0f172a}.steps p{margin:6px 0 0;color:#475569;font-size:15px;line-height:1.5}.cta-banner{display:flex;flex-direction:column;gap:16px;background:linear-gradient(135deg,#e0ecff,#fef3c7);border-radius:24px;padding:28px;border:1px solid rgba(30,64,175,.15);align-items:flex-start}.cta-banner h2{margin:0;font-size:22px;color:#0f172a}.cta-banner p{margin:0;color:#1f2937;max-width:620px}.cta-banner .btn{align-self:flex-start}@media (min-width:900px){.cta-banner{flex-direction:row;align-items:center;justify-content:space-between;padding:32px 36px}.cta-banner .btn{margin:0}}@media (max-width:759px){.hero-card{display:none}}.section{margin-top:32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}.section-footer{margin-top:20px}.section-footer .btn{box-shadow:var(--shadow)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.card h3{margin:0 0 4px;font-size:18px}.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.4}.tag{align-self:flex-start;background:#eef4ff;color:#194185;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.actions{display:flex;gap:8px;margin-top:auto}.grownups-signup{max-width:420px;padding:20px;display:flex;flex-direction:column;gap:12px}.grownups-signup label{font-weight:700;font-size:15px;color:#0f172a}.grownups-signup .btn{width:100%;justify-content:center}.grid .card{position:relative}.grid .card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-top-left-radius:var(--r-card);border-top-right-radius:var(--r-card)}.grid .card:nth-child(4n+1):before{background:var(--blue)}.grid .card:nth-child(4n+2):before{background:var(--yellow)}.grid .card:nth-child(4n+3):before{background:var(--green)}.grid .card:nth-child(4n+4):before{background:var(--red)}.grid .card:nth-child(4n+1) .tag{background:var(--blue-soft);color:#103c7b}.grid .card:nth-child(4n+2) .tag{background:var(--yellow-soft);color:#7a4d00}.grid .card:nth-child(4n+3) .tag{background:var(--green-soft);color:#0b5c2a}.grid .card:nth-child(4n+4) .tag{background:var(--red-soft);color:#7a2d00}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;min-height:44px;border-radius:var(--r-btn);font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .18s ease;position:relative;overflow:hidden}.btn.primary{background:var(--brand);color:#fff}.btn.secondary{background:#fff;border-color:var(--line);color:#111827}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 10px #00000014}.btn:active{transform:translateY(1px) scale(.98)}.btn:after{content:"";position:absolute;inset:auto;left:50%;top:50%;width:10px;height:10px;background:radial-gradient(circle,#2e86ff40,#2e86ff0060%);border-radius:50%;transform:translate(-50%,-50%)scale(0);opacity:0;pointer-events:none}.btn:active:after{animation:ripple .45s ease-out forwards}@keyframes ripple{0%{opacity:.35;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}.blog-box{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:16px;padding:16px;box-shadow:0 6px 18px #141e3714;position:relative;overflow:hidden}.blog-box:before{content:none}.blog-title{font-weight:900;margin:0 0 12px;font-size:20px;letter-spacing:.2px}.blog-content{--prose:#111827;--muted:#6b7280;color:var(--prose);font:16px/1.7 ui-rounded,system-ui,-apple-system,Segoe UI,Roboto}.blog-content h3{margin:.2em 0 .4em;font-size:18px;font-weight:800}.blog-content p{margin:.6em 0}.blog-content ul{margin:.6em 0;padding-left:1.2em}.blog-content li{margin:.25em 0}.blog-content .meta{color:var(--muted);font-size:14px}.blog-content .rule{height:1px;background:var(--line);margin:12px 0;border:0}.blog-content a{color:var(--brand);text-decoration:none}.blog-content a:hover{text-decoration:underline}.helper{color:var(--muted);font-size:14px;margin-top:10px}.callouts{display:grid;gap:12px;margin-top:16px}.sr-callout{--sr-accent:var(--brand);border-radius:14px;padding:12px 14px;border:1px solid var(--line);background:#fff;box-shadow:0 6px 18px #0000000d;border-left:6px solid var(--sr-accent)}.sr-callout__title{display:flex;align-items:center;gap:8px;font-weight:900;margin-bottom:6px}.sr-callout__body{margin:0;color:var(--ink)}.section.auth{max-width:420px;margin:48px auto;padding:36px 32px;border-radius:28px;border:1px solid rgba(46,134,255,.18);background:linear-gradient(145deg,#fff,#f2f6ff);box-shadow:0 24px 48px #1e40af14;display:flex;flex-direction:column;gap:18px}.section.auth h1{margin:0;font-size:clamp(26px,5vw,32px);color:#0f172a}.section.auth .helper{margin:0;max-width:100%;color:#475569}.auth-form{display:flex;flex-direction:column;gap:20px;margin-top:8px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700;font-size:15px;color:#0f172a}.helper--tight{margin-top:6px;font-size:13px;color:#64748b}.label-note{font-weight:600;color:#64748b;font-size:13px;margin-left:6px}.field--compact{max-width:200px}.dashboard-input--small{max-width:120px}.field input[type=email],.field input[type=password]{padding:12px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;font-size:15px;color:var(--ink)}.field input:not(.dashboard-input)::placeholder{color:#94a3b8}.field input:not(.dashboard-input):focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #2e86ff2e;transform:translateY(-1px)}.field--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;margin-top:-6px}.field--inline label{display:flex;align-items:center;gap:10px;font-weight:600;color:#1f2937}.field--inline input[type=checkbox]{width:18px;height:18px;border-radius:6px;border:1px solid var(--line);accent-color:var(--brand)}.field--inline input[type=checkbox]:focus-visible{outline:3px solid rgba(46,134,255,.35);outline-offset:3px}.field--inline .helper{margin:0;color:var(--brand);font-weight:600}.auth-form .btn.primary{margin-top:4px;box-shadow:0 14px 28px #2e86ff40}.auth-form .btn.primary:hover{box-shadow:0 18px 36px #2e86ff52}.auth-alert{border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;font-size:15px;box-shadow:0 12px 28px #0f172a24;border:1px solid transparent}.auth-alert strong{font-size:16px}.auth-alert--error{background:linear-gradient(140deg,#fff3f0,#ffe0d6);border-color:#f9731673;color:#7a2d00}.auth-alert--success{background:linear-gradient(140deg,#ecfdf5,#d1fae5);border-color:#10b98173;color:#065f46}.field-error{color:#b91c1c;font-size:13px;font-weight:600}.field input.is-invalid{border-color:#f97316;box-shadow:0 0 0 3px #f973162e}.field input.is-invalid:focus{border-color:#c2410c;box-shadow:0 0 0 4px #f9731647}@media (max-width:520px){.section.auth{margin:32px auto;padding:28px 22px}.field--inline{flex-direction:column;align-items:flex-start}.field--inline .helper{margin-top:12px}}.section.dashboard{display:flex;flex-direction:column;gap:28px}.dashboard__head h1{margin:0;font-size:clamp(28px,6vw,36px);color:#0f172a}.dashboard__head .helper{max-width:520px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.dashboard-card{min-height:180px;justify-content:space-between}.dashboard-card h2{margin:0 0 6px;font-size:20px;color:#0f172a}.dashboard-admin-panel{margin-top:8px;display:flex;flex-direction:column;gap:12px}.dashboard-admin-panel h3{margin:0 0 8px;font-size:16px;color:#1f2937}.dashboard-admin-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.dashboard-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}.dashboard-links a{font-weight:700;color:var(--brand)}.dashboard-links a:hover{text-decoration:underline}.dashboard-search{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0}.dashboard-search__field{position:relative;flex:1 1 240px}.dashboard-autocomplete{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 24px #0f172a1f;padding:4px 0;max-height:220px;overflow-y:auto;z-index:40}.dashboard-autocomplete[hidden]{display:none!important}.dashboard-autocomplete__item{width:100%;padding:8px 12px;background:transparent;border:0;font-size:14px;text-align:left;cursor:pointer}.dashboard-autocomplete__item:hover,.dashboard-autocomplete__item:focus-visible{background:#2e86ff1f;outline:none}.dashboard-search__field .dashboard-input{width:100%}.dashboard-search__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.btn.tertiary{background:transparent;border:1px solid var(--line);color:var(--muted)}.btn.tertiary:hover{border-color:var(--brand);color:var(--brand)}.dashboard-admin{display:flex;flex-direction:column;gap:24px}.dashboard-card--form{gap:16px}.dashboard-card--form h3{margin:0;font-size:18px}.dashboard-table{display:flex;flex-direction:column;gap:12px}.dashboard-table__head{display:grid;grid-template-columns:1fr auto;font-weight:700;color:#1f2937;padding:0 6px}.dashboard-table__row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.dashboard-table__edit{display:flex;gap:12px;align-items:center}.dashboard-table__edit input{flex:1}.dashboard-table__row--stacked{align-items:flex-start}.dashboard-table__tag-form{display:flex;flex-direction:column;gap:12px}.dashboard-table__tag-summary{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.dashboard-table__tag-summary strong{font-size:16px;color:#0f172a}.dashboard-table__tag-context{color:#1f2937}.dashboard-table__tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dashboard-table--tags .dashboard-table__row{align-items:stretch}.dashboard-table--tags .btn.danger{align-self:flex-start}.dashboard-task-edit{gap:20px}.dashboard-task-edit__actions{display:flex;justify-content:flex-end;margin-top:16px}.dashboard-divider{border:0;border-top:1px solid var(--line);margin:28px 0}.dashboard-task-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.dashboard-card--compact{gap:12px;min-height:auto}.dashboard-task-grid__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dashboard-task-items{display:flex;flex-direction:column;gap:16px}.dashboard-task-items__controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.dashboard-task-item{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8faff;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.dashboard-task-item.is-dragging{opacity:.75;transform:scale(.98);border-color:var(--brand);box-shadow:0 12px 24px #2e86ff1f}.dashboard-task-item__head{display:flex;align-items:center;gap:12px}.dashboard-task-item__title{font-weight:700;color:#1f2937}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:grab;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.drag-handle svg{width:18px;height:18px}.drag-handle:focus-visible{outline:3px solid rgba(46,134,255,.35);outline-offset:3px}.drag-handle:hover{border-color:var(--brand);box-shadow:0 6px 14px #2e86ff1f}.drag-handle:active{cursor:grabbing}.dashboard-input--condensed{min-height:56px;padding-top:8px;padding-bottom:8px;line-height:1.4}.dashboard-new-item{gap:18px}.is-filter-hidden{display:none!important}.is-filter-match{border-color:var(--brand);box-shadow:0 6px 14px #2e86ff1f}.dashboard-task-tags{display:flex;flex-direction:column;gap:20px}.dashboard-task-tags__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.dashboard-task-card{gap:18px}.dashboard-task-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-task-card__head h3{margin:0;font-size:18px;color:#0f172a}.dashboard-task-card__current{display:flex;flex-direction:column;gap:8px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-weight:700;font-size:13px}.badge--soft{background:#eef4ff;color:#1d4ed8}.tag-strip{display:flex;flex-wrap:wrap;gap:6px}.tag--muted{background:#f3f4f6;color:#64748b}.dashboard-task-card__form{display:flex;flex-direction:column;gap:12px}.tag-toggle-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-toggle{position:relative;display:inline-flex}.tag-toggle input{position:absolute;opacity:0;pointer-events:none}.tag-toggle span{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:#fff;color:#475569;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.tag-toggle strong{font-size:14px;font-weight:700;color:inherit}.tag-toggle span em{font-size:12px;color:#64748b;font-style:normal}.tag-toggle:hover span,.tag-toggle:focus-within span{border-color:var(--brand);box-shadow:0 0 0 3px #2e86ff24}.tag-toggle input:checked+span{background:#2563eb1f;border-color:#2563eb73;color:#0f172a;box-shadow:0 0 0 3px #2563eb33}.tag-toggle input:checked+span em{color:#1d4ed8}mark{background:#2e86ff2e;color:inherit;padding:0 2px;border-radius:4px}.roadmap-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:18px}.roadmap-list{margin:0;padding-left:0;display:flex;flex-direction:column;gap:12px}.roadmap-list li{list-style:none}.roadmap-item{display:flex;gap:12px;align-items:flex-start;background:#f8faff;border:1px solid var(--line);border-radius:14px;padding:12px 14px}.roadmap-item strong{color:#0f172a}.roadmap-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.roadmap-pill--confirmed{background:#10b9811f;color:#047857}.roadmap-pill--suggested{background:#3b82f61f;color:#1d4ed8}.dashboard-input{padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:15px;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dashboard-input:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #2e86ff33;transform:translateY(-1px)}.btn.danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.btn.danger:hover{background:#fecaca;color:#7f1d1d}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.sr-callout--info{--sr-accent:var(--brand)}.sr-callout--note{--sr-accent:var(--accent)}.sr-callout--tip{--sr-accent:#22c55e}.sr-callout--warn{--sr-accent: #f97316}.sr-callout--inline{box-shadow:none;border-left-width:4px;border-radius:12px;padding:10px 12px;margin:12px 0}.sr-callout--card{box-shadow:0 6px 18px #0000000d;border-left-width:6px;border-radius:14px}.section>h2,#tasks>h2,#grownups>h2,#blog>h2{font-weight:800;font-size:clamp(20px,4vw,26px);letter-spacing:.3px;color:#000;margin-bottom:12px}:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 75%,white 25%);outline-offset:2px}.icon-btn:focus-visible,.btn:focus-visible{box-shadow:0 0 0 4px #2e86ff2e}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}body.mode-kid{--font-zoom: 1.12;--tap: 52px;--sat: 1.1}body.mode-grownup,body{--font-zoom: 1;--tap: 44px;--sat: 1}body{font-size:calc(16px * var(--font-zoom))}.icon-btn,.btn{min-height:var(--tap);filter:saturate(var(--sat))}.icon-btn svg{transform-origin:center}.mode-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer;font-weight:700;box-shadow:var(--shadow);transition:all .2s ease}.mode-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 14px #2e86ff26;border-color:var(--brand)}.mode-toggle .dot{width:10px;height:10px;border-radius:50%;background:var(--brand)}footer.min-footer{border-top:1px solid var(--line);background:#fff;text-align:center;padding:40px 16px;color:#6b7280;font-size:14px;margin-top:auto}.min-footer .social{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.min-footer .social a{color:#9ca3af;transition:color .2s ease}.min-footer .social a:hover{color:var(--brand)}.min-footer a{color:#6b7280;text-decoration:none;margin:0 8px}.min-footer a:hover{color:var(--brand)}