:root{--paper: #e9edeb;--field: #fbfcfb;--ink: #14252a;--ink-soft: #4c6369;--rule: #c9d4d1;--petrol: #0d5a61;--petrol-deep: #084046;--amber: #9c620d;--rose: #8e2f3e;--step: .5rem;--radius: 10px;font-family:Instrument Sans,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"tnum" 1;color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper)}.screen{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--step) * 4) calc(var(--step) * 3) calc(var(--step) * 4 + env(safe-area-inset-bottom));max-width:30rem;margin:0 auto}.today{padding-top:calc(var(--step) * 3)}.today-weekday{font-size:clamp(2.75rem,13vw,3.75rem);font-weight:400;letter-spacing:-.035em;line-height:.95;margin:0}.today-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--step);margin-top:calc(var(--step) * 1.5);padding-bottom:calc(var(--step) * 1.5);border-bottom:1px solid var(--rule)}.today-date{font-size:1.125rem;font-weight:500;color:var(--ink-soft)}.today-time{font-size:1.125rem;font-weight:500;color:var(--ink-soft);font-variant-numeric:tabular-nums}.spacer{flex:1;min-height:calc(var(--step) * 5)}.form{display:flex;flex-direction:column;gap:calc(var(--step) * 2.5)}.turnstile{min-height:65px}.field{display:flex;flex-direction:column;gap:calc(var(--step) * .75)}.field label{font-size:.875rem;font-weight:500;color:var(--ink-soft)}.field input{font:inherit;font-size:1.0625rem;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.75) calc(var(--step) * 1.75);width:100%;min-height:3rem}.field input:focus-visible{outline:2px solid var(--petrol);outline-offset:1px;border-color:var(--petrol)}.field input[aria-invalid=true]{border-color:var(--rose)}.button{font:inherit;font-size:1.0625rem;font-weight:600;color:var(--field);background:var(--petrol);border:none;border-radius:var(--radius);padding:calc(var(--step) * 2);min-height:3.25rem;width:100%;cursor:pointer}.button:hover:not(:disabled){background:var(--petrol-deep)}.button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button:disabled{opacity:.55;cursor:default}.button-quiet{background:none;color:var(--petrol);font-weight:500;border:1px solid var(--rule)}.button-quiet:hover:not(:disabled){background:var(--field);color:var(--petrol-deep)}.notice{font-size:.9375rem;line-height:1.45;padding:calc(var(--step) * 1.5) calc(var(--step) * 2);border-radius:var(--radius);border-left:3px solid var(--rose);background:var(--field);color:var(--ink);margin:0}.notice-wait{border-left-color:var(--amber)}.notice p{margin:0}.footer{margin-top:calc(var(--step) * 3);font-size:.8125rem;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--step)}.footer span{font-variant-numeric:tabular-nums}.brand-mark{width:3.5rem;height:3.5rem;border-radius:14px;display:block;object-fit:cover;box-shadow:0 1px #14252a14}.brand-mark-lg{width:4.5rem;height:4.5rem;border-radius:18px}.brand-mark-sm{width:2.25rem;height:2.25rem;border-radius:10px}.panel{background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 2.5)}.panel h2{margin:0 0 calc(var(--step)) 0;font-size:1.0625rem;font-weight:600}.panel p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--ink-soft);max-width:34ch}.stack{display:flex;flex-direction:column;gap:calc(var(--step) * 2)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dot-petrol{--hue: #0d5a61}.dot-clay{--hue: #a85a3c}.dot-moss{--hue: #4a6b3a}.dot-plum{--hue: #6b3a5e}.dot-ochre{--hue: #9c7a14}.dot-slate{--hue: #47586b}.dot-rust{--hue: #8e3f2b}.dot-teal{--hue: #1f6b6b}.dot{width:7px;height:7px;border-radius:50%;background:var(--hue, var(--petrol));flex:none}.bar{width:3px;align-self:stretch;border-radius:2px;background:var(--hue, var(--petrol));flex:none}.swatches{display:flex;gap:var(--step);flex-wrap:wrap}.swatch{width:2rem;height:2rem;border-radius:50%;background:var(--hue);border:2px solid transparent;cursor:pointer}.swatch.on{border-color:var(--ink)}.swatch:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app{display:flex;flex-direction:column;height:100%}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-body{max-width:30rem;margin:0 auto;padding:calc(var(--step) * 3) calc(var(--step) * 2.5) calc(var(--step) * 12);display:flex;flex-direction:column;gap:calc(var(--step) * 2.5)}.tabbar{display:flex;border-top:1px solid var(--rule);background:var(--field);padding-bottom:env(safe-area-inset-bottom);flex:none}.tabbtn{flex:1;font:inherit;font-size:.75rem;font-weight:500;color:var(--ink-soft);background:none;border:none;padding:calc(var(--step) * 1.5) 0 calc(var(--step) * 1.75);cursor:pointer;border-top:2px solid transparent;margin-top:-1px}.tabbtn.on{color:var(--petrol);border-top-color:var(--petrol)}.tabbtn:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.tab-head h1,.sheet-head h1{font-size:1.75rem;font-weight:500;letter-spacing:-.02em;margin:0}.tab-head-brand{display:flex;align-items:flex-start;gap:calc(var(--step) * 1.5)}.tab-head-brand .brand-mark{flex:none}.sheet-head{display:flex;flex-direction:column;gap:var(--step)}.link{font:inherit;font-size:.9375rem;font-weight:500;background:none;border:none;color:var(--petrol);padding:0;cursor:pointer;align-self:flex-start}.form .row{margin-top:calc(var(--step) * 1.5);justify-content:space-between}.form .row .link{flex:none}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--step)}.cal-title{display:flex;align-items:center;gap:calc(var(--step) * 1.25);min-width:0}.cal-month{font-size:1.375rem;font-weight:500;letter-spacing:-.02em;margin:0}.segmented{display:flex;border:1px solid var(--rule);border-radius:999px;overflow:hidden;background:var(--field)}.seg{font:inherit;font-size:.8125rem;font-weight:500;background:none;border:none;color:var(--ink-soft);padding:calc(var(--step) * .875) calc(var(--step) * 1.75);cursor:pointer}.seg.on{background:var(--petrol);color:var(--field)}.cal-nav{display:flex;align-items:center;gap:var(--step)}.nav-btn{font:inherit;font-size:1.25rem;line-height:1;width:2.25rem;height:2.25rem;background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);color:var(--ink);cursor:pointer}.nav-today{font:inherit;font-size:.875rem;font-weight:500;background:none;border:none;color:var(--petrol);cursor:pointer;padding:calc(var(--step) * .75) var(--step)}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:.6875rem;font-weight:600;color:var(--ink-soft);text-align:center;padding-bottom:var(--step)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;padding-top:calc(var(--step) * .75);background:var(--field);border:1px solid transparent;border-radius:6px;cursor:pointer;font:inherit}.day-num{font-size:.8125rem;font-variant-numeric:tabular-nums;color:var(--ink)}.day-outside{background:transparent}.day-outside .day-num{color:var(--rule)}.day-today{border-color:var(--petrol)}.day-today .day-num{font-weight:700;color:var(--petrol)}.day-dots{display:flex;gap:2px;align-items:center;flex-wrap:wrap;justify-content:center}.day-more{font-size:.625rem;color:var(--ink-soft)}.week{display:flex;flex-direction:column;gap:1px;background:var(--rule);border-radius:var(--radius);overflow:hidden}.week-row{display:flex;gap:calc(var(--step) * 1.5);background:var(--field);padding:calc(var(--step) * 1.25) calc(var(--step) * 1.5);align-items:flex-start}.week-row.is-today{background:#f2f6f4;box-shadow:inset 3px 0 0 var(--petrol)}.week-date{display:flex;flex-direction:column;align-items:center;width:2.5rem;flex:none;background:none;border:none;font:inherit;cursor:pointer;padding:0}.week-dow{font-size:.6875rem;font-weight:600;color:var(--ink-soft)}.week-num{font-size:1.125rem;font-variant-numeric:tabular-nums}.week-items{display:flex;flex-direction:column;gap:calc(var(--step) * .5);flex:1;min-width:0;padding-top:2px}.week-empty{font-size:.8125rem;color:var(--rule)}.week-chip{display:flex;align-items:center;gap:var(--step);background:none;border:none;font:inherit;font-size:.875rem;padding:2px 0;cursor:pointer;text-align:left;width:100%}.week-chip-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-chip-time{color:var(--ink-soft);font-variant-numeric:tabular-nums;margin-left:auto;flex:none}.week-chip-logged{font-size:.75rem;color:var(--petrol);flex:none}.strip{border-top:1px solid var(--rule);padding-top:calc(var(--step) * 2)}.strip-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--step)}.strip-head h2{font-size:1rem;font-weight:600;margin:0}.strip-count{font-size:.8125rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.strip-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;max-height:45vh;overflow-y:auto;background:var(--rule);border-radius:var(--radius)}.strip-item{display:flex;align-items:center;gap:var(--step);width:100%;background:var(--field);border:none;font:inherit;padding:calc(var(--step) * 1.5);cursor:pointer;text-align:left}.strip-item.now{background:#f2f6f4}.strip-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-time{margin-left:auto;font-size:.875rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;flex:none}.badge-now{font-size:.6875rem;font-weight:600;color:var(--field);background:var(--petrol);padding:2px 6px;border-radius:4px;flex:none}.strip-done{padding:calc(var(--step) * 2);background:var(--field);border-radius:var(--radius)}.strip-done-title{margin:0;font-size:1.0625rem;font-weight:500}.strip-done-next{margin:var(--step) 0 0;font-size:.875rem;color:var(--ink-soft)}.client-list,.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px;background:var(--rule);border-radius:var(--radius);overflow:hidden}.client-row,.row-btn{display:flex;align-items:center;gap:calc(var(--step) * 1.5);width:100%;background:var(--field);border:none;font:inherit;padding:calc(var(--step) * 1.5);cursor:pointer;text-align:left}.row-btn{justify-content:space-between;font-size:.9375rem}.client-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.client-name{font-weight:500}.client-meta{font-size:.8125rem;color:var(--ink-soft)}.badge-attention{font-size:.6875rem;font-weight:600;color:var(--field);background:var(--amber);padding:3px 7px;border-radius:4px;flex:none}.panel h2{margin:0 0 var(--step);font-size:1rem;font-weight:600}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--step);margin-bottom:var(--step)}.panel-head h2{margin:0}.panel-line{margin:0 0 calc(var(--step) * .75);font-size:.9375rem;line-height:1.45}.panel.needs-action{border-left:3px solid var(--amber)}.panel .field{margin-top:calc(var(--step) * 1.5)}.panel .notice{margin:var(--step) 0;max-width:none}.panel .hint{margin:0}.section-title{font-size:1rem;font-weight:600;margin:0 0 var(--step)}.detail-rate{margin:0;font-size:.9375rem;color:var(--ink-soft)}.row{display:flex;gap:calc(var(--step) * 1.5)}.row>*{flex:1}.row .button{flex:1}.field select,.field textarea{font:inherit;font-size:1.0625rem;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.75);width:100%;min-height:3rem}.field textarea{min-height:auto;resize:vertical;line-height:1.45}.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--petrol);outline-offset:1px}.hint{font-size:.8125rem;color:var(--ink-soft);margin:0}.muted{color:var(--ink-soft);font-size:.9375rem;line-height:1.5;margin:0}.group{border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 2);display:flex;flex-direction:column;gap:calc(var(--step) * 2);margin:0}.group legend{font-size:.875rem;font-weight:600;padding:0 var(--step)}.contact-block{display:flex;flex-direction:column;gap:calc(var(--step) * 2)}.contact-block+.contact-block{border-top:1px solid var(--rule);padding-top:calc(var(--step) * 2)}.contact-block-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--step)}.contact-block-head h3{font-size:.8125rem;font-weight:600;color:var(--ink-soft);margin:0}.add-contact{margin-top:calc(var(--step) * .5)}.search{font:inherit;font-size:1rem;background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5);width:100%}.empty{padding:calc(var(--step) * 4) 0;text-align:center;display:flex;flex-direction:column;gap:var(--step)}.quick-dates{display:flex;gap:var(--step);flex-wrap:wrap}.chip{font:inherit;font-size:.8125rem;font-weight:500;background:var(--field);border:1px solid var(--rule);border-radius:999px;padding:calc(var(--step) * .875) calc(var(--step) * 1.5);cursor:pointer;color:var(--ink-soft)}.chip.on{background:var(--petrol);border-color:var(--petrol);color:var(--field)}.slots{display:flex;flex-direction:column;gap:calc(var(--step) * 2)}.slots-title{font-size:1rem;font-weight:600;margin:0}.slot-group h3{font-size:.8125rem;font-weight:600;color:var(--ink-soft);margin:0 0 var(--step)}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:var(--step)}.slot{font:inherit;font-size:.9375rem;font-variant-numeric:tabular-nums;background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5) var(--step);cursor:pointer;min-height:2.75rem}.slot:hover:not(:disabled){border-color:var(--petrol);color:var(--petrol)}.slot:disabled{opacity:.45;cursor:default}.timer-live{font-size:2.5rem;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0 0 var(--step);color:var(--petrol)}.expense-row{display:flex;justify-content:space-between;gap:var(--step);background:var(--field);padding:calc(var(--step) * 1.25) calc(var(--step) * 1.5);font-size:.9375rem}.expense-total{font-weight:600}.fab{position:sticky;bottom:calc(var(--step) * 2);align-self:center;font:inherit;font-size:.9375rem;font-weight:600;background:var(--ink);color:var(--paper);border:none;border-radius:999px;padding:calc(var(--step) * 1.75) calc(var(--step) * 3);cursor:pointer;box-shadow:0 2px 12px #14252a2e;margin-top:var(--step)}.fab:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.ai-banner{margin:0;font-size:.875rem;line-height:1.45;padding:calc(var(--step) * 1.5) calc(var(--step) * 2);background:var(--field);border-left:3px solid var(--petrol);border-radius:var(--radius)}.body-switch{align-self:stretch}.seg.internal{background:var(--ink);color:var(--paper)}.body-panel{display:flex;flex-direction:column;gap:var(--step);padding:calc(var(--step) * 2);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius)}.body-internal{background:#eae7e1;border:1px solid #b9b2a6;box-shadow:inset 0 0 0 2px #14252a0f}.body-label{margin:0;font-size:.8125rem;font-weight:500;color:var(--ink-soft)}.body-label-locked{color:var(--ink);font-weight:600}.body-label-locked:before{content:"🔒 "}.note-area{font:inherit;font-size:1rem;line-height:1.55;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:6px;padding:calc(var(--step) * 1.5);width:100%;resize:vertical}.body-internal .note-area{background:#f3f1ec;border-color:#b9b2a6}.note-area:focus-visible{outline:2px solid var(--petrol);outline-offset:1px}.transcript{background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5) calc(var(--step) * 2)}.transcript summary{font-size:.9375rem;font-weight:500;cursor:pointer}.transcript p{font-size:.9375rem;line-height:1.55;color:var(--ink-soft)}.dictate{text-align:left}.dictate-time{font-size:2.5rem;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0 0 var(--step);color:var(--rose)}.dictate-cues{margin:0 0 calc(var(--step) * 2);padding-left:1.15rem;display:flex;flex-direction:column;gap:calc(var(--step) * .6)}.dictate-cues li{font-size:.875rem;line-height:1.4;color:var(--ink-soft)}.dictate-cues strong{color:var(--ink);font-weight:600}.dictate-cues.compact{margin-bottom:var(--step)}.dictate-cues.compact li{font-size:.8125rem}.notice-actions{display:flex;flex-wrap:wrap;gap:var(--step);margin-top:var(--step)}.notice-actions .button{margin-top:0;flex:1;min-width:8rem}.playback{display:flex;flex-direction:column;gap:var(--step);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5) calc(var(--step) * 2)}.playback-audio{width:100%}.totals{display:flex;gap:calc(var(--step) * 1.5)}.total{flex:1;display:flex;flex-direction:column;gap:2px;background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5) calc(var(--step) * 2)}.total-alert{border-left:3px solid var(--rose)}.total-label{font-size:.75rem;font-weight:600;color:var(--ink-soft)}.total-value{font-size:1.375rem;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.invoice-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.invoice-amount{font-size:.9375rem;font-variant-numeric:tabular-nums;font-weight:500}.invoice-status{font-size:.6875rem;font-weight:600;color:var(--ink-soft)}.invoice-status.alert{color:var(--rose)}.lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.line{display:grid;grid-template-columns:4.5rem 1fr auto;gap:var(--step);align-items:baseline;padding:calc(var(--step) * 1.25) 0;border-bottom:1px solid var(--rule);font-size:.9375rem}.line:last-child{border-bottom:none}.line-date{font-size:.75rem;color:var(--ink-soft)}.line-desc{line-height:1.4}.line-sub{font-size:.8125rem;color:var(--ink-soft)}.line-amount{font-variant-numeric:tabular-nums;text-align:right}.line-zero{color:var(--ink-soft)}.line-total{grid-template-columns:1fr auto;font-weight:600;border-top:1px solid var(--ink);border-bottom:none}.line-total .line-desc{grid-column:1}.portal-gate{gap:calc(var(--step) * 3)}.portal-brand{display:flex;flex-direction:column;align-items:flex-start}.portal-brand h1{font-size:1.75rem;font-weight:500;letter-spacing:-.03em;margin:calc(var(--step) * 2) 0 0;line-height:1.15}.portal-brand p{margin:var(--step) 0 0;color:var(--ink-soft);font-size:.9375rem}.portal-eyebrow{margin:0 0 2px;font-size:.75rem;font-weight:600;color:var(--ink-soft);letter-spacing:.02em}.note-read{display:flex;flex-direction:column;gap:calc(var(--step) * 1.5)}.note-read p{margin:0;font-size:1rem;line-height:1.6;white-space:pre-wrap}.thread{display:flex;flex-direction:column;gap:calc(var(--step) * 1.5)}.bubble{background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.5);display:flex;flex-direction:column;gap:4px;max-width:88%}.bubble.mine{align-self:flex-end;background:#e3ebe9;border-color:#bccbc7}.bubble p{margin:0;font-size:.9375rem;line-height:1.5;white-space:pre-wrap}.bubble-who{font-size:.75rem;font-weight:600;color:var(--ink-soft)}.bubble-when{font-size:.6875rem;color:var(--ink-soft)}.pending{border-left:3px solid var(--amber);background:#f7f2e8;border-radius:var(--radius);padding:calc(var(--step) * 1.5);display:flex;flex-direction:column;gap:var(--step);margin-bottom:calc(var(--step) * 2)}.pending-row,.member-row{display:flex;flex-direction:column;gap:var(--step);padding:var(--step) 0;border-bottom:1px solid var(--rule)}.member-row:last-of-type{border-bottom:none}.pending-row .row{flex-wrap:wrap}.pending-row .button{font-size:.875rem;min-height:2.5rem;padding:var(--step)}.member-row .button{align-self:flex-start;font-size:.875rem;min-height:2.5rem}.fresh-code{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:calc(var(--step) * 2);display:flex;flex-direction:column;gap:var(--step);margin-bottom:var(--step)}.fresh-code .body-label{color:var(--rule)}.code-display{margin:0;font-size:1.75rem;font-weight:500;letter-spacing:.12em;font-variant-numeric:tabular-nums}.panel h3.section-title{margin-top:calc(var(--step) * 2);font-size:.875rem}.saved-flash{margin:0 0 var(--step);font-size:.875rem;color:var(--petrol);font-weight:600}.hours-day{padding:var(--step) 0;border-bottom:1px solid var(--rule)}.hours-day:last-of-type{border-bottom:none}.hours-head{display:flex;justify-content:space-between;align-items:center;gap:var(--step)}.hours-label{font-weight:600;font-size:.9375rem}.hours-row{display:flex;align-items:center;gap:var(--step);margin-top:var(--step)}.hours-row input[type=time]{font:inherit;font-size:1rem;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--step) calc(var(--step) * 1.25);min-height:2.75rem}.hours-to{color:var(--ink-soft);font-size:.875rem}.setting-row{display:flex;flex-direction:column;gap:calc(var(--step) * .5);margin-top:calc(var(--step) * 1.5)}.setting-row label{font-size:.875rem;font-weight:500}.setting-control{display:flex;align-items:center;gap:var(--step)}.setting-control input{font:inherit;font-size:1.0625rem;color:var(--ink);background:var(--field);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--step) * 1.25);min-height:2.75rem;width:7rem}.setting-suffix{color:var(--ink-soft);font-size:.875rem}.toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--step);width:100%;margin-top:calc(var(--step) * 1.5);padding:var(--step) 0;background:none;border:none;font:inherit;font-size:1rem;color:var(--ink);text-align:left;cursor:pointer}.toggle-track{position:relative;width:2.75rem;height:1.625rem;flex:none;background:var(--rule);border-radius:999px;transition:background .15s ease}.toggle-track.on{background:var(--petrol)}.toggle-thumb{position:absolute;top:3px;left:3px;width:1.25rem;height:1.25rem;background:var(--field);border-radius:50%;transition:transform .15s ease}.toggle-track.on .toggle-thumb{transform:translate(1.125rem)}