:root{--bg:#f6f5f1;--bg-elev:#fff;--bg-subtle:#fbfaf7;--ink:#1a1a1a;--ink-2:#3f3f46;--ink-3:#6b7280;--ink-4:#9ca3af;--line:#e7e5df;--line-2:#d4d0c7;--brand:oklch(52% .13 230);--brand-2:oklch(62% .14 195);--brand-ink:oklch(32% .09 230);--brand-tint:oklch(96% .04 220);--brand-tint-2:oklch(93% .05 210);--warn:oklch(72% .16 60);--warn-ink:oklch(42% .13 55);--warn-tint:oklch(96% .06 70);--danger:oklch(58% .19 25);--danger-ink:oklch(40% .15 25);--danger-tint:oklch(95% .05 20);--ok:oklch(58% .13 160);--ok-ink:oklch(38% .11 160);--ok-tint:oklch(95% .05 160);--purple:oklch(54% .16 300);--purple-tint:oklch(96% .04 300);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 8px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 20px 40px -16px #0f172a29, 0 4px 12px #0f172a0f;--font-ui:ui-sans-serif, -apple-system, "Segoe UI", system-ui, Roboto, sans-serif;--font-display:"Bricolage Grotesque", "Segoe UI", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5}body{min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-elev);border-right:1px solid var(--line);flex-direction:column;gap:18px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .logo{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:4px 8px 10px;display:flex}.sidebar .logo .mark{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);color:#fff;letter-spacing:-.02em;border-radius:8px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.sidebar .logo .name{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:600}.sidebar .logo .name small{font-family:var(--font-ui);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:10.5px;font-weight:500;display:block}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group .label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:8px 10px 4px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--ink-2);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13.5px;text-decoration:none;display:flex}.nav-item:hover{background:var(--bg-subtle);color:var(--ink)}.nav-item.active{background:var(--brand-tint);color:var(--brand-ink);font-weight:600}.nav-item .icon{opacity:.8;flex-shrink:0;width:16px;height:16px}.nav-item .badge{background:var(--ink-3);color:#fff;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.nav-item.active .badge{background:var(--brand)}.topbar{border-bottom:1px solid var(--line);background:var(--bg-elev);z-index:10;align-items:center;gap:14px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar .crumb{color:var(--ink-3);align-items:center;gap:8px;font-size:12.5px;display:flex}.topbar .crumb strong{color:var(--ink);font-weight:600}.topbar .search{flex:1;max-width:360px;margin-left:16px;position:relative}.topbar .search input{border:1px solid var(--line);background:var(--bg-subtle);border-radius:var(--radius-md);outline:none;width:100%;padding:7px 10px 7px 32px;font-size:13px}.topbar .search input:focus{border-color:var(--brand);background:#fff}.topbar .search .icon{width:14px;height:14px;color:var(--ink-4);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.topbar .spacer{flex:1}.topbar .iconbtn{width:34px;height:34px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid;position:relative}.topbar .iconbtn:hover{background:var(--bg-subtle);border-color:var(--line)}.topbar .iconbtn .dot{background:var(--danger);border:2px solid var(--bg-elev);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.topbar .user{border:1px solid var(--line);border-radius:30px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.topbar .user .avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:600;display:grid}.topbar .user .meta{flex-direction:column;display:flex}.topbar .user .meta strong{font-size:12.5px;font-weight:600}.topbar .user .meta small{color:var(--ink-3);font-size:10.5px}.btn{border:1px solid var(--line);background:var(--bg-elev);color:var(--ink);border-radius:var(--radius-md);align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-subtle)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover{background:var(--brand-ink)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-subtle)}.btn.sm{border-radius:7px;padding:5px 10px;font-size:12px}.btn.icon-only{justify-content:center;width:30px;height:30px;padding:6px}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.card h3{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:600}.chip{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip .dot{background:currentColor;border-radius:50%;width:7px;height:7px}.chip.gray{color:#64748b;background:#f1f5f9}.chip.blue{color:#1f6feb;background:#e0edff}.chip.amber{color:#b45309;background:#fef3c7}.chip.purple{color:#7c3aed;background:#ede9fe}.chip.green{color:#047857;background:#d1fae5}.chip.red{color:#b91c1c;background:#fee2e2}.chip.teal{color:oklch(42% .11 195);background:oklch(95% .04 195)}.chip.outline{border:1px solid var(--line-2);color:var(--ink-2);background:0 0}.avatar{color:#fff;letter-spacing:-.01em;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10.5px;font-weight:700;display:inline-grid}.avatar.lg{width:36px;height:36px;font-size:12px}.avatar.sm{width:22px;height:22px;font-size:9.5px}.progress{align-items:center;gap:8px;min-width:120px;display:flex}.progress .bar{background:var(--bg-subtle);border:1px solid var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}.progress .fill{background:linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%);border-radius:99px;height:100%}.progress .fill.done{background:var(--ok)}.progress .label{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11.5px}.page{max-width:1400px;padding:26px 32px 60px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:600}.page-header p{color:var(--ink-3);margin:0;font-size:13.5px}.page-header .actions{gap:8px;display:flex}.t{border-collapse:collapse;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;font-size:13px;overflow:hidden}.t th,.t td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 14px}.t th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);background:var(--bg-subtle);font-size:11px;font-weight:600}.t tr:last-child td{border-bottom:none}.t tbody tr:hover td{background:var(--bg-subtle)}.t tbody tr{cursor:pointer}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink-2);align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.field label .req{color:var(--danger)}.field .hint{color:var(--ink-3);font-size:11.5px}.field input[type=text],.field input[type=email],.field input[type=tel],.field input[type=number],.field input[type=date],.field textarea,.field select{border:1px solid var(--line-2);background:var(--bg-elev);border-radius:var(--radius-md);color:var(--ink);outline:none;padding:8px 11px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:72px;font-family:inherit}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.field .radio-group{flex-wrap:wrap;gap:8px;display:flex}.field .radio-opt{border:1px solid var(--line-2);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-elev);align-items:center;gap:6px;padding:7px 12px;font-size:13px;transition:all .15s;display:inline-flex}.field .radio-opt input{accent-color:var(--brand);margin:0}.field .radio-opt:hover{border-color:var(--brand)}.field .radio-opt.selected{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink);font-weight:600}.field .file-drop{border:1.5px dashed var(--line-2);border-radius:var(--radius-md);text-align:center;color:var(--ink-3);background:var(--bg-subtle);padding:20px}.kanban{grid-template-columns:repeat(5,1fr);gap:12px;min-height:500px;display:grid}.kanban .col{background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px solid var(--line);padding:12px}.kanban .col h4{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:8px;margin:0 0 10px;font-size:11.5px;display:flex}.kanban .col h4 .count{background:var(--ink-4);color:#fff;border-radius:99px;padding:1px 7px;font-size:10.5px}.kanban .card-item{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;margin-bottom:8px;padding:10px 12px;font-size:12.5px;transition:all .15s}.kanban .card-item:hover{border-color:var(--brand);box-shadow:var(--shadow-md)}.kanban .card-item .title{margin-bottom:4px;font-weight:600;line-height:1.3}.kanban .card-item .meta{color:var(--ink-3);justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.row{align-items:center;gap:8px;display:flex}.col-g{flex-direction:column;gap:8px;display:flex}.muted{color:var(--ink-3)}.tiny{font-size:11.5px}.mono{font-family:var(--font-mono);font-size:12px}.stack-sm{flex-direction:column;gap:4px;display:flex}.divider{background:var(--line);height:1px;margin:14px 0}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.kpi{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;position:relative;overflow:hidden}.kpi .label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:11px;font-weight:600}.kpi .value{font-family:var(--font-display);letter-spacing:-.02em;margin:6px 0 2px;font-size:28px;font-weight:600}.kpi .trend{color:var(--ink-3);align-items:center;gap:4px;font-size:11.5px;display:flex}.kpi .trend.up{color:var(--ok-ink)}.kpi .trend.down{color:var(--danger-ink)}.kpi .accent-bar{background:var(--brand);width:3px;position:absolute;top:0;bottom:0;left:0}.kpi.warn .accent-bar{background:var(--warn)}.kpi.danger .accent-bar{background:var(--danger)}.kpi.ok .accent-bar{background:var(--ok)}.tweaks-panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:100;padding:14px 16px;font-size:13px;position:fixed;bottom:18px;right:18px}.tweaks-panel .t-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.tweaks-panel .t-head h4{margin:0;font-size:13px;font-weight:600}.tweaks-panel .t-row{margin-bottom:10px}.tweaks-panel .t-row>label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.tweaks-panel .t-options{flex-wrap:wrap;gap:4px;display:flex}.tweaks-panel .t-option{border:1px solid var(--line-2);background:var(--bg-elev);cursor:pointer;text-align:center;border-radius:6px;flex:1;min-width:auto;padding:5px 9px;font-size:11.5px}.tweaks-panel .t-option.active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-ink);font-weight:600}.login-wrap{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-left{color:#fff;background:linear-gradient(135deg,oklch(42% .13 230) 0%,oklch(48% .12 200) 100%);flex-direction:column;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 85%,oklch(58% .14 190/.5),#0000 40%),radial-gradient(circle at 85% 15%,oklch(56% .14 260/.5),#0000 40%);position:absolute;inset:0}.login-left>*{position:relative}.login-left h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:420px;margin:40px 0 0;font-size:40px;font-weight:600;line-height:1.1}.login-left p{opacity:.85;max-width:380px;margin-top:14px;font-size:14.5px}.login-right{place-items:center;padding:40px;display:grid}.login-card{width:100%;max-width:400px}.login-card h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 4px;font-size:28px}.login-card p.lead{color:var(--ink-3);margin:0 0 24px}.ms-btn{border:1px solid var(--line-2);border-radius:var(--radius-md);background:var(--bg-elev);cursor:pointer;width:100%;color:var(--ink);justify-content:center;align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:600;display:flex}.ms-btn:hover{background:var(--bg-subtle);border-color:var(--ink-4)}.ms-mark{grid-gap:2px;grid-template-columns:9px 9px;width:20px;height:20px;display:inline-grid}.ms-mark span:first-child{background:#f25022}.ms-mark span:nth-child(2){background:#7fba00}.ms-mark span:nth-child(3){background:#00a4ef}.ms-mark span:nth-child(4){background:#ffb900}.preview-field{cursor:pointer;border:2px solid #0000;border-radius:10px;margin:0 -8px;padding:4px 8px;transition:background .12s,border-color .12s;position:relative}.preview-field:hover{background:var(--bg-subtle);border-color:var(--line)}.preview-field.selected{border-color:var(--brand);background:var(--brand-tint)}.preview-field-ctrls{opacity:0;background:var(--bg-elev);box-shadow:var(--shadow-sm);z-index:2;border-radius:6px;gap:2px;padding:2px;transition:opacity .12s;display:flex;position:absolute;top:6px;right:6px}.preview-field:hover .preview-field-ctrls,.preview-field.selected .preview-field-ctrls{opacity:1}.preview-field-ctrls .btn.sm{padding:2px 5px;font-size:11px}.preview-field-cond{color:var(--warn-ink);background:var(--warn-tint);z-index:1;pointer-events:none;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600;position:absolute;top:6px;left:10px}.stepper-top{margin-bottom:26px}.stepper-top .top-meta{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:12px;display:flex}.stepper-top .top-meta strong{color:var(--brand-ink);font-size:13.5px;font-weight:700}.stepper-top .top-meta .pct{color:var(--brand-ink);font-size:12.5px;font-weight:700}.stepper-top .top-progress{background:var(--line);border-radius:99px;height:4px;margin-bottom:18px;overflow:hidden}.stepper-top .top-progress .fill{background:linear-gradient(90deg, var(--brand) 0%, var(--brand-2) 100%);border-radius:99px;height:100%;transition:width .3s}.stepper-top .steps{align-items:flex-start;width:100%;display:flex;position:relative}.stepper-top .s{cursor:pointer;z-index:1;flex-direction:column;flex:1 1 0;align-items:center;gap:6px;min-width:0;padding:0 2px;display:flex;position:relative}.stepper-top .s:not(:last-child):after{content:"";background:var(--line);z-index:0;width:100%;height:2px;position:absolute;top:13px;left:50%}.stepper-top .s.complete:not(:last-child):after{background:var(--ok)}.stepper-top .s .circle{border:2px solid var(--line);background:var(--bg-elev);width:28px;height:28px;color:var(--ink-3);z-index:2;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:700;transition:all .18s;display:grid;position:relative}.stepper-top .s:hover .circle{border-color:var(--ink-4);transform:translateY(-1px)}.stepper-top .s.active .circle{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px oklch(52% .13 230/.14)}.stepper-top .s.complete .circle{background:var(--ok);border-color:var(--ok);color:#fff}.stepper-top .s .lab{color:var(--ink-3);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 1px;font-size:10.5px;font-weight:500;line-height:1.25;overflow:hidden}.stepper-top .s.active .lab{color:var(--brand-ink);font-weight:700}.stepper-top .s.complete .lab{color:var(--ok-ink)}@media (width<=820px){.stepper-top .s .lab{display:none}.stepper-top .s{gap:0}}.field input,.field textarea,.field select{transition:border-color .15s,box-shadow .15s,background .15s}.field input:hover,.field textarea:hover,.field select:hover{border-color:var(--ink-4)}.field .radio-opt{transition:all .15s}.field .radio-opt:hover:not(.selected){background:var(--bg-subtle);border-color:var(--ink-4)}.section-accent{margin-bottom:20px;padding-left:16px;position:relative}.section-accent:before{content:"";background:var(--accent-color,var(--brand));border-radius:99px;width:4px;position:absolute;top:2px;bottom:2px;left:0}.task-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr auto auto auto;align-items:center;gap:14px;padding:12px 14px;transition:background .15s;display:grid}.task-row:last-child{border-bottom:none}.task-row:hover{background:var(--bg-subtle)}.task-row .check{border:1.5px solid var(--line-2);cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.task-row.done .check{background:var(--ok);border-color:var(--ok);color:#fff}.task-row .title{font-size:13.5px;font-weight:600}.task-row .desc{color:var(--ink-3);max-width:640px;margin-top:2px;font-size:12px}.task-row.done .title{color:var(--ink-3);text-decoration:line-through;text-decoration-thickness:1.5px}.timeline{margin:0;padding-left:22px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:6px;bottom:6px;left:6px}.timeline .item{padding-bottom:16px;position:relative}.timeline .item:before{content:"";background:var(--bg-elev);border:2px solid var(--brand);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-20px}.timeline .item.done:before{background:var(--ok);border-color:var(--ok)}.timeline .item .when{color:var(--ink-4);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.timeline .item .what{font-size:13px}.integration{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elev);align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.integration .ico{background:var(--bg-subtle);width:36px;height:36px;color:var(--brand);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.integration .meta{flex:1}.integration .meta .title{font-size:13.5px;font-weight:600}.integration .meta .sub{color:var(--ink-3);font-size:12px}.toggle{background:var(--line-2);cursor:pointer;border-radius:99px;flex-shrink:0;width:36px;height:20px;transition:background .15s;display:inline-block;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--brand)}.toggle.on:after{left:19px}.content{min-width:0}.notif-drawer{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);z-index:50;position:absolute;top:52px;right:80px;overflow:hidden}.notif-drawer .head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-drawer .item{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex}.notif-drawer .item:last-child{border-bottom:none}.notif-drawer .item.unread{background:var(--brand-tint)}.notif-drawer .item .dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notif-drawer .item:not(.unread) .dot{background:0 0}.branch-pill{letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.branch-pill.childcare{color:oklch(42% .13 260);background:oklch(96% .04 260)}.branch-pill.gym{color:oklch(42% .13 140);background:oklch(96% .04 140)}.placeholder-img{background:repeating-linear-gradient(-45deg, var(--bg-subtle) 0 8px, var(--bg-elev) 8px 16px);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink-4);font-family:var(--font-mono);place-items:center;font-size:11px;display:grid}body.density-compact .task-row{padding:8px 12px}body.density-compact .t th,body.density-compact .t td{padding:7px 12px}body.density-compact .card{padding:16px}body.theme-dark{--bg:#0f1115;--bg-elev:#171a21;--bg-subtle:#1e222b;--ink:#f0f2f5;--ink-2:#cfd3dc;--ink-3:#8a93a3;--ink-4:#5c6472;--line:#252a33;--line-2:#333944;--brand-tint:oklch(28% .06 230);--brand-tint-2:oklch(32% .07 220);--shadow-lg:0 20px 40px -16px #0009, 0 4px 12px #0006}body.theme-dark .chip.gray{color:#9aa3b2;background:#2a2f3a}body.theme-dark .chip.blue{color:oklch(78% .1 230);background:oklch(28% .08 230)}body.theme-dark .chip.amber{color:oklch(82% .12 70);background:oklch(32% .08 70)}body.theme-dark .chip.purple{color:oklch(78% .1 300);background:oklch(28% .08 300)}body.theme-dark .chip.green{color:oklch(78% .1 160);background:oklch(28% .08 160)}body.theme-dark .chip.red{color:oklch(80% .14 25);background:oklch(30% .1 25)}