:root{--color-bg:#fbf8f3;--color-surface:#fff;--color-text:#1c1917;--color-text-soft:#44403c;--color-border:#78716c;--color-action:#0a4a2a;--color-action-pressed:#06331c;--color-action-text:#fff;--color-sold-bg:#1c1917;--color-sold-text:#fff;--color-focus:#1d4ed8;--color-photo-bg:#e7e0d6;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-body:1.25rem;--text-title:1.5rem;--text-price:2rem;--text-heading:2.25rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--radius:12px;--page-width:1200px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body);margin:0;line-height:1.5}h1,h2,p,ul,ol{margin:0;padding:0}.site-header,main,.site-footer{max-width:var(--page-width);padding:var(--space-3) var(--space-2);margin:0 auto}.site-header h1{font-size:var(--text-heading);margin-bottom:var(--space-1);line-height:1.2}.site-header p{max-width:40em}.site-footer{color:var(--color-text-soft);padding-bottom:var(--space-4)}.grid{gap:var(--space-3);grid-template-columns:1fr;list-style:none;display:grid}@media (min-width:43.75em){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:68.75em){.grid{grid-template-columns:repeat(3,1fr)}}.grid>li{display:flex}.card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);flex-direction:column;width:100%;display:flex;overflow:hidden}.card-photo{aspect-ratio:1;background:var(--color-photo-bg);position:relative}.card-photo img{object-fit:cover}.sold-label{pointer-events:none;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-sold-bg);color:var(--color-sold-text);font-size:var(--text-title);border-radius:var(--radius);font-weight:700;position:absolute}.card-body{gap:var(--space-1);padding:var(--space-2);flex-direction:column;flex:1;display:flex}.card-title{font-size:var(--text-title);line-height:1.25}.card-description{color:var(--color-text-soft)}.card-price{font-size:var(--text-price);font-weight:700;line-height:1.2}.want-button{justify-content:center;align-items:center;gap:var(--space-1);width:100%;min-height:4rem;padding:var(--space-1) var(--space-2);cursor:pointer;background:var(--color-action);color:var(--color-action-text);font-family:inherit;font-size:var(--text-title);border-radius:var(--radius);border:0;margin-top:auto;font-weight:700;text-decoration:none;display:flex}.want-button:active{background:var(--color-action-pressed)}.wa-icon{flex-shrink:0;width:2rem;height:2rem}.sold-note{align-items:center;min-height:4rem;margin-top:auto;font-weight:700;display:flex}.sold-note+.want-button{margin-top:var(--space-1)}.empty{padding:var(--space-4) 0}a:focus-visible,button:focus-visible{outline:4px solid var(--color-focus);outline-offset:3px}.steps-title{font-size:var(--text-title);margin-top:var(--space-2);line-height:1.25}.steps{max-width:40em;padding-left:1.5em}.steps li{padding:calc(var(--space-1) / 2) 0}.photo-frame,.photo-button{position:absolute;inset:0}.photo-button{cursor:zoom-in;width:100%;height:100%;font:inherit;background:0 0;border:0;padding:0}.photo-button:focus-visible{outline-offset:-6px}.photo-hint{right:var(--space-1);bottom:var(--space-1);padding:calc(var(--space-1) / 2) var(--space-1);background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text);border-radius:var(--radius);font-weight:700;position:absolute}.zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:var(--space-2);background:var(--color-surface);color:var(--color-text);border:0;margin:0}.zoom[open]{gap:var(--space-2);flex-direction:column;display:flex}.zoom-photo{cursor:zoom-out;flex:1;min-height:0;position:relative}.zoom-photo img{object-fit:contain}.zoom-close{flex-shrink:0;margin-top:0}.notice{max-width:32em;padding-top:var(--space-4)}.notice h1{font-size:var(--text-heading);margin-bottom:var(--space-2);line-height:1.2}.notice .want-button{margin-top:var(--space-3)}.other-link{min-height:4rem;margin-top:var(--space-1);color:inherit;font-size:var(--text-title);text-underline-offset:.2em;justify-content:center;align-items:center;font-weight:700;text-decoration:underline;display:flex}
