:root{--color-bg: #ffffff;--color-surface: #f9fafb;--color-border: #e5e7eb;--color-text: #111827;--color-text-muted: #6b7280;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-success: #059669;--color-error: #dc2626;--color-warning: #d97706;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-s: 8px;--space-m: 16px;--space-l: 24px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem}@media(prefers-color-scheme:dark){:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-system);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.page{min-height:100vh;display:flex;flex-direction:column}.tool-mount{min-height:368.1875px}@media(max-width:768px){.tool-mount{min-height:469.1875px}}@media(hover:none)and (pointer:coarse){.tool-mount{min-height:199.1875px}}@media(hover:none)and (pointer:coarse)and (max-width:768px){.tool-mount{min-height:288.1875px}}.noscript-message{margin:0;padding:var(--space-m);background:var(--color-surface);border-radius:var(--radius);text-align:center;color:var(--color-text)}.header{border-bottom:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6)}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6)}.wordmark{font-size:1.25rem;font-weight:600;color:var(--color-text);text-decoration:none}.nav{display:flex;gap:var(--spacing-6);list-style:none}.nav a{color:var(--color-text-muted);text-decoration:none;font-size:.9375rem}.nav a:hover{color:var(--color-text)}.main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--spacing-8) var(--spacing-6)}.hero{text-align:center;margin-bottom:var(--spacing-12)}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-3);letter-spacing:-.025em}.hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--spacing-8)}.home-content{max-width:800px;margin:var(--spacing-12) auto 0;padding:0 var(--spacing-4)}.home-content section{margin-bottom:var(--spacing-10)}.home-content h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-4)}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;padding-left:var(--spacing-10);position:relative;margin-bottom:var(--spacing-3);line-height:1.6}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.why-em{color:var(--color-primary)}.why-intro{margin:var(--spacing-3) 0 0;line-height:1.6;font-size:1.0625rem;color:var(--color-text)}.why-grid{list-style:none;margin:var(--spacing-4) 0 0;padding:0;display:grid;grid-template-columns:1fr;grid-auto-rows:1fr;gap:12px}.why-card--1{--t: #b45309}.why-card--2{--t: #2f7d4a}.why-card--3{--t: #7c3aed}.why-card--4{--t: #0369a1}@media(prefers-color-scheme:dark){.why-card--1{--t: #fbbf77}.why-card--2{--t: #6fcf8f}.why-card--3{--t: #c4a5ff}.why-card--4{--t: #6cc3f5}}.why-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:linear-gradient(color-mix(in srgb,var(--t) 8%,transparent),color-mix(in srgb,var(--t) 8%,transparent)),var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--sh)}.why-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--t) 16%,transparent);color:var(--t);margin-bottom:4px}.why-icon svg{display:block;width:28px;height:28px}.why-label{margin:0;font-size:1rem;font-weight:700;line-height:1.35;color:var(--color-text)}.why-line{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-text-muted)}@media(min-width:560px){.why-grid{grid-template-columns:repeat(2,1fr)}}.faq details{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.faq summary{font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.faq summary:hover{color:var(--color-primary)}.faq details[open] summary{margin-bottom:var(--spacing-3)}.faq p{margin:0;line-height:1.6}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius);padding:var(--spacing-12);background:var(--color-surface);text-align:center;transition:all .2s;cursor:pointer;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4)}.drop-zone:hover,.drop-zone:focus-within{border-color:var(--color-accent);background:var(--color-bg)}.drop-zone.drag-over{border-color:var(--color-accent);background:var(--color-accent);opacity:.1}.drop-zone.collapsed{min-height:0;padding:var(--spacing-4)}.drop-zone-icon{font-size:3rem;opacity:.3}.drop-zone-text{font-size:1.125rem;color:var(--color-text-muted)}.drop-zone-text strong{color:var(--color-accent);font-weight:600}.file-input{display:none}@media(hover:none)and (pointer:coarse){.drop-zone.drop-zone-touch{border:none;background:var(--color-accent);color:#fff;min-height:56px;padding:var(--spacing-3) var(--spacing-6);font-size:1.125rem;font-weight:600}.drop-zone.drop-zone-touch.collapsed{min-height:48px;padding:var(--spacing-2) var(--spacing-4);font-size:1rem}.drop-zone.drop-zone-touch:hover,.drop-zone.drop-zone-touch:focus-within,.drop-zone.drop-zone-touch:active{background:var(--color-accent-hover);color:#fff}}@media(hover:none)and (pointer:coarse)and (prefers-color-scheme:dark){.drop-zone.drop-zone-touch{background:var(--color-accent-hover)}}.settings-bar{margin-top:var(--spacing-6);padding:var(--space-m);background:var(--color-surface);border-radius:var(--radius);display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.settings-row{display:flex;align-items:center;gap:var(--space-l)}.settings-row .setting-group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s);margin:0;padding:0}.settings-row .setting-group[data-group=quality]{flex:1 1 0;min-width:0;max-width:28rem}.settings-row .setting-group[data-group=metadata]{flex:0 0 auto;margin-left:auto}.settings-row .setting-label{display:block;margin:0;padding:0}.segmented-control.segmented-control--metadata{display:grid;grid-template-columns:repeat(2,1fr);width:13rem}.button-text{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-2) 0}.button-text:hover{text-decoration:underline}.button-icon{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;padding:var(--spacing-1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.button-icon:hover{background:var(--color-bg);color:var(--color-text)}.slider-grid{display:grid;align-items:center;column-gap:0;row-gap:2px;width:100%}.slider-grid input[type=range]{margin:0;width:100%;min-width:0}.slider-grid .slider-value{font-variant-numeric:tabular-nums}.slider-grid--quality{--slider-value-width: 5.5rem}.slider-grid--quality{grid-template-columns:minmax(0,1fr) var(--slider-value-width) minmax(0,1fr);row-gap:var(--space-s)}.slider-grid--quality input[type=range]{grid-column:1 / -1;grid-row:1}.slider-grid--quality .slider-end--start{grid-column:1;grid-row:2;justify-self:start}.slider-grid--quality .slider-value{grid-column:2;grid-row:2;width:var(--slider-value-width);justify-self:center;min-width:0;margin:0;text-align:center;font-weight:700;color:var(--color-text);font-size:.875rem}.slider-grid--quality .slider-end--end{grid-column:3;grid-row:2;justify-self:end}.slider-end{font-size:.75rem;font-weight:400;color:var(--color-text-muted)}.setting-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.setting-helper{font-size:.8125rem;color:var(--color-text-muted);margin:0;line-height:1.4}.setting-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.segmented-control{display:flex;gap:var(--spacing-1);background:var(--color-bg);padding:var(--spacing-1);border-radius:var(--radius)}.segmented-control input[type=radio]{position:absolute;opacity:0;pointer-events:none}.segmented-control label{display:flex;align-items:center;justify-content:center;min-height:36px;box-sizing:border-box;line-height:1.25;padding:var(--spacing-2) var(--spacing-4);border-radius:calc(var(--radius) - 2px);cursor:pointer;font-size:.875rem;transition:all .15s;white-space:nowrap}.segmented-control input:checked+label{background:var(--color-accent);color:#fff}.segmented-control input:not(:checked)+label:hover{background:var(--color-surface)}input[type=range]{flex:1;-webkit-appearance:none;height:6px;border-radius:3px;background:var(--color-border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:none}.slider-value{min-width:2.5rem;text-align:right;font-weight:500;color:var(--color-text-muted)}.details-toggle{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:.875rem;transition:all .15s}.details-toggle:hover{background:var(--color-bg)}.results-list{margin-top:var(--spacing-8);display:flex;flex-direction:column;gap:var(--spacing-4)}.result-row{display:grid;grid-template-columns:80px 1fr auto;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center}.result-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.result-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:calc(var(--radius) - 2px);background:repeating-conic-gradient(#e5e7eb 0% 25%,#f3f4f6 0% 50%) 50% / 16px 16px}.result-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg)}@media(prefers-color-scheme:dark){.result-thumbnail{background:repeating-conic-gradient(#334155 0% 25%,#1e293b 0% 50%) 50% / 16px 16px}}.result-info{display:flex;flex-direction:column;gap:var(--spacing-2);min-width:0}.result-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-sizes{font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-2)}.savings-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-2);background:var(--color-success);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px}.savings-badge--larger,.savings-badge--same{background:transparent;color:var(--color-text);border:1px solid var(--color-border);padding:1px calc(var(--spacing-2) - 1px)}.result-note{font-size:.8125rem;color:var(--color-text-muted)}.result-status{font-size:.875rem;display:flex;align-items:center;gap:var(--spacing-2)}.result-status .elapsed{display:inline-block;min-width:6ch;font-variant-numeric:tabular-nums;white-space:nowrap}.status-icon{display:inline-block;width:16px;height:16px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-actions{display:flex;align-items:center;gap:var(--spacing-2)}.result-actions .result-remove{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;line-height:1;vertical-align:middle}.result-remove>span{display:block;line-height:1}.button{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:all .15s;min-height:44px;min-width:44px}.button-primary{background:var(--color-accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-accent-hover)}.button-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.button-secondary:hover:not(:disabled){background:var(--color-bg)}.error-message{color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-2)}.results-controls{padding:var(--spacing-4) var(--spacing-6);display:flex;justify-content:flex-end}.results-list{padding-bottom:80px}.action-bar{position:sticky;bottom:0;padding:var(--spacing-4) var(--spacing-6);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);box-shadow:var(--shadow-lg);z-index:10;min-height:72px}.action-bar-left{flex:1;display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.action-bar-text{font-size:.875rem;color:var(--color-text);font-weight:500;white-space:nowrap}.progress-bar{flex:1;max-width:200px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-fill{width:100%;height:100%;background:var(--color-accent);transform-origin:left;transition:transform .3s ease-out;border-radius:2px}.footer{padding:var(--spacing-8) var(--spacing-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem;text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-6);list-style:none;margin-bottom:var(--spacing-4)}.footer a{color:var(--color-text-muted);text-decoration:none}.footer a:hover{color:var(--color-text)}.footer-disclaimer,.footer-copyright{margin-top:var(--spacing-4);font-size:.75rem;color:#4b5563}.footer-links+.footer-copyright{margin-top:0}@media(prefers-color-scheme:dark){.footer-disclaimer,.footer-copyright{color:#94a3b8}}.compare-modal{position:fixed;inset:0;z-index:1000;display:flex}.compare-overlay{position:absolute;inset:0;background:#000c}.compare-content{position:relative;z-index:1;box-sizing:border-box;width:100%;height:100%;margin:0;background:var(--color-surface);padding:max(var(--spacing-3),env(safe-area-inset-top)) max(var(--spacing-3),env(safe-area-inset-right)) max(var(--spacing-3),env(safe-area-inset-bottom)) max(var(--spacing-3),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--spacing-3);min-height:0}.compare-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4);flex:none}.compare-header h2{font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-container{position:relative;flex:1 1 auto;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.compare-labels{position:absolute;top:var(--spacing-3);left:var(--spacing-3);right:var(--spacing-3);display:flex;justify-content:space-between;z-index:2;pointer-events:none}.compare-label-left,.compare-label-right{background:#000000b3;color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.compare-images{position:relative;flex:none;overflow:hidden;border-radius:var(--radius);background:repeating-conic-gradient(#e5e7eb 0% 25%,#fff 0% 50%) 50% / 20px 20px}.compare-img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:fill;object-position:50% 50%;transform:none}.compare-clip{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 0 50%)}.compare-handle{position:absolute;left:50%;top:0;bottom:0;width:0;margin:0;padding:0;border:0;box-shadow:none;cursor:ew-resize;z-index:3;outline:none;touch-action:none}.compare-handle:focus,.compare-handle:focus-visible{outline:none}.compare-handle-line{position:absolute;top:0;bottom:0;left:-2px;width:4px;border:0;outline:none;background:var(--color-primary);box-shadow:none}.compare-handle:before{content:"";position:absolute;top:0;bottom:0;left:-12px;width:24px;background:transparent}.compare-handle-knob{position:absolute;top:50%;left:0;width:40px;height:40px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0000004d}.compare-handle-knob svg{display:block;width:22px;height:22px}.compare-handle:focus-visible .compare-handle-knob{outline:2px solid var(--color-primary);outline-offset:3px}.compare-info{flex:none;display:flex;gap:var(--spacing-4);font-size:.875rem;padding:var(--spacing-3);background:var(--color-bg);border-radius:var(--radius);justify-content:center;align-items:center;flex-wrap:wrap}@media(max-width:768px){.hero h1{font-size:2rem}.header-content{gap:var(--spacing-4)}.result-row{grid-template-columns:60px 1fr;gap:var(--spacing-3)}.result-thumbnail{width:60px;height:60px}.result-row{position:relative}.result-info{padding-right:36px}.result-actions .result-remove{position:absolute;top:4px;right:4px}.result-actions{grid-column:1 / -1;justify-content:stretch}.result-actions:not(:has(.button)){display:contents}.result-actions .button{flex:1}.settings-bar{flex-direction:column;align-items:stretch}.settings-row{flex-direction:column;align-items:stretch;gap:var(--space-m)}.settings-row .setting-group[data-group=quality]{max-width:none}.settings-row .setting-group[data-group=metadata]{margin-left:0}.action-bar{gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);flex-wrap:wrap}.action-bar-left{flex-direction:column;align-items:stretch;gap:var(--spacing-2)}.action-bar-text{font-size:.8125rem}.progress-bar{max-width:none}.action-bar .button{font-size:.875rem;padding:var(--spacing-2) var(--spacing-3);width:100%}}@media(min-width:1024px){.hero h1{font-size:3rem}}:root{color-scheme:light dark;--color-bg:#fff6ec;--color-surface:#fff;--tint:#ffeedd;--color-border:#f2dcc8;--ctl:#b0846a;--color-text:#3a2317;--color-text-muted:#7a533d;--color-accent:#c2410c;--color-accent-hover:#a3360a;--on-accent:#fff;--color-primary:#b23c0c;--color-success:#15784a;--on-success:#fff;--larger:#9b2c24;--radius:14px;--spacing-10:2.5rem;--sh:0 6px 20px -8px #7a3e1438;--round:ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg:#1c130e;--color-surface:#2a1d16;--tint:#36261d;--color-border:#4a372c;--ctl:#9a7a68;--color-text:#fcefe5;--color-text-muted:#d2b4a2;--color-accent:#ff9466;--color-accent-hover:#ffab87;--on-accent:#2b1206;--color-primary:#ffa47c;--color-success:#5fd39a;--on-success:#0b2a1a;--larger:#f2a59d;--sh:0 8px 24px -10px #0009}}body{background:var(--color-bg) radial-gradient(60rem 28rem at 50% -8rem,var(--tint),#0000 70%) no-repeat}.header{border:0}.wordmark{display:flex;align-items:center;gap:3px;font:700 1.3rem var(--round)}.wordmark-text span,.hl{color:var(--color-primary)}.hero{margin-bottom:2rem}.hero-subtitle{margin:0}.hero h1{font-family:var(--round);font-weight:800;letter-spacing:-.02em;line-height:1.15}.hl{text-decoration:underline wavy #f59e6b;text-decoration-thickness:3px;text-underline-offset:.2em}.tool-mount,.home-content{max-width:52rem;margin-inline:auto}.drop-zone{border:2px dashed var(--ctl);border-radius:22px;background:var(--color-surface);box-shadow:var(--sh);min-height:220px;gap:14px}.drop-zone:hover,.drop-zone:focus-within{background:var(--tint);border-color:var(--color-accent)}.drop-zone-icon{opacity:1;line-height:0;color:var(--color-accent)}.drop-zone-text{color:var(--color-text)}.drop-zone-text strong{color:var(--color-primary)}.drop-zone.collapsed{border-radius:99px;box-shadow:none}.settings-bar,.faq details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px}.segmented-control{background:var(--tint);border-radius:99px;box-shadow:inset 0 0 0 1px var(--color-border)}.segmented-control label{border-radius:99px;font-weight:600;color:var(--color-text-muted)}.segmented-control input:checked+label{background:var(--color-accent);color:var(--on-accent)}.segmented-control input:not(:checked)+label:hover{background:var(--color-surface);color:var(--color-text)}.segmented-control input:focus-visible+label{outline:2px solid var(--color-primary);outline-offset:2px}.button-text{color:var(--color-primary);font-weight:600}.slider-grid--quality .slider-value{color:var(--color-primary)}input[type=range]{background:linear-gradient(var(--color-accent),var(--color-accent)) 0/var(--fill,0) 100% no-repeat,var(--ctl)}input[type=range]::-webkit-slider-thumb{width:20px;height:20px;background:var(--color-surface);border:5px solid var(--color-accent);box-sizing:border-box}.results-controls{padding:16px 4px 0}.results-list{margin-top:8px;gap:12px;padding-bottom:24px}.result-row{border-color:var(--color-border);border-radius:18px;padding:14px;box-shadow:var(--sh)}.result-thumbnail{border-radius:12px}.result-sizes{flex-wrap:wrap;row-gap:2px}.savings-badge{border-radius:99px;padding:2px 9px;background:var(--color-success);color:var(--on-success);font-weight:700;white-space:nowrap}.savings-badge--larger,.savings-badge--same{background:none;color:var(--larger);border:1px solid;padding:1px 8px}.result-status{color:var(--color-success);font-weight:600;font-size:.8125rem}[data-size-change=larger] .result-status{color:var(--color-text-muted)}.result-note{color:var(--larger)}.button{border-radius:99px;font-weight:600;padding-inline:18px}.button-secondary{background:var(--color-surface);border:1px solid var(--ctl);color:var(--color-text)}.button-secondary:hover:not(:disabled),.button-icon:hover{background:var(--tint)}.button-primary,.steps li:before{background:var(--color-accent);color:var(--on-accent)}.action-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:99px;margin:0 auto 16px;max-width:52rem;padding:10px 10px 10px 24px;min-height:0;box-shadow:var(--sh)}.action-bar-text{font-size:.9375rem;font-weight:600}.footer{background:var(--tint)}.compare-overlay{background:#2b160ab8}.compare-label-left,.compare-label-right{border-radius:99px;background:#2b1206c7;padding:4px 10px}.compare-info{background:var(--tint)}@media(hover:none)and (pointer:coarse){.drop-zone.drop-zone-touch,.drop-zone.drop-zone-touch:is(:hover,:active,:focus-within){background:var(--color-accent);color:var(--on-accent);border-radius:99px;min-height:0}}@media(max-width:768px){.hero h1{font-size:2.125rem}.action-bar{flex-wrap:nowrap;border-radius:18px;margin:0 8px 8px;padding:8px 8px 8px 16px}.action-bar-text{font-size:.8125rem;min-width:0;overflow:hidden;text-overflow:ellipsis}.ab-x{display:none}.ab-grew{display:block}.action-bar .button{width:auto;flex:none;padding-inline:16px}.main{padding-inline:16px}.result-row{padding:12px}.footer-links{flex-wrap:wrap;gap:8px 20px}}.legal{flex:1;width:100%;max-width:52rem;margin:0 auto;padding:var(--spacing-8) var(--spacing-6) var(--spacing-12);line-height:1.6}.legal h1{font:800 2.5rem/1.15 var(--round);letter-spacing:-.02em;margin:var(--spacing-4) 0 var(--spacing-6)}.legal h2{font:700 1.375rem/1.3 var(--round);margin:var(--spacing-8) 0 var(--spacing-3)}.legal p{margin-bottom:var(--spacing-4)}.legal a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;overflow-wrap:anywhere}.legal a:hover{text-decoration-thickness:2px}.legal code,.legal pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.legal code{font-size:.875em;background:var(--tint);border-radius:6px;padding:.1em .35em}.legal pre{margin:var(--spacing-4) 0;padding:var(--spacing-4) var(--spacing-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;box-shadow:var(--sh);font-size:.8125rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.legal details{margin:var(--spacing-4) 0}.legal summary{cursor:pointer;width:fit-content;padding:8px 18px;border:1px solid var(--ctl);border-radius:99px;background:var(--color-surface);color:var(--color-text);font-weight:600}.legal summary:hover{background:var(--tint)}.legal summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.legal :focus-visible{outline-color:var(--color-primary)}.non-affiliation{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}@media(max-width:768px){.legal{padding:var(--spacing-6) 16px var(--spacing-8)}.legal h1{font-size:2.125rem;margin-top:var(--spacing-2)}.legal pre{padding:var(--spacing-3) var(--spacing-4);font-size:.75rem}}.page-drop-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:color-mix(in srgb,var(--color-bg) 70%,transparent);box-shadow:inset 0 0 0 4px var(--color-accent);opacity:0;transition:opacity .12s ease-out;pointer-events:none}.page-drop-overlay[hidden]{display:none}.page-drop-overlay.visible{opacity:1}.page-drop-overlay *{pointer-events:none}.page-drop-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 40px;border-radius:24px;background:var(--color-surface);border:2px dashed var(--color-accent);box-shadow:var(--sh);text-align:center}.page-drop-icon{color:var(--color-accent);display:block}.page-drop-title{margin:0;font-family:var(--round);font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.page-drop-overlay{transition:none}}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--color-surface);color:var(--color-text);border-top:1px solid var(--color-border);box-shadow:0 -8px 24px -12px #7a3e1440;padding:16px max(16px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right))}.consent-banner[hidden]{display:none}.consent-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:16px}.consent-text{margin:0;flex:1;font-size:.875rem;line-height:1.45;color:var(--color-text)}.consent-text a{color:var(--color-primary);font-weight:600}.consent-actions{display:flex;gap:8px;flex-shrink:0}.consent-button{width:11rem;min-height:44px;padding:0 20px;border-radius:99px;border:0;background:var(--color-accent);color:var(--on-accent);font:inherit;font-weight:700;cursor:pointer}.consent-current{margin:0 0 6px;font-size:.875rem;font-weight:600;color:var(--color-text)}.consent-button[aria-pressed=true]:before{content:"\2713\a0";font-weight:700}.consent-button:hover{background:var(--color-accent-hover)}.consent-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}html.consent-open .page{padding-bottom:var(--consent-h, 96px)}.consent-banner:focus{outline:none}.consent-banner:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media(max-width:640px){.consent-banner{padding:12px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.consent-inner{flex-direction:column;align-items:stretch;gap:10px}.consent-text,.consent-current{font-size:.8125rem;line-height:1.4}.consent-actions .consent-button{flex:1 1 0;width:auto;min-width:0;padding:0 12px}}.footer .footer-link-button{background:none;border:0;padding:0;font:inherit;color:var(--color-text-muted);text-decoration:none;cursor:pointer}.footer .footer-link-button:hover{color:var(--color-text)}