:root{color-scheme:light;--canvas:#f7f7f2;--ink:#202822;--muted:#5d675f;--action:#243c31;--selection:#e4ece5;--line:#dde2da;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6a9477;outline-offset:4px}header{height:68px;max-width:760px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.brand{font-size:18px;font-weight:700;text-decoration:none;color:var(--ink)}.icon,.quiet,.close{border:0;background:none;padding:10px;min-height:44px}.icon{font-size:24px}.quiet{font-size:14px;font-weight:600}.close{position:absolute;right:10px;top:8px;font-size:28px}main{max-width:720px;margin:auto;padding:12px 24px 28px;min-height:70vh}h1{font-size:clamp(28px,7vw,36px);line-height:1.13;letter-spacing:-1.2px;margin:22px 0}h2{font-size:24px;letter-spacing:-.5px}p{line-height:1.55;color:var(--muted)}.steps{display:flex;gap:8px}.steps span{height:4px;flex:1;border-radius:4px;background:var(--line)}.steps .on{background:var(--action)}.panel{background:white;border-radius:22px;padding:20px}.photo{display:block;width:100%;max-height:390px;object-fit:contain;border-radius:16px}.placeholder{text-align:center;padding:20px 0 10px}.placeholder svg{width:50px;height:50px;stroke:var(--muted);fill:none;stroke-width:1.3}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:14px 20px;border-radius:14px;font-weight:650;border:0;width:100%;text-decoration:none}.primary{background:var(--action);color:white}.secondary{background:var(--selection);color:var(--action)}.row{display:flex;gap:12px;margin-top:14px}.row>*{flex:1;min-width:0}.subtle{font-size:13px;line-height:1.5;color:var(--muted)}.center{text-align:center}.sample{border:0;background:none;text-decoration:underline;min-height:44px;color:var(--muted);display:block;margin:4px auto}.summary{display:flex;align-items:center;gap:14px;margin-bottom:18px}.summary img{width:64px;height:64px;object-fit:cover;border-radius:12px}.summary p{margin:5px 0;font-size:13px}.summary button{margin-left:auto}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.style-card{border:2px solid transparent;border-radius:16px;padding:5px;text-align:left;background:transparent;position:relative}.style-card img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:11px;display:block}.style-card strong{display:block;padding:10px 4px 4px;font-size:16px}.style-card.selected{border-color:var(--action);background:var(--selection)}.style-card.selected:after{content:'✓';position:absolute;top:14px;right:14px;background:var(--action);color:white;border-radius:100%;width:25px;height:25px;display:grid;place-items:center}.dock{position:sticky;bottom:0;padding:14px 0 calc(12px + env(safe-area-inset-bottom));margin-top:20px;background:linear-gradient(transparent,var(--canvas) 15%)}.dock p{margin:9px 0 0}.loader{min-height:240px;display:grid;place-content:center;text-align:center;padding:24px}.spinner{width:42px;height:42px;border:3px solid var(--line);border-top-color:var(--action);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.compare{position:relative;overflow:hidden;border-radius:18px;background:var(--selection)}.compare img{display:block;width:100%;height:auto}.compare .before{position:absolute;inset:0;height:100%;object-fit:fill;clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.compare .divider{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:white;pointer-events:none}.compare .divider:after{content:'↔';position:absolute;top:50%;left:-19px;background:white;color:var(--ink);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 12px #0003}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.compare:focus-within{outline:3px solid #6a9477}.label{position:absolute;top:12px;background:#fffD;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600;pointer-events:none}.label.right{right:12px}.label.left{left:12px}.history{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.history-head{display:flex;justify-content:space-between;width:100%;background:none;border:0;padding:8px 0;font-weight:650;font-size:18px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.history-item{border:0;background:white;border-radius:14px;text-align:left;overflow:hidden;padding:0 0 12px}.history-item img{width:100%;aspect-ratio:1.3;object-fit:cover}.history-item span{display:block;margin:8px 12px 0;font-size:13px}footer{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;padding:24px;font-size:12px;color:var(--muted)}footer a{color:inherit}dialog{border:0;border-radius:24px;padding:32px 24px 24px;width:min(440px,calc(100% - 28px));max-height:90dvh;color:var(--ink);background:var(--canvas)}dialog::backdrop{background:#14251db3;backdrop-filter:blur(5px)}dialog label{display:block;font-size:14px;margin-top:16px}dialog input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:white;margin-top:8px;font-size:16px}dialog .primary{margin-top:20px}.error{color:#9a332a;line-height:1.5}.badge{display:inline-block;background:var(--selection);border-radius:20px;padding:6px 12px;font-size:12px}.fade{animation:enter .3s ease-out}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:14px;padding:14px 20px;max-width:90%;z-index:5;display:none}.hero{position:relative;border-radius:22px;overflow:hidden}.hero img{width:100%;display:block}.hero .label{bottom:12px;top:auto}.legal-note{border-left:3px solid var(--line);padding-left:12px}.plan{padding:14px;border:1px solid var(--line);border-radius:14px;margin:12px 0;display:flex;justify-content:space-between;gap:12px}.plan small{display:block;margin-top:4px;color:var(--muted)}@media(min-width:600px){.style-grid{grid-template-columns:repeat(3,1fr)}.photo{max-height:430px}main{padding-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

@media(min-width:600px){.compare{max-width:440px;margin-inline:auto}}
.checkout-plans{display:grid;gap:12px}.checkout-plan{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #ccc;border-radius:16px}.checkout-plan input{width:20px;height:20px;flex-shrink:0}.checkout-plan small{display:block;margin-top:5px}