:root{--ink:#173e39;--paper:#f8f5ed;--white:#fffdf8;--line:#d9dfd5;--accent:#dceaba}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:0 28px}header{height:75px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.logo{font-size:25px;font-weight:850}.logo span{color:#547762}nav{display:flex;gap:24px;align-items:center}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--white);border-radius:9px;padding:8px 13px}button:hover{border-color:var(--ink)}button:disabled{opacity:.55;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a95a2b;outline-offset:3px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;margin:36px 0 24px}.intro{padding:24px 0}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:850;margin:0 0 8px}h1,h2,h3{line-height:1.04;margin:0;font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(58px,9vw,112px);letter-spacing:-.065em}h1 em{color:#527b58}h2{font-size:clamp(30px,4.5vw,53px);letter-spacing:-.045em}h3{font-size:32px}.intro>p:not(.eyebrow){max-width:350px;font-size:19px}.stamp{font-size:13px;font-weight:700}.art,.scene{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(#f8c79d,#f6dfb6 55%,#528c8a 55%,#236664);border-radius:18px;min-height:300px}.sun{position:absolute;top:14%;right:23%;width:22%;aspect-ratio:1;border-radius:50%;background:#fff2c8}.hill,.island{position:absolute;inset:0;background:#598074;clip-path:polygon(0 60%,0 50%,10% 39%,25% 47%,34% 35%,48% 45%,58% 51%,76% 55%,100% 57%,100% 65%,55% 67%,27% 62%)}.island{background:#214d48;clip-path:polygon(0 45%,18% 58%,28% 61%,47% 74%,73% 89%,100% 93%,100% 100%,0 100%)}.art span{position:absolute;bottom:17px;left:19px;color:white;font-size:10px;letter-spacing:.19em}.finder{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(16px,4vw,38px);scroll-margin-top:16px}.section-title{margin-bottom:24px}.fields{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}label,legend{display:block;font-weight:750;font-size:13px}small{font-weight:500;color:#526a61}input,select{display:block;width:100%;border:1px solid var(--line);background:#f8faf3;border-radius:8px;padding:10px;margin-top:5px;font-weight:500;font-size:15px;min-width:0}fieldset{border:0;padding:0;margin:16px 0}#types{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}button[aria-pressed=true]{background:var(--accent);border-color:#7b956c}.primary{background:var(--ink);color:white;border-color:var(--ink);font-weight:750}.primary span{padding-left:20px}.results{padding:42px 0}.resulthead{display:flex;justify-content:space-between;align-items:end;gap:12px}.resulthead select{min-width:135px}#cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.scene{min-height:132px;border-radius:0;background:linear-gradient(var(--sky),#f5ddbb 56%,var(--sea) 56%)}.scene .hill{background:var(--ridge)}.scene .island{opacity:.75}.country{position:absolute;bottom:10px;left:12px;color:white;font-weight:750;font-size:12px}.heart{position:absolute;top:10px;right:10px;font-size:20px;padding:2px 11px}.body{padding:16px}.tag{font-size:12px;font-weight:750}.price{font-size:21px;font-weight:850}.actions{display:flex;flex-wrap:wrap;gap:7px}footer{border-top:1px solid var(--line);padding-top:20px;padding-bottom:115px}#tray{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:2;width:max-content;max-width:calc(100% - 20px);background:var(--white);padding:10px;border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 30px #183c3928}#tray span{margin:0 7px}dialog{color:var(--ink);background:var(--white);width:min(740px,calc(100% - 28px));border:1px solid var(--line);border-radius:18px;padding:23px;max-height:85vh}dialog::backdrop{background:#102e2bbb}#close{float:right;margin-left:8px}table{border-collapse:collapse;width:100%;margin-top:18px;text-align:left}th,td{padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.table{overflow:auto}.empty{grid-column:1/-1;padding:22px;border:1px dashed var(--line);border-radius:12px}@media(max-width:800px){.fields{grid-template-columns:repeat(3,1fr)}#cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){header,main,footer{padding-left:15px;padding-right:15px}nav>a{display:none}.hero{grid-template-columns:1fr;margin-top:12px;gap:8px}.art{min-height:175px}.intro{padding:10px 0}.fields{grid-template-columns:1fr 1fr}#cards{grid-template-columns:1fr}.resulthead{align-items:start;flex-direction:column}.resulthead label{align-self:end}}
