:root{--focus:#904026;--accent-ink:#fff;--surface:#fffefa;--panel:#f0f0e7;--text-scale:1;color-scheme:light}
/* Keep native select behaviour, with a consistently inset decorative chevron. */
select.field,.list-toolbar select{appearance:none;-webkit-appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23545e50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem 1rem}
:root:is([data-theme="dark"],[data-theme="gray-dark"]) select.field,:root:is([data-theme="dark"],[data-theme="gray-dark"]) .list-toolbar select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23d9e1d4' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.list-toolbar select{padding-right:1.5rem;background-position:right .2rem center;background-size:.875rem .875rem}
@media(forced-colors:active){select.field,.list-toolbar select{appearance:auto;background-image:none;padding-right:.75rem}}
/* Normal reading text is 16px; secondary text and controls have a 14px floor. */
body{font-size:1rem}.wish-content h3,.wish-content .price,.list-header .message,.steps p,.modal-body p,.field,.saved-row strong{font-size:1rem}.illustration-option small{line-height:1.4}.illustration-option span{min-height:100px}.demo-banner,.footer,.strip{flex-wrap:wrap}.sample-item p{overflow-wrap:anywhere}.roadmap li{flex-wrap:wrap}
.avatar{line-height:1}button,.button{overflow-wrap:anywhere;max-width:100%}.modal-head h2{min-width:0;max-width:100%}.field{min-width:0}#accessibility-dialog .modal-body{overflow-wrap:anywhere}
.hero{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.hero h1{overflow-wrap:anywhere}.steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.future{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
:root[data-accent="blue"]{--accent:#225ca0;--soft:#e2edf8;--focus:#225ca0}
:root[data-accent="purple"]{--accent:#754195;--soft:#f0e6f5;--focus:#754195}
:root[data-accent="green"]{--accent:#346b44;--soft:#e3efe3;--focus:#346b44}
:root:is([data-theme="dark"],[data-theme="gray-dark"]){color-scheme:dark;--paper:#191e1b;--ink:#f2f3eb;--muted:#bcc4b7;--line:#525e51;--sage:#2e3c2c;--white:#252e26;--surface:#252e26;--panel:#2d372e;--accent:#f1a584;--soft:#493629;--focus:#ffd5bc;--accent-ink:#26170e}
:root:is([data-theme="dark"],[data-theme="gray-dark"])[data-accent="blue"]{--accent:#9fc9ff;--soft:#283e56;--focus:#cae0ff;--accent-ink:#12243a}
:root:is([data-theme="dark"],[data-theme="gray-dark"])[data-accent="purple"]{--accent:#d9b4f0;--soft:#43304e;--focus:#eed5ff;--accent-ink:#2f163c}
:root:is([data-theme="dark"],[data-theme="gray-dark"])[data-accent="green"]{--accent:#a8d8ab;--soft:#2a4630;--focus:#c9f0cb;--accent-ink:#122c18}
body{padding-bottom:4.5rem}button,.button{background:var(--surface)}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.primary:hover{background:var(--accent);filter:brightness(.9)}.quiet,.language,.card-bottom button{background:transparent}button:hover,.button:hover{background:var(--panel)}.primary:hover{background:var(--accent)}.field,.wish-card,.sample-sheet,.floating-note,.inbox{background-color:var(--surface)}.list-header,.sidebar.open,.accessibility-preview{background:var(--panel)}.list-header .message,.future p,.future .roadmap{color:var(--muted)}.future .roadmap li{border-color:var(--line)}.view-switch{background:var(--panel)}.view-switch button{background:transparent;color:var(--ink)}.view-switch button.active{background:var(--surface)}.sample-item .art,.art{color:#292e28}.illustration-option span{background:var(--panel)}.illustration-option input:checked+span{background:var(--soft)}.pill{background:var(--surface)}.danger{background:var(--surface);color:#aa2b27}.art .badge{background:#fffdf4;color:#292e28}.art .badge.reserved{background:#edf3e8;color:#405c3b}
.accessibility-launcher{position:fixed;right:1rem;bottom:1rem;z-index:15;border:2px solid var(--accent);box-shadow:0 3px 16px #0002;background:var(--surface);color:var(--ink);font-size:.875rem;padding:.65rem 1rem;max-width:calc(100vw - 2rem)}
.skip-link{position:fixed;left:1rem;top:1rem;transform:translateY(-180%);z-index:100;background:var(--surface);color:var(--ink);padding:.8rem;border:2px solid var(--focus);border-radius:8px}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:4px!important}main:focus{outline:none}.illustration-option input:focus-visible+span{outline:3px solid var(--focus)}::selection{background:var(--accent);color:var(--accent-ink)}input[type="checkbox"],input[type="radio"]{accent-color:var(--accent)}
#accessibility-dialog .field{margin-bottom:1.25rem}#accessibility-dialog label{margin-bottom:.4rem}#accessibility-dialog h3{font-size:1rem;margin:1.4rem 0 .5rem}.accessibility-preview{border:1px solid var(--line);padding:1rem;border-radius:10px;margin:1.5rem 0}.accessibility-preview strong{font-size:1rem}.accessibility-preview [role="status"]{display:block;margin-top:.5rem;font-size:.875rem}.nav,.nav-links,.demo-nav{flex-wrap:wrap}.wish-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.card-actions{flex-wrap:wrap}.card-actions button{white-space:normal}.hero-actions{flex-wrap:wrap}.list-toolbar{flex-wrap:wrap}.brand{letter-spacing:-.04em}.art{flex-shrink:0}.illustration-option span{overflow-wrap:anywhere}.modal-head{position:sticky;top:0;background:var(--paper);z-index:2;flex-wrap:wrap}dialog{scroll-padding-top:5rem}.field{max-width:100%}.wish-content h3,.list-title h1,.modal-head h2{overflow-wrap:anywhere}.list-title{flex-wrap:wrap}#toast{bottom:5.5rem}#toast button{color:#243326;background:#fff}
:root:is([data-theme="dark"],[data-theme="gray-dark"]) .hero-art{background:#303e2d}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .sample-sheet{border-color:var(--line)}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .avatar{background:#5b4432;color:#ffdfb4;border-color:var(--surface)}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .step-no{color:#a6b29e}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .danger{color:#ffb7ab}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .danger:hover{background:#49302b}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .demo-banner{background:#354b36}:root:is([data-theme="dark"],[data-theme="gray-dark"]) .floating-note b{color:#b1dfaa}
@media(max-width:700px){.nav-links{gap:.4rem}.hero h1{font-size:3.1rem}.hero-art{min-width:0}.sample-sheet{padding:1rem}.hero-actions{align-items:flex-start}.list-toolbar select{max-width:100%}.wish-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}}
:root[data-theme="gray-light"]{color-scheme:light;--paper:#e8e8e8;--ink:#25282b;--muted:#5d6268;--line:#c9cdd1;--sage:#dcdfe1;--white:#fff;--surface:#fff;--panel:#f1f2f3}
:root[data-theme="gray-dark"]{color-scheme:dark;--paper:#303236;--ink:#f4f4f5;--muted:#c4c8ce;--line:#696e76;--sage:#41454b;--white:#3b3e43;--surface:#3b3e43;--panel:#464a50}
:root[data-theme="gray-light"] .hero-art{background:#dcdfe1}:root[data-theme="gray-dark"] .hero-art{background:#41454b}
:root[data-theme="gray-light"] .demo-banner{background:#41464c}:root[data-theme="gray-dark"] .demo-banner{background:#242629}
:root[data-theme="beige"]{color-scheme:light;--paper:#ede3d3;--ink:#342d25;--muted:#675b4d;--line:#cbbb9f;--sage:#e1d2ba;--white:#fff8ed;--surface:#fff8ed;--panel:#e8dac4}
:root[data-theme="sand"]{color-scheme:light;--paper:#e7d5b4;--ink:#352c20;--muted:#63533c;--line:#bea578;--sage:#dbc49b;--white:#fcf0d9;--surface:#fcf0d9;--panel:#e4cda7}
:root[data-theme="sage"]{color-scheme:light;--paper:#e0e8dc;--ink:#28372a;--muted:#4c6250;--line:#acbea5;--sage:#c9d8c2;--white:#f5f9f0;--surface:#f5f9f0;--panel:#d4e0cd}
:root[data-theme="clay"]{color-scheme:light;--paper:#ead9d0;--ink:#3d2d29;--muted:#71534b;--line:#c3a499;--sage:#dfc5b9;--white:#fff5ef;--surface:#fff5ef;--panel:#e8cfc2}
:root[data-theme="linen"]{color-scheme:light;--paper:#efede3;--ink:#35372c;--muted:#61634f;--line:#c4c5b0;--sage:#dddfce;--white:#fffef5;--surface:#fffef5;--panel:#e7e7d7}
:root:is([data-theme="beige"],[data-theme="sand"],[data-theme="sage"],[data-theme="clay"],[data-theme="linen"]) .hero-art{background:var(--panel)}
:root:is([data-theme="beige"],[data-theme="sand"],[data-theme="sage"],[data-theme="clay"],[data-theme="linen"]) .demo-banner{background:var(--ink);color:var(--surface)}
#nature-description{margin-top:-.5rem;margin-bottom:1.5rem}