:root{color-scheme:light;--paper:#f6f8fc;--surface:#fff;--ink:#18243a;--muted:#526078;--line:#dce3ef;--border:#a9b8d0;--accent:#2854d7;--button:#2854d7;--hover:#2045b8;--wash:#eef2fb;--hero:#244cc4;--hero-ink:#fff;--hero-muted:#e0e8ff;--text-small:.875rem;--text-body:1rem;--text-h2:1.25rem;--text-h1:clamp(1.5rem, 7vw, 2.25rem);--weight-body:400;--weight-heading:600;--leading-body:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--gutter:32px;--panel-padding:24px;--section-space:32px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}:root[data-theme=dark]{color-scheme:dark;--paper:#111827;--surface:#182338;--ink:#eff4ff;--muted:#b8c5db;--line:#34415a;--border:#64748b;--accent:#a2bbff;--button:#345ed7;--hover:#436ee7;--wash:#25334d;--hero:#162a5b;--hero-muted:#cad8f9}*{box-sizing:border-box}body{margin:0;font-weight:var(--weight-body);line-height:var(--leading-body)}a{color:var(--accent);text-underline-offset:3px}button,input{font:inherit}button,a,input{touch-action:manipulation}[hidden]{display:none !important}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:10px var(--space-4);border:1px solid transparent;border-radius:8px;color:#fff;background:var(--button);font-size:var(--text-body);font-weight:var(--weight-heading);line-height:1.5;text-decoration:none;cursor:pointer}button:hover,.button-link:hover{background:var(--hover)}button:disabled{opacity:.6;cursor:not-allowed}button svg,.button-link svg{width:20px;height:20px;flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3{font-weight:var(--weight-heading)}h2{font-size:var(--text-h2);line-height:1.4;letter-spacing:-.02em;margin:0 0 var(--space-3)}h3{font-size:var(--text-body);line-height:1.5;margin:0 0 var(--space-2)}p,li{font-size:var(--text-body);line-height:var(--leading-body)}.header{background:var(--hero);color:var(--hero-ink)}.header-inner{max-width:824px;min-height:80px;margin:auto;padding:var(--space-4) var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:inline-flex;gap:var(--space-3);align-items:center;flex-shrink:0;color:inherit;text-decoration:none;font-family:"Avenir Next",Arial,sans-serif;font-size:1.375rem;font-weight:var(--weight-heading);line-height:1.2;letter-spacing:-.035em}.brand img{width:32px;height:32px;display:block}.header-actions,.header nav{display:flex;align-items:center;gap:var(--space-6)}.header nav a{color:var(--hero-muted);font-size:var(--text-small);line-height:1.5;text-decoration:none;min-height:44px;display:flex;align-items:center}.header nav a:hover,.header nav a[aria-current=page]{color:#fff;text-decoration:underline}.theme-toggle{background:transparent;color:#fff;width:44px;min-height:44px;padding:10px;border-color:#ffffff38}.theme-toggle:hover{background:#ffffff18}.header a:focus-visible,.theme-toggle:focus-visible{outline-color:#fff}.sun-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .moon-icon{display:none}.hero{background:var(--hero);color:var(--hero-ink);text-align:center;padding:var(--space-8) var(--gutter) 80px}.hero-inner{max-width:760px;margin:auto}.hero h1,.document-page h1{font-size:var(--text-h1);font-weight:var(--weight-heading);line-height:1.2;letter-spacing:-.035em;margin:0 0 var(--space-3)}.hero .intro{font-size:var(--text-body);line-height:var(--leading-body);color:var(--hero-muted);margin:0}.converter{max-width:824px;margin:-48px auto 0;padding:0 var(--gutter) var(--section-space);position:relative}.converter-panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:var(--panel-padding);box-shadow:0 10px 28px #152b5810}.input-label{display:block;font-size:var(--text-small);font-weight:var(--weight-heading);line-height:1.5;margin-bottom:var(--space-3)}.input-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--border);border-radius:9px}.input-row:focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:0}.input-field{display:flex;align-items:center;flex:1;min-width:0}.input-field input{font-size:var(--text-body);min-width:0;width:100%;height:48px;border:0;outline:none !important;box-shadow:none;padding:var(--space-3);background:transparent;color:var(--ink);border-radius:0}.input-field input::placeholder{color:var(--muted)}.clipboard-button{color:var(--ink);background:var(--wash);padding-inline:var(--space-3);flex-shrink:0}.clipboard-button:hover{background:var(--line)}#convert-button{flex-shrink:0}.form-benefits{list-style:none;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px 24px;margin:20px 0 0;padding:0;color:var(--muted)}.form-benefits li{display:inline-flex;align-items:center;flex-shrink:0;gap:6px;white-space:nowrap;font-size:var(--text-body);font-weight:500}.form-benefits svg{width:16px;height:16px;flex-shrink:0;color:var(--accent)}@media(max-width:480px){.form-benefits{column-gap:16px}}.form-note{font-weight:700;font-size:var(--text-small);line-height:1.5;color:var(--muted);margin:var(--space-3) 0 0}.clipboard-message{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-body);margin:var(--space-3) 0 0}.clipboard-message:empty{display:none}.verification{display:flex;justify-content:center;margin:0}.verification:empty{display:none}.verification.has-content-height,.verification.needs-interaction{margin-top:var(--space-6)}.result{display:flex;flex-direction:column;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--line);text-align:center}.result-status{display:contents}.result h2{order:1}.result #result-message{order:2}.result-actions{order:3;width:100%}.support-note{order:4}.result.is-ready .result-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.result.is-ready .result-symbol{width:36px;height:36px;flex-shrink:0;margin:0}.result.is-ready .result-symbol svg{width:24px;height:24px}.result.is-ready #result-message{margin:0;font-weight:600}.result.is-ready h2{margin-bottom:24px}.result.is-ready,.result.is-loading{padding-bottom:max(0px, calc(24px - var(--panel-padding)))}.result.is-loading #result-message{margin-bottom:0}.result.is-loading .result-actions{display:none}.result-symbol{display:grid;place-items:center;width:36px;height:36px;margin:0 auto var(--space-4);border:1px solid var(--border);border-radius:50%;color:var(--accent)}.result-symbol svg{width:24px;height:24px}.result-symbol.loading{border:2px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.result h2{margin:0 0 var(--space-2);overflow-wrap:anywhere}.result p{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-body);margin:0 0 var(--space-6)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:520px;margin:auto}#download-button{grid-column:1/-1}.button-secondary{background:transparent;border-color:var(--border);color:var(--ink)}.button-secondary:hover{background:var(--wash)}#sponsor-button{background:#fff2d4;border-color:#ddc891;color:#4f3a0a}#sponsor-button:hover{background:#f5e5be}[data-theme=dark] #sponsor-button{background:#3b3020;border-color:#78613d;color:#f6dfad}[data-theme=dark] #sponsor-button:hover{background:#4a3b25}#download-button[hidden]~#reset-button{grid-column:1/-1}.support-note{border-top:1px solid var(--line);margin-top:var(--space-6);padding-top:var(--space-6)}.result .support-note p{font-size:var(--text-small);font-weight:500;line-height:var(--leading-body);margin:0}.reading{max-width:824px;margin:0 auto;padding:0 var(--gutter) var(--space-12)}.reading>section{padding:var(--section-space) 0;border-top:1px solid var(--line)}.reading>section:first-child{padding-top:0;border-top:0}.reading>section:last-child{padding-bottom:0}.reading p{color:var(--muted);margin:0}.reading p+p{margin-top:var(--space-3)}.steps{padding:0;margin:0;list-style:none;display:grid;gap:var(--space-6)}.steps>li{position:relative;padding-left:var(--space-12);counter-increment:step}.steps .step-number{position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wash);border:1px solid var(--line);color:var(--accent);font-weight:var(--weight-heading);font-size:var(--text-small)}.reading .help-link{margin-top:var(--space-4)}.help-link a{font-weight:var(--weight-heading)}footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{max-width:824px;margin:auto;padding:var(--space-6) var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body)}.footer-inner nav{display:flex;gap:var(--space-4);flex-wrap:wrap}.footer-inner a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none}.footer-inner a:hover{text-decoration:underline}.document-page{max-width:824px;min-height:65vh;margin:auto;padding:var(--space-12) var(--gutter)}.back-link{display:inline-block;font-size:var(--text-small);line-height:1.5;margin-bottom:var(--space-6)}.page-intro{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-body);margin:0}.document-page .updated{font-size:var(--text-small);margin:var(--space-3) 0 0;color:var(--muted)}.document-page section{margin-top:var(--section-space);padding-top:var(--section-space);border-top:1px solid var(--line)}.document-page p,.document-page li{color:var(--muted);overflow-wrap:break-word}.document-page section p{margin:0}.document-page p+p{margin-top:var(--space-3)}.document-page ul{padding-left:var(--space-6);margin:var(--space-3) 0 0}.document-page li+li{margin-top:var(--space-2)}.contact-address{overflow-wrap:anywhere}.contact-address a{font-weight:var(--weight-heading)}.document-page .contact-box{padding:var(--panel-padding);background:var(--surface);border:1px solid var(--line);border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:var(--space-4);background:var(--surface);padding:var(--space-3) var(--space-5);z-index:10}.skip-link:focus{top:var(--space-3)}.notice{color:var(--muted);font-size:var(--text-small);line-height:var(--leading-body)}.preview-note{background:#fff2d4;color:#574b28;padding:var(--space-2) var(--space-4);text-align:center;font-size:var(--text-small);line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important}.result-symbol.loading{animation:none}}@media(max-width:700px){:root{--gutter:20px;--panel-padding:20px;--section-space:24px;--text-h2:1.125rem}.header-inner{min-height:72px;padding-block:var(--space-3);gap:var(--space-3)}.brand{font-size:1.25rem;gap:var(--space-2)}.brand img{width:28px;height:28px}.header-actions,.header nav{gap:var(--space-4)}.header nav a:first-child{display:none}.hero{padding-block:var(--space-6) 64px}.converter{margin-top:-40px}.input-row{flex-wrap:wrap}.input-field{flex-basis:100%}#convert-button{width:100%}.reading{padding-bottom:var(--space-8)}.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.footer-inner nav{justify-content:center;gap:var(--space-2) var(--space-4)}.document-page{padding-block:var(--space-8)}}@media(max-width:480px){.result-actions{grid-template-columns:1fr}}@media(max-width:380px){:root{--gutter:16px;--panel-padding:16px}.header nav{gap:var(--space-3)}.header-actions{gap:var(--space-2)}.input-field input{padding:var(--space-2)}}/* Approved 404 page; scoped to avoid changing other page layouts. */.not-found-shell{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.not-found-page{width:100%;max-width:824px;margin-inline:auto;padding:48px var(--gutter);flex:1;display:grid;place-items:center;text-align:center}.not-found-content{width:100%;max-width:480px}.error-code{margin:0 0 16px;color:var(--accent);font-size:88px;font-weight:600;letter-spacing:-.05em;line-height:1}.not-found-page h1{margin:0 0 12px;font-size:32px;font-weight:var(--weight-heading);line-height:1.25;letter-spacing:-.025em}.not-found-description{margin:0;color:var(--muted);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.return-button{margin-top:24px;padding-inline:24px}.not-found-help{margin:24px 0 0;font-size:var(--text-small);color:var(--muted);line-height:var(--leading-body)}.not-found-help a{font-weight:500}@media (max-width: 700px){.not-found-page{padding-block:40px}.error-code{font-size:72px}.not-found-page h1{font-size:28px}}/* Search uses the same container and spacing scale as the converter. */.search-results{--search-padding:20px;margin-top:24px;padding:var(--search-padding);padding-bottom:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.search-heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--search-padding);padding-block:5px}.search-heading-row h2{margin:0;font-size:20px;font-weight:600}.search-heading-row h2,#search-count{text-box-trim:trim-both;text-box-edge:cap alphabetic}#search-count,.search-status{color:var(--muted);font-size:14px}.search-status{margin:var(--search-padding) 0 0}.search-status:empty{display:none}.search-list{margin-top:var(--search-padding)}.search-item{display:grid;grid-template-columns:144px minmax(0, 1fr) auto;gap:var(--search-padding);align-items:center;padding:var(--search-padding) 0;border-bottom:1px solid var(--line)}.search-item:first-child{padding-top:0}.search-item:last-child{padding-bottom:0;border-bottom:0}.search-art{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--paper)}.search-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.search-placeholder{display:grid;place-items:center;height:100%;color:var(--muted);font-size:24px}.search-duration{position:absolute;right:4px;bottom:4px;background:#101827e8;color:#fff;border-radius:3px;font-size:11px;line-height:1.5;padding:1px 4px}.search-info h3{margin:0;font-size:15px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.search-info p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.search-convert{font-size:14px;padding:10px 16px;min-height:44px;gap:8px}.search-convert svg{width:18px;height:18px;flex-shrink:0}@media (max-width: 600px){.search-item{grid-template-columns:104px minmax(0, 1fr);align-items:start}.search-art{grid-row:1}.search-convert{grid-column:1/-1;justify-self:stretch;width:100%}.search-info h3{font-size:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.search-info p{font-size:10px}}@media (max-width: 380px){.search-item{grid-template-columns:88px minmax(0, 1fr)}}