:root{--paper:#f3ede2;--paper-2:#e9e0cf;--card:#fffdf7;--ink:#1e3a36;--ink-2:#4e625d;--glass:#2e5a54;--glass-fill:#2e5a541a;--glass-line:#1e3a368c;--lid:#c9773a;--lid-band:#a35e2a;--accent:#a3561f;--accent-ink:#fff;--wood:#b98b5b;--wood-edge:#8e6438;--line:#1e3a3624;--focus:#2f6fdb;--shadow:0 1px 2px #1e3a3614, 0 8px 24px #1e3a3614;--serif:"Fraunces", "New York", Georgia, serif;--sans:"Public Sans", -apple-system, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#14211f;--paper-2:#1b2c29;--card:#20332f;--ink:#efe7d8;--ink-2:#b4bfb8;--glass-fill:#aad6cd14;--glass-line:#efe7d873;--accent:#d98845;--accent-ink:#14211f;--wood:#6e4f33;--wood-edge:#4a3420;--line:#efe7d824;--focus:#8db4ff;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}img{max-width:100%}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}.page{flex-direction:column;min-height:100vh;display:flex}main{width:100%;max-width:1180px;padding:0 var(--s5);flex:1;margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:var(--s4);width:100%;max-width:1180px;padding:var(--s4) var(--s5);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--s3);min-height:44px;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.brand span{font:600 22px/1 var(--serif);letter-spacing:-.01em}.site-nav{gap:var(--s2);white-space:nowrap;display:flex}.brand span{white-space:nowrap}.site-nav a{align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);color:var(--ink-2);border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav a:hover{color:var(--ink);background:var(--paper-2)}.site-nav .nav-cta{color:var(--ink);border:1px solid var(--line)}.hero{padding:var(--s7) 0 var(--s6);max-width:720px}.hero h1{font:500 clamp(38px, 6vw, 64px)/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 var(--s4);font-variation-settings:"opsz" 144}.hero p{color:var(--ink-2);max-width:560px;margin:0;font-size:18px}.hero .count{margin-top:var(--s4);font-size:15px}.hero .count strong{font:500 15px var(--mono);color:var(--ink)}.chips{gap:var(--s2);padding:var(--s1) 0 var(--s4);margin:0 calc(-1 * var(--s5));padding-left:var(--s5);padding-right:var(--s5);scrollbar-width:none;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{min-height:44px;padding:0 var(--s4);border:1px solid var(--line);color:var(--ink-2);font:500 15px var(--sans);cursor:pointer;background:0 0;border-radius:999px;flex:none}.chips button:hover{color:var(--ink);background:var(--paper-2)}.chips button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.shelves{padding:var(--s5) 0 var(--s4)}.shelf{gap:var(--s4);padding:0 var(--s4);margin-bottom:var(--s7);align-items:end;display:grid;position:relative}.shelf:after{content:"";z-index:0;background:linear-gradient(var(--wood), var(--wood) 70%, var(--wood-edge));border-radius:3px;height:14px;position:absolute;bottom:78px;left:0;right:0;box-shadow:0 10px 14px -8px #1e140a59}.jar{z-index:1;color:inherit;flex-direction:column;align-items:center;min-width:0;text-decoration:none;display:flex;position:relative}.jar-vessel{aspect-ratio:120/150;width:100%;max-width:168px;transition:transform .25s cubic-bezier(.2,.7,.3,1);position:relative}.jar:hover .jar-vessel,.jar:focus-visible .jar-vessel{transform:translateY(-6px)}.jar-glass{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jar-lid{fill:var(--lid)}.jar-lid-band{fill:var(--lid-band)}.jar-body{fill:var(--glass-fill);stroke:var(--glass-line);stroke-width:2px;vector-effect:non-scaling-stroke}.jar-thing{z-index:1;object-fit:contain;object-position:center bottom;width:92%;height:96%;position:absolute;top:4%;left:4%}.jar-shadow{background:radial-gradient(closest-side,#14140f59,#0000);border-radius:50%;height:10px;position:absolute;bottom:-3px;left:22%;right:22%}.jar-shine{pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0d);border-radius:99px;width:5%;height:44%;position:absolute;top:36%;left:15%}.jar-label{background:var(--card);border:1px solid var(--line);text-align:center;width:100%;max-width:168px;height:66px;box-shadow:var(--shadow);border-radius:4px;flex-direction:column;justify-content:center;margin-top:26px;padding:6px 10px;display:flex}.jar-no{font:500 11px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-2)}.jar-name{font:500 14px/1.25 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jar-ghost .jar-vessel{opacity:.45}.jar-ghost{padding-bottom:92px}.empty{text-align:center;padding:var(--s7) var(--s4);max-width:460px;margin:0 auto}.empty-jar{aspect-ratio:120/150;width:120px;margin:0 auto var(--s5);position:relative}.empty h1,.empty h2{font:500 28px/1.2 var(--serif);margin:0 0 var(--s2)}.empty p{color:var(--ink-2);margin:0}.error{text-align:center;color:var(--ink-2)}.more{padding-bottom:var(--s7);justify-content:center;display:flex}.button{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s4);border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 15px var(--sans);cursor:pointer;border-radius:999px;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--glass-line)}.button:disabled{opacity:.6;cursor:default}.button.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.button.primary:hover{filter:brightness(1.06)}.ar-thumb{object-fit:contain;width:24px;height:24px}.link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline}.object{padding-top:var(--s2);padding-bottom:var(--s7)}.back{align-items:center;gap:var(--s2);min-height:44px;color:var(--ink-2);margin-bottom:var(--s3);font-weight:500;text-decoration:none;display:inline-flex}.back:hover{color:var(--ink)}.object-grid{gap:var(--s6);grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;display:grid}.viewer{aspect-ratio:1;background:radial-gradient(ellipse at 50% 40%, var(--card), var(--paper-2));touch-action:none;border:1px solid var(--line);border-radius:18px;width:100%;max-height:78vh;position:relative;overflow:hidden}.viewer canvas{cursor:grab;width:100%;height:100%;display:block}.viewer canvas:active{cursor:grabbing}.viewer-poster{object-fit:contain;width:76%;height:76%;position:absolute;inset:12%}.viewer.loading .viewer-poster{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.6}}.viewer-modes{top:var(--s3);z-index:2;background:var(--card);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.viewer-modes button{min-height:44px;padding:0 var(--s4);color:var(--ink-2);font:500 14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px}.viewer-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.viewer-hint{left:0;right:0;bottom:var(--s3);justify-content:center;align-items:center;gap:var(--s2);color:var(--ink-2);pointer-events:none;margin:0;font-size:13px;display:flex;position:absolute}.label-card{background:var(--card);border:1px solid var(--line);padding:var(--s6);box-shadow:var(--shadow);border-radius:6px}.label-no{font:500 13px var(--mono);letter-spacing:.08em;color:var(--ink-2);margin:0 0 var(--s2)}.label-card h1{font:500 clamp(30px, 4vw, 40px)/1.08 var(--serif);letter-spacing:-.015em;margin:0 0 var(--s3)}.label-desc{color:var(--ink-2);margin:0 0 var(--s5);font-size:17px}.label-card dl{margin:0 0 var(--s5);border-top:1px solid var(--line)}.label-card dl div{justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex}.label-card dt{color:var(--ink-2);font-size:14px}.label-card dd{text-align:right;margin:0;font-size:15px;font-weight:500}.actions{gap:var(--s2);flex-wrap:wrap;display:flex}.site-footer{width:100%;max-width:1180px;padding:var(--s6) var(--s5);justify-content:space-between;gap:var(--s4);color:var(--ink-2);border-top:1px solid var(--line);flex-wrap:wrap;margin:0 auto;font-size:14px;display:flex}@media (width<=820px){.object-grid{gap:var(--s5);grid-template-columns:1fr}.label-card{padding:var(--s5)}}@media (width<=560px){main{padding:0 var(--s4)}.site-header{padding:var(--s3) var(--s4)}.site-nav a:not(.nav-cta){padding:0 var(--s3)}.hero{padding:var(--s6) 0 var(--s5)}.hero p{font-size:16px}.chips{margin:0 calc(-1 * var(--s4));padding-left:var(--s4);padding-right:var(--s4)}.shelf{gap:var(--s3);padding:0 var(--s2);margin-bottom:var(--s6)}.jar-label{margin-top:20px;padding:4px 5px}.jar-no{font-size:10px}.shelf:after{bottom:72px}.site-nav a:not(.nav-cta) span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.jar-name{font-size:12.5px}.site-footer{padding:var(--s5) var(--s4)}}@media (prefers-reduced-motion:reduce){.jar-vessel{transition:none}.viewer.loading .viewer-poster{animation:none}}.hero-tight{padding-bottom:var(--s5)}.add{max-width:760px}.add-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);padding:var(--s5);margin-bottom:var(--s7);gap:var(--s4);border-radius:16px;display:grid}.add-card h2{font:500 26px/1.2 var(--serif);margin:0}.add-tip{margin:0;font-size:17px}.notice{padding:var(--s3) var(--s4);border-radius:var(--radius);background:var(--paper-2);color:var(--ink);margin:0}.sides{gap:var(--s3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.side{gap:var(--s2);display:grid}.side-shot{aspect-ratio:3/4;border:1.5px dashed var(--glass-line);background:var(--paper);width:100%;color:var(--ink-2);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid;overflow:hidden}.side-shot img{object-fit:cover;width:100%;height:100%;display:block}.side-shot:disabled{cursor:default;opacity:.7}.side-active .side-shot{border:2px solid var(--accent);color:var(--accent)}.side-label{justify-content:space-between;align-items:center;gap:var(--s1);min-height:44px;font-size:15px;font-weight:600;display:flex}.side-label em{color:var(--ink-2);font-size:13px;font-style:normal;font-weight:400}.icon-button{width:44px;height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-button:hover{background:var(--paper-2)}.add-send{justify-self:start}.muted{color:var(--ink-2);margin:0}.small{font-size:14px}.add-actions{gap:var(--s3);flex-wrap:wrap;display:flex}.done{justify-items:start}.done-thumb{object-fit:contain;width:160px;height:160px}.steps{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.step{align-items:center;gap:var(--s3);color:var(--ink-2);min-height:32px;display:flex}.step-done,.step-active{color:var(--ink)}.step-active{font-weight:600}.step-failed{color:var(--accent)}.step-icon{background:var(--paper-2);border-radius:999px;flex:none;place-items:center;width:24px;height:24px;display:grid}.step-done .step-icon{background:var(--glass);color:var(--card)}.step-icon .dot{background:var(--glass-line);border-radius:999px;width:6px;height:6px}.build{gap:var(--s4);display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}@media (width<=560px){.sides{grid-template-columns:repeat(2,minmax(0,1fr))}.add-card{padding:var(--s4)}.nav-app span{display:none}.nav-app{padding:0 var(--s3)}}
