:root{--paper:#f1f0ea;--ink:#2d232e;--surface:#e0ddcf;--muted:#534b52;--accent:#474448;--label:#413a41;--label-on:var(--ink);--line:#2d232e29;--line-soft:#2d232e17;--text:var(--label);--text-h:var(--ink);--bg:var(--paper);--border:var(--line);--code-bg:var(--surface);--sans:"Manrope", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Cormorant Garamond", Georgia, "Times New Roman", serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-.5px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:40px}}h2{letter-spacing:-.1px;margin:0 0 8px;font-size:26px;line-height:124%}@media (width<=1024px){h2{font-size:22px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bar:var(--surface);--idle:var(--label);--hairline:var(--line);--bezel:var(--paper);--bezel-line:var(--line-soft);--cam-font:var(--sans);--shell:560px}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--cam-font);margin:0}#root{text-align:left;border:none;width:100%;max-width:none;margin:0;display:block}.stage{flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100svh;padding:36px 0 44px;display:flex}.site-header{width:min(var(--shell), 100vw);text-align:center;padding:0 20px}.wordmark{font-family:var(--heading);letter-spacing:.005em;color:var(--ink);margin:0;font-size:clamp(2.5rem,11vw,3.25rem);font-weight:500;line-height:1}.tagline{font-family:var(--sans);letter-spacing:.19em;text-transform:uppercase;color:var(--label);margin:14px 0 0;font-size:.72rem;font-weight:500}.disclosure{font-family:var(--sans);letter-spacing:.01em;color:var(--muted);margin:8px 0 0;font-size:.66rem;font-weight:400}.phone{width:min(var(--shell), 100vw);background:var(--bezel);border:1px solid var(--bezel-line);border-radius:52px;flex-direction:column;padding:0 12px;display:flex}.phone-ear{height:52px;position:relative}.phone-speaker{background:var(--line);border-radius:4px;width:48px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-camera{background:var(--line);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:calc(50% - 52px);transform:translateY(-50%)}.phone-chin{height:68px;position:relative}.home-button{border:1px solid var(--line);background:0 0;border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.screen{background:var(--surface);border:1px solid var(--ink);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.top-bar{background:var(--bar);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;height:46px;padding:0 6px;display:flex}.bar-toggle{color:var(--idle);font-family:var(--cam-font);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:10px 12px;font-size:10px;font-weight:500;display:flex;position:relative}.bar-toggle.on{color:var(--label-on);font-weight:600}.bar-toggle.on:after{content:"";background:var(--label-on);height:1px;position:absolute;bottom:3px;left:12px;right:12px}.bar-toggle:disabled{opacity:.55;cursor:default}.viewfinder{background:var(--ink);width:100%;position:relative}.viewfinder video{border-radius:0!important}.grid-overlay{pointer-events:none;position:absolute;inset:0}.grid-line{background:#f1f0ea66;position:absolute}.grid-line.v{width:1px;top:0;bottom:0}.grid-line.v1{left:33.333%}.grid-line.v2{left:66.666%}.grid-line.h{height:1px;left:0;right:0}.grid-line.h1{top:33.333%}.grid-line.h2{top:66.666%}.countdown{font-family:var(--heading);color:var(--paper);text-shadow:0 1px 10px #2d232e73;pointer-events:none;justify-content:center;align-items:center;font-size:7rem;font-weight:400;display:flex;position:absolute;inset:0}.flash{background:var(--paper);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;inset:0}.flash.visible{opacity:1;transition:none}.shop-bar{background:var(--bar);border-top:1px solid var(--line-soft);flex-direction:column;align-items:center;gap:6px;padding:10px 12px;display:flex}.shop-piece{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--label-on);margin:0;font-size:.62rem;font-weight:600;line-height:1.2;overflow:hidden}.shop-note{font-family:var(--sans);letter-spacing:.02em;text-align:center;color:var(--label);margin:0;font-size:.6rem;line-height:1.3}.shop-button{font-family:var(--heading);letter-spacing:.01em;color:var(--paper);background:var(--accent);cursor:pointer;border-radius:999px;padding:9px 26px;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.shop-button:hover,.shop-button:focus-visible{background:var(--ink)}.drawer{background:var(--bar);border-top:1px solid var(--line-soft);flex-direction:column;flex:1;min-height:112px;display:flex}.tabs{flex-wrap:wrap;gap:2px;padding:10px 8px 4px;display:flex}.tab{color:var(--label);font-family:var(--cam-font);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;padding:8px 12px 15px;font-size:10px;font-weight:500;transition:background-color .16s,color .16s;position:relative}.tab:hover:not(.open){background:var(--line-soft);color:var(--label-on)}.tab.open{background:var(--accent);color:var(--paper);font-weight:600}.worn-dot{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.tab.open .worn-dot{background:var(--paper)}.tray{scrollbar-width:none;gap:8px;padding:2px 10px 12px;display:flex;overflow-x:auto}.tray::-webkit-scrollbar{display:none}.tray-item{background:var(--paper);border:1px solid var(--hairline);color:var(--label);font-family:var(--cam-font);cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:9px 12px 7px;display:flex}.tray-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--label-on)}.tray-item-label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:500}.tray-item.active .tray-item-label{font-weight:600}.bottom-bar{background:var(--bar);border-top:1px solid var(--line-soft);grid-template-columns:64px 1fr 64px;place-items:center;padding:14px 0 18px;display:grid}.thumb-slot{width:38px;height:38px}.thumb-slot-end{justify-content:center;align-items:center;display:flex}.footer-link{color:var(--label);font-family:var(--cam-font);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:500;text-decoration:none}.footer-link:hover,.footer-link:focus-visible{color:var(--label-on)}.thumb{border:1px solid var(--line);object-fit:cover;border-radius:8px;width:38px;height:38px;display:block}.thumb-empty{background:var(--paper)}.shutter{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:64px;height:64px;padding:4px}.shutter-inner{background:var(--ink);border-radius:50%;width:100%;height:100%;transition:background-color .15s,transform .15s;display:block}.shutter:active .shutter-inner{transform:scale(.9)}.shutter-inner.counting{background:var(--accent);transform:scale(.72)}@media (width<=600px){.stage{justify-content:flex-start;gap:14px;padding:16px 0 18px}.site-header,.phone{width:100%}.site-header{padding:0 16px}.wordmark{font-size:clamp(2rem,9vw,2.5rem)}.tagline{letter-spacing:.16em;margin-top:8px;font-size:.66rem}.phone{background:0 0;border:none;border-radius:0;padding:0}.phone-ear,.phone-chin{display:none}.screen{border-left:none;border-right:none;border-radius:0}.drawer{min-height:96px}.bottom-bar{grid-template-columns:58px 1fr 58px;padding:10px 0 12px}.shutter{width:58px;height:58px}}.swatch{object-fit:contain;width:46px;height:46px}