*{box-sizing:border-box}
:root{--bg:#fff;--ink:#171717;--mid:#737373;--line:#e5e5e5}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}
body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}
button:focus-visible,a:focus-visible{outline:1px solid #555;outline-offset:4px}
.site-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,44px) 0;font-size:11px;letter-spacing:.11em}
.wordmark{font-weight:700;text-decoration:none;letter-spacing:-.02em}.wordmark span{font-weight:400;color:#8d8d8d}
.header-cart{font-size:10px;letter-spacing:.12em;color:#777}.header-cart span{color:#222;margin-left:4px}
.viewer{width:min(760px,100%);margin:0 auto;padding:clamp(22px,4vh,40px) 20px 34px;display:flex;flex-direction:column;align-items:center}
.countdown{text-align:center;margin-bottom:clamp(28px,4vh,48px)}
.countdown-title{font-size:11px;font-weight:500;letter-spacing:.18em;color:#4c4c4c;margin-bottom:7px}
.countdown-time{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;justify-content:center;column-gap:clamp(7px,1.5vw,16px);font-size:clamp(44px,9vw,88px);line-height:.94;font-weight:600;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.colon{font-weight:300;color:#3a3a3a;transform:translateY(-3px)}
.countdown-labels{width:min(440px,78vw);margin:9px auto 0;display:grid;grid-template-columns:repeat(3,1fr);font-size:8px;letter-spacing:.2em;color:#aaa;padding:0 9%}
.photo-zone{position:relative;width:min(560px,88vw);min-height:250px;display:flex;align-items:center;justify-content:center}
.photo-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:min(52vh,580px);background:#fff}
.photo-shell img{display:block;max-width:100%;max-height:min(52vh,580px);width:auto;height:auto;object-fit:contain;background:#fff;transform-origin:center;transition:transform .2s ease}
.blank-photo{width:min(390px,76vw);aspect-ratio:4/5;display:grid;place-items:center;background:#fff;border:1px solid #ececec;box-shadow:0 12px 28px rgba(0,0,0,.08);color:#c3c3c3;font-size:10px;letter-spacing:.14em}
.rotate-controls{position:absolute;right:-2px;bottom:-6px;display:flex;gap:7px;z-index:2}
.rotate-button{width:29px;height:29px;color:#969696}.rotate-button:hover{color:#333}
.rotate-button svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.rotate-button circle{stroke-width:.85;stroke-dasharray:1.2 2.1;opacity:.9}.rotate-button path{stroke-width:1.05}
.controls{width:min(520px,90vw);margin-top:24px;position:relative;text-align:center}
.position{font-size:13px;color:#8a8a8a;letter-spacing:.01em;margin-bottom:20px}.position strong{font-weight:600;color:#2b2b2b}
.nav-row{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;color:#777;padding:0 3px}.nav-row button:hover{color:#222}
.rule{height:1px;background:var(--line);margin:18px 0 15px}
.action-row{display:flex;justify-content:center;align-items:center;gap:18px;font-size:10px;letter-spacing:.14em;color:#808080}
.dot{color:#b5b5b5;font-size:8px}
.add-button{color:#1c1c1c;font-weight:600;border-bottom:1px solid #1c1c1c;padding-bottom:3px}.add-button.added{color:#777;border-color:#777}
.side-label{margin-top:15px;text-align:right;font-size:8px;letter-spacing:.15em;color:#b0b0b0}
@media(max-width:600px){
.site-header{padding-top:14px}.viewer{padding-top:24px}.countdown{margin-bottom:30px}.countdown-title{font-size:9px}
.countdown-time{font-size:clamp(42px,14vw,64px);column-gap:6px}.countdown-labels{width:min(330px,88vw);font-size:7px}
.photo-zone{width:min(430px,88vw)}.photo-shell img{max-height:46vh}.blank-photo{width:min(320px,74vw)}
.rotate-controls{right:-1px;bottom:-4px}.controls{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}