:root{--ground:#211d18;--panel:#292420;--input:#322c25;--line:#3a342c;--ink:#efeae0;--ink-soft:#a79b8d;--accent:#e25a3e;--accent-fill:#e25a3e;--accent-ink:#e8785f;--cool:#7c8cd6;--earth:#d6a45e;--earth-wash:#d6a45e1a;--leaf:#7fae9c;--on-accent:#231511;--swatch-edge:#efeae040;--scrim:#14110d6b;--on-scrim:#f2f0ec;--serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--fs-0:.72rem;--fs-1:.8rem;--fs-2:.9rem;--fs-3:1rem;--fs-title:1.7rem;--s-1:4px;--s-2:8px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--r-s:6px;--r-m:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--ground:#f6f3ec;--panel:#fbf9f4;--input:#fff;--line:#ddd6c9;--ink:#37302a;--ink-soft:#6e6257;--accent:#d9472b;--accent-fill:#c93d22;--accent-ink:#b93a22;--cool:#3d4e9e;--earth:#8f621e;--earth-wash:#c08a3e1f;--leaf:#46705f;--on-accent:#fff8f2;--swatch-edge:#37302a40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable}html,body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:15px;line-height:1.45}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (width<=640px){html,body{font-size:16px}}:focus-visible{outline:2px solid var(--cool);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{--pad-x:var(--s-3);max-width:1280px;padding:var(--s-4) calc(var(--pad-x) + env(safe-area-inset-right,0px)) calc(var(--s-6) + env(safe-area-inset-bottom,0px)) calc(var(--pad-x) + env(safe-area-inset-left,0px));margin:0 auto}header{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}header h1{font-family:var(--serif);font-weight:600;font-size:var(--fs-title);letter-spacing:-.01em;text-transform:lowercase;line-height:1.1}main{max-width:1200px;margin:0 auto}.screen[hidden]{display:none}.screen-mix{gap:var(--s-3);align-items:start;display:grid}@media (width>=900px){.screen-mix{gap:var(--s-4);grid-template-columns:minmax(0,1fr) 320px}.screen-mix .result-panel{top:var(--s-3);max-height:calc(100vh - var(--s-4));scrollbar-width:thin;position:sticky;overflow-y:auto}.screen-palette .palette-panel{max-width:720px;margin:0 auto}.screen-palette .paint-results{max-height:320px}.settings-panel{max-width:640px;margin:0 auto}}@media (width<=640px){.app{--pad-x:var(--s-2);padding-top:0}header{z-index:20;margin:0 calc(-1 * (var(--pad-x) + env(safe-area-inset-right,0px))) var(--s-2) calc(-1 * (var(--pad-x) + env(safe-area-inset-left,0px)));padding:calc(var(--s-2) + env(safe-area-inset-top,0px)) calc(var(--pad-x) + env(safe-area-inset-right,0px)) var(--s-2) calc(var(--pad-x) + env(safe-area-inset-left,0px));background:var(--ground);border-bottom:1px solid var(--line);align-items:center;position:sticky;top:0}.panel{padding:var(--s-3)}.screen-mix{gap:var(--s-2)}header h1{font-size:1.3rem}.picker-row{gap:2px}.picker.panel{padding:var(--s-2) var(--s-1) var(--s-3)}.photo-strip{margin-top:var(--s-2);padding-top:var(--s-2)}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);padding:var(--s-3)}.panel h2{font-size:var(--fs-0);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);margin-bottom:var(--s-3);font-weight:600}button{background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);font:inherit;font-size:var(--fs-2);cursor:pointer;padding:7px 14px;font-weight:500}button:hover:not(:disabled){border-color:var(--ink-soft)}button:active:not(:disabled){background:var(--line);border-color:var(--ink-soft)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent-fill);color:var(--on-accent);border-color:#0000}button.primary:hover:not(:disabled){filter:brightness(1.08);border-color:#0000}button.primary:active:not(:disabled){background:var(--accent-fill);filter:brightness(.9);border-color:#0000}button.secondary{color:var(--ink-soft);background:0 0}button.secondary:hover:not(:disabled){color:var(--ink)}.remove,.hint-dismiss,.install-dismiss{color:var(--ink-soft);background:0 0;border:none;padding:2px 8px;font-size:1.1rem;line-height:1}.remove:hover,.hint-dismiss:hover,.install-dismiss:hover{color:var(--ink);border:none}input[type=text],input[type=search],input[type=email],select{background:var(--input);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-s);font:inherit;font-size:var(--fs-2);padding:7px 9px}input::placeholder{color:var(--ink-soft)}.add-row{gap:var(--s-2);margin-bottom:var(--s-2);display:flex}.add-row select,.add-row input[type=text]{flex:1;min-width:0}.add-row input[type=color]{background:var(--input);border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;width:40px;height:36px;padding:2px}.custom-paint{margin-bottom:var(--s-3)}.custom-paint summary{color:var(--ink-soft);font-size:var(--fs-1);cursor:pointer;margin-bottom:var(--s-2)}.empty-palette p{color:var(--ink-soft);font-size:var(--fs-2);margin-bottom:var(--s-2)}.paint-list{list-style:none}.paint-list li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 2px;display:flex}.paint-list li:last-child{border-bottom:none}.swatch{border-radius:var(--r-s);border:1px solid var(--swatch-edge);flex-shrink:0;width:22px;height:22px}.paint-name{font-size:var(--fs-2);flex:1}.remove:hover{color:var(--accent-ink)}.brand-select,.paint-search{width:100%;margin-bottom:var(--s-2)}.paint-results{scrollbar-width:thin;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:var(--r-s);max-height:240px;margin-bottom:var(--s-3);background:var(--input);overflow-y:auto}.paint-result{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:10px;padding:6px 8px;display:flex}.paint-result:last-child{border-bottom:none}.paint-result:hover:not(:disabled){background:var(--panel);border-color:var(--line)}.paint-result .paint-name{font-size:var(--fs-1)}.paint-result .add-hint{color:var(--ink-soft);font-size:1rem}.no-results{padding:10px}.paint-label{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.paint-label .paint-name{flex:none}.paint-brand{color:var(--ink-soft);letter-spacing:.02em;font-size:.72rem;font-weight:500}.save-palette{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line);text-align:center}.save-palette .save-button{width:100%;padding:9px 14px}.save-palette .hint{margin-top:var(--s-1)}.palette-io{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line)}.io-buttons{gap:var(--s-2);display:flex}.io-buttons button{font-size:var(--fs-1);flex:1;padding:7px 8px}.io-choice .hint{margin-bottom:var(--s-2)}.io-error{margin-top:var(--s-2);font-size:var(--fs-1);color:var(--accent-ink)}.import-error{color:var(--accent-ink);margin-bottom:var(--s-1)}.clear-imported{width:100%;margin-bottom:var(--s-2)}.custom-paint code{background:var(--input);border-radius:4px;padding:1px 4px;font-size:.72rem}.picker{flex-direction:column;align-items:center;display:flex}.picker-row{align-items:center;gap:var(--s-1);display:flex}.wheel-wrap{flex-shrink:0;position:relative}.sweep-progress{margin-top:20px}.wheel-overlay{background:var(--scrim);text-align:center;pointer-events:none;color:var(--on-scrim);font-size:var(--fs-3);text-shadow:0 1px 4px #000c;border-radius:50%;justify-content:center;align-items:center;padding:18%;display:flex;position:absolute;inset:0}.gamut-progress{text-align:center;width:100%}.wheel-overlay .gamut-progress{width:62%;font-size:var(--fs-2)}.wheel-overlay .progress-track{background:color-mix(in srgb, var(--on-scrim) 22%, transparent)}.progress-track{height:4px;margin-top:var(--s-2);background:var(--input);border-radius:2px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .15s linear}.mapping-tip{margin:var(--s-3) 0 0;min-height:2.6em;font-size:var(--fs-1);color:color-mix(in srgb, var(--on-scrim) 85%, transparent);line-height:1.45;animation:.45s tip-in}@keyframes tip-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mapping-tip{animation:none}}.color-wheel,.lightness-slider{touch-action:none;cursor:crosshair;max-width:100%}.slider-wrap{flex-shrink:0;line-height:0;position:relative}.slider-progress{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.7rem;line-height:1;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.legend{margin-top:var(--s-2);text-align:center;position:relative}.legend summary{border:1px solid var(--line);width:22px;height:22px;color:var(--ink-soft);font-size:var(--fs-0);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-weight:600;list-style:none;display:inline-flex;position:relative}.legend summary::-webkit-details-marker{display:none}.legend summary:hover{color:var(--ink);border-color:var(--ink-soft)}.legend[open] summary{color:var(--ink)}.legend p{margin-top:var(--s-2);font-size:var(--fs-1);color:var(--ink-soft);max-width:46ch;margin-inline:auto}.legend-dot{vertical-align:-1px;background:#c66;border:2px solid #fff;border-radius:50%;width:10px;height:10px;display:inline-block}.photo-strip{width:100%;margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--line);justify-content:center;align-items:center;gap:var(--s-2);display:flex}.photo-strip-map{border:1px solid var(--line);border-radius:var(--r-s);background:0 0;flex-shrink:0;padding:0;line-height:0;overflow:hidden}.photo-strip-map canvas{max-width:100%;display:block}.photo-strip-chips{align-items:center;gap:var(--s-1);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.photo-strip-chips .marker-chip,.photo-strip-edit{flex-shrink:0}.photo-screen{z-index:40;background:var(--ground);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.photo-screen-head{justify-content:space-between;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--line);display:flex}.photo-screen-head h2{font-size:var(--fs-2);font-weight:600}.photo-screen-actions{gap:var(--s-2);display:flex}.photo-screen-body{width:100%;max-width:900px;min-height:0;padding:var(--s-2);flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.photo-screen-controls{justify-content:center;align-items:center;gap:var(--s-2);min-height:56px;padding:var(--s-2) var(--s-3) 0;border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.radius-control{align-items:center;gap:var(--s-2);font-size:var(--fs-1);color:var(--ink-soft);white-space:nowrap;display:flex}.radius-control input[type=range]{appearance:none;background:0 0;width:140px;max-width:40vw;height:24px}.radius-control input[type=range]:disabled{opacity:.45}.radius-control input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}.radius-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:none;border-radius:50%;width:24px;height:24px;margin-top:-10px}.radius-control input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.radius-control input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;width:24px;height:24px}.photo-screen-hint{text-align:center;padding:var(--s-1) var(--s-3) var(--s-2)}.image-picker-canvas{border-radius:var(--r-s);border:1px solid var(--line);touch-action:none;cursor:crosshair;max-width:100%}.photo-loupe{pointer-events:none;z-index:1;background:#000;border:5px solid #fff;border-radius:50%;width:132px;height:132px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #0009,0 4px 16px #00000073}.photo-loupe canvas{width:100%;height:100%;display:block}.photo-swatch{align-items:center;gap:var(--s-1);font-size:var(--fs-1);color:var(--ink-soft);white-space:nowrap;display:flex}.photo-swatch-chip{border-radius:var(--r-s);border:1px solid var(--line);width:28px;height:28px}.marker-chip{background:var(--input);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-s);align-items:center;gap:6px;padding:4px 8px;display:flex}.marker-chip:hover:not(:disabled){color:var(--ink)}.marker-chip.active{border-color:var(--ink-soft);color:var(--ink)}.marker-num{font-size:.72rem;font-weight:600}.marker-chip .swatch{width:18px;height:18px}.compare{margin-bottom:var(--s-3);gap:10px;display:flex}.compare-swatch{text-align:center;font-size:var(--fs-1);color:var(--ink-soft);flex:1}.big-swatch{border-radius:var(--r-s);border:1px solid var(--swatch-edge);height:64px;margin-bottom:var(--s-1)}.quality{border-radius:var(--r-s);margin-bottom:var(--s-3);font-size:var(--fs-1);border:1px solid var(--line);border-left:3px solid var(--ink-soft);padding:8px 12px}.quality p{color:var(--ink-soft);margin-top:2px}.quality-excellent,.quality-good{border-left-color:var(--leaf)}.quality-fair{border-left-color:var(--earth)}.quality-out-of-gamut{border-left-color:var(--accent)}.quality-head{justify-content:space-between;align-items:baseline;gap:var(--s-2);display:flex}.delta-e{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem}.tabs{gap:var(--s-1);margin-bottom:var(--s-3);display:flex}.tab{min-width:0;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-s);background:0 0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 6px;display:flex}.tab:hover:not(:disabled){color:var(--ink)}.tab.active{border-color:var(--accent);color:var(--ink);background:var(--input)}.tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.78rem;font-weight:600;overflow:hidden}.tab-meta{text-align:center;max-width:100%;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.72rem}.steps{counter-reset:step;margin-bottom:var(--s-3);list-style:none}.steps li{align-items:flex-start;gap:var(--s-2);padding:var(--s-2) 2px;border-bottom:1px solid var(--line);font-size:var(--fs-2);counter-increment:step;display:flex}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(step);background:var(--input);border:1px solid var(--line);width:20px;height:20px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.7rem;font-weight:600;display:flex}.step-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.step-main{font-size:var(--fs-3)}.step-detail{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.74rem}.step-warning{color:var(--earth);background:var(--earth-wash);border-left:2px solid var(--earth);border-radius:3px;margin-top:3px;padding:4px 7px;font-size:.74rem;line-height:1.4}.steps .percent{color:var(--ink-soft);font-size:var(--fs-1);text-align:right;white-space:nowrap;width:38px}.single-step{padding:var(--s-2) 2px;margin-bottom:var(--s-3);font-size:var(--fs-3);align-items:center;gap:10px;display:flex}.rounding-note{color:var(--ink-soft);border-top:1px solid var(--line);padding-top:var(--s-2);margin-bottom:var(--s-3);font-variant-numeric:tabular-nums;font-size:.78rem;line-height:1.45}.fix-block{margin:var(--s-3) 0;padding-top:var(--s-3);border-top:1px solid var(--line)}.fix-block h3{font-size:var(--fs-0);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:var(--s-2);font-weight:600}.fix-list{margin-bottom:var(--s-2);list-style:none}.fix-list li{border-bottom:1px solid var(--line);font-size:var(--fs-2);align-items:center;gap:10px;padding:6px 2px;display:flex}.fix-list li:last-child{border-bottom:none}.fix-delta{font-size:var(--fs-1);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.fix-computing{align-items:center;gap:var(--s-2);display:flex}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.disclaimer,.hint{color:var(--ink-soft);font-size:.78rem;line-height:1.45}.onboard-hint{margin-bottom:var(--s-3);padding:var(--s-2) 12px;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--ink-soft);border-radius:var(--r-s);font-size:var(--fs-2);color:var(--ink);align-items:center;gap:10px;display:flex}.onboard-hint span{flex:1}.install-banner{margin-bottom:var(--s-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-s);font-size:var(--fs-1);color:var(--ink-soft);align-items:center;gap:12px;padding:10px 12px;display:flex}.install-copy{flex-direction:column;flex:1;gap:2px;display:flex}.install-copy strong{color:var(--ink)}.install-button{flex-shrink:0}.result-mode .tab{padding:9px 6px}.capture-bar{bottom:calc(56px + env(safe-area-inset-bottom,0px));z-index:25;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-m);width:100%;padding:var(--s-2) var(--s-3);gap:var(--s-2);margin:var(--s-2) 0 0;justify-content:center;align-items:center;display:flex;position:sticky}.capture-bar .capture-swatch{flex:1;max-width:120px}@media (width>=900px){.capture-bar{bottom:var(--s-2)}}.mixfix-routes{gap:var(--s-2);flex-wrap:wrap;margin:10px 0;display:flex}.mixfix-routes button{flex:1;min-width:150px}.mixfix-hex{gap:var(--s-2);margin-top:var(--s-2);display:flex}.mixfix-hex input{flex:1;min-width:0}.mixfix-capture{margin:10px 0}.mixfix-capture-row{align-items:center;gap:10px;margin-top:10px;display:flex}.capture-swatch{background:var(--input);width:64px;height:40px;margin-bottom:0}.mixfix-note{color:var(--earth);background:var(--earth-wash);border-left:2px solid var(--earth);border-radius:3px;margin:10px 0;padding:6px 9px;font-size:.78rem;line-height:1.45}.mixfix-change{margin-bottom:var(--s-3);text-align:center}.mixfix-current{font-size:var(--fs-1);margin-bottom:var(--s-3);font-variant-numeric:tabular-nums}.mixfix-startover{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-s);margin-bottom:var(--s-3);padding:10px 12px}.mixfix-mud{font-size:var(--fs-1);margin-bottom:var(--s-2);font-variant-numeric:tabular-nums}.fix-options{margin-bottom:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.result-panel .fix-options{grid-template-columns:1fr}.fix-options>.hint{grid-column:1/-1;margin:0}.fix-option{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 12px}.fix-option-head{justify-content:space-between;align-items:baseline;gap:var(--s-2);font-size:var(--fs-1);margin-bottom:var(--s-1);display:flex}.fix-adds{margin-bottom:var(--s-2);list-style:none}.fix-adds li{align-items:flex-start;gap:var(--s-2);border-bottom:1px solid var(--line);font-size:var(--fs-2);padding:6px 0;display:flex}.fix-adds li:last-child{border-bottom:none}.fix-predicted{color:var(--ink-soft);align-items:center;gap:6px;font-size:.75rem;line-height:1.4;display:flex}.fix-predicted .swatch{width:18px;height:18px}.mixfix-meter{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.75rem}.account-menu{justify-content:flex-end;align-items:center;gap:var(--s-2);font-size:var(--fs-1);flex-wrap:wrap;display:flex}.account-stub{color:var(--ink-soft);font-size:.75rem}.account-email{color:var(--ink-soft);overflow-wrap:anywhere}.account-button{font-size:var(--fs-1);padding:5px 10px}.account-form input{font-size:var(--fs-1);width:200px;max-width:55vw}.account-sent{color:var(--ink-soft)}.account-error{text-align:right;flex-basis:100%}.pro-badge{background:var(--earth-wash);color:var(--earth);border:1px solid var(--earth);letter-spacing:.04em;vertical-align:1px;border-radius:4px;margin-left:6px;padding:0 5px;font-size:.72rem;font-weight:600}.upgrade-card{border:1px solid var(--line);border-radius:var(--r-s);font-size:var(--fs-1);color:var(--ink-soft);gap:var(--s-2);flex-direction:column;margin-top:10px;padding:12px;line-height:1.45;display:flex}.upgrade-head{justify-content:space-between;align-items:baseline;gap:var(--s-2);color:var(--ink);flex-wrap:wrap;display:flex}.upgrade-head strong{font-family:var(--serif);font-size:var(--fs-3)}.upgrade-price{color:var(--ink-soft);font-size:.75rem}.upgrade-actions{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.upgrade-link{background:var(--accent-fill);color:var(--on-accent);border-radius:var(--r-s);font-weight:600;font-size:var(--fs-1);padding:7px 12px;text-decoration:none;display:inline-block}.upgrade-link:hover{filter:brightness(1.08)}.save-recipe{margin-top:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--line);gap:var(--s-2);flex-direction:column;display:flex}.save-recipe-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-recipe-form{gap:var(--s-2);flex-direction:column;display:flex}.settings-row{align-items:center;gap:var(--s-2);padding-bottom:var(--s-3);margin-bottom:var(--s-3);border-bottom:1px solid var(--line);display:flex}.settings-row:empty{display:none}.wake-toggle{font-size:var(--fs-1);color:var(--ink-soft);padding:6px 10px}.wake-toggle.active{color:var(--ink);border-color:var(--ink-soft)}.attribution{color:var(--ink-soft);font-size:.75rem;line-height:1.6}.attribution a{color:var(--ink-soft)}.attribution a:hover{color:var(--ink)}.tab-bar{display:flex}.tab-bar button{min-height:44px;color:var(--ink-soft);font-size:var(--fs-0);background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 8px;font-weight:600;display:flex}.tab-bar button:hover:not(:disabled){color:var(--ink);border:none}.tab-bar button:active:not(:disabled){color:var(--ink);background:0 0;border:none}.tab-bar button.active{color:var(--accent)}.tab-bar svg{display:block}@media (width<=899px){.tab-bar{z-index:30;background:var(--panel);border-top:1px solid var(--line);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);height:calc(56px + env(safe-area-inset-bottom,0px));position:fixed;bottom:0;left:0;right:0}.app{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media (width>=900px){.tab-bar{justify-content:flex-start;gap:var(--s-4);border-bottom:1px solid var(--line);max-width:fit-content;margin-bottom:var(--s-3)}.tab-bar button{font-size:var(--fs-1);flex-direction:row;flex:none;gap:6px;padding:8px 14px}.tab-bar button.active{box-shadow:inset 0 -2px 0 var(--accent)}}@media (pointer:coarse){button{min-height:44px}input[type=text],input[type=search],input[type=email],select{min-height:44px;font-size:16px}.add-row input[type=color]{width:48px;height:44px}.remove,.hint-dismiss,.install-dismiss{min-width:44px;font-size:1.3rem}.legend summary{width:28px;height:28px}.legend summary:after{content:"";position:absolute;inset:-10px}.marker-chip,.radius-control input[type=range]{min-height:44px}.account-form input{font-size:16px}}.overlay-action{pointer-events:auto;color:var(--on-scrim);border:1px solid color-mix(in srgb, var(--on-scrim) 40%, transparent);font-size:var(--fs-2);min-height:44px;text-shadow:none;background:#14110dcc;border-radius:999px;padding:10px 18px}.overlay-action:hover:not(:disabled){border-color:var(--on-scrim);background:#14110de6}.overlay-action:active:not(:disabled){border-color:var(--on-scrim);background:#14110df2}@media (pointer:coarse){.custom-paint summary{align-items:center;min-height:44px;margin-bottom:0;display:flex}.attribution a{margin:-12px -2px;padding:15px 4px;display:inline-block}}