:root{--sand:#12100e;--paper:#1c1916;--tray:#29241f;--ink:#ece4d6;--muted:#8d8478;--line:#ece4d61f;--sage:#8fb09a;--bronze:#c9a676;--glow:#c9a67638;--shadow:#0009;--ok:#8fb09a;--wrong:#ffffff4d;--danger:#d77a6a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Jost", -apple-system, system-ui, sans-serif;--slow:.9s cubic-bezier(.22, 1, .36, 1);--panel-width:380px;font-family:var(--sans);color:var(--ink);background:var(--sand);font-weight:300}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 50% -10%, #2a241d 0%, transparent 60%), var(--sand);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.shell{min-height:100dvh}.ambient{filter:blur(24px);pointer-events:none;width:100%;height:100%;position:fixed;inset:0;transform:scale(1.15)}.app{min-height:100dvh;transition:padding-right var(--slow);flex-direction:column;justify-content:center;align-items:center;padding:128px 24px 120px;display:flex;position:relative}.screen{text-align:center;width:100%;max-width:980px;animation:arrive 1.4s var(--slow) both;flex-direction:column;align-items:center;gap:32px;display:flex}@keyframes arrive{0%{opacity:0;filter:blur(4px);transform:translateY(16px)}to{opacity:1;filter:none;transform:none}}h1,h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:300;line-height:1.05}h1{font-size:clamp(56px,9vw,104px)}h2{font-size:clamp(36px,5vw,56px)}em{color:var(--bronze);font-style:italic}.eyebrow{letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.lead{max-width:28ch;font-family:var(--serif);color:var(--muted);margin:0;font-size:26px}.primary{border:1px solid var(--ink);letter-spacing:.28em;text-transform:uppercase;transition:background var(--slow), color var(--slow);background:0 0;border-radius:999px;margin-top:8px;padding:20px 56px;font-size:14px}.primary:active,.primary:hover{background:var(--ink);color:var(--paper)}.primary:disabled{opacity:.4}.link{color:var(--muted);letter-spacing:.08em;border:0;border-bottom:1px solid var(--line);background:0 0;padding:4px 0;font-size:15px}.countdown{font-variant-numeric:tabular-nums}.progress{gap:12px;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:32px;left:50%;transform:translate(-50%)}.progress li{border:1px solid var(--muted);width:6px;height:6px;transition:background var(--slow);border-radius:50%}.progress li.is-reached{background:var(--muted)}.picker{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:100%;display:grid}.picker__option{border:1px solid var(--line);font-family:var(--serif);transition:transform var(--slow), background var(--slow), border-color var(--slow);background:#1c1916b3;border-radius:4px;flex-direction:column;align-items:center;gap:18px;padding:32px 20px 24px;font-size:24px;font-style:italic;display:flex}.picker__option:active,.picker__option:hover{background:var(--paper);border-color:var(--bronze);transform:translateY(-4px)}.design{background:var(--tray);box-shadow:0 20px 40px -24px var(--shadow);border-radius:4px;gap:5px;padding:10px;display:grid}.design--large{width:min(320px,70vw)}.design--small{gap:3px;width:120px;padding:6px}.design__brick{aspect-ratio:1;border-radius:3px;box-shadow:inset 0 -2px #00000026,inset 0 1px #ffffff26}.build-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:72px;display:flex}.build-target{flex-direction:column;align-items:center;gap:24px;display:flex}.breath{aspect-ratio:1;place-items:center;width:min(360px,80vw);display:grid;position:relative}.breath__ring{position:absolute;inset:0;transform:rotate(-90deg)}.breath__track{fill:none;stroke:var(--line);stroke-width:1px}.breath__progress{fill:none;stroke:var(--bronze);stroke-width:1.5px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.breath__orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #3b332a, var(--paper) 72%);width:70%;box-shadow:0 0 90px 10px var(--glow), inset 0 1px 0 #ffffff0f;border-radius:50%;transition:transform 4s cubic-bezier(.45,0,.55,1);position:absolute;transform:scale(.62)}.breath__orb.is-inhaling{transform:scale(1)}.breath__label{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.breath__label span{font-family:var(--serif);color:var(--muted);font-size:24px;font-style:italic}.breath__label strong{letter-spacing:.24em;font-size:15px;font-weight:300}.scan-layout{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.scan-target{flex-direction:column;align-items:center;gap:16px;display:flex}.scanner{flex-direction:column;gap:12px;display:flex}.scanner__video{display:none}.scanner__viewport{aspect-ratio:1;width:min(520px,82vw);box-shadow:0 30px 60px -30px var(--shadow);border-radius:4px;position:relative;overflow:hidden}.scanner__canvas{filter:saturate(.9);background:#000;width:100%;height:100%;display:block}.scanner__grid{display:grid;position:absolute;inset:0}.scanner__cell{border:1px solid var(--wrong);transition:box-shadow .4s,border-color .4s;position:relative}.scanner__cell.is-ok{border-color:var(--ok);box-shadow:inset 0 0 0 3px #7fa58a8c}.scanner__seen{border:1px solid #fffc;border-radius:50%;width:12px;height:12px;position:absolute;bottom:8px;right:8px}.error{color:var(--danger);background:#d77a6a1a;border:1px solid #d77a6a66;border-radius:4px;margin-top:32px;padding:14px 22px;font-size:15px}.error button{background:0 0;border:0;text-decoration:underline}.emergency,.panel-toggle{border:1px solid var(--line);color:var(--muted);letter-spacing:.2em;text-transform:uppercase;touch-action:none;background:0 0;border-radius:999px;padding:10px 18px;font-size:11px;position:fixed;bottom:56px}.emergency{right:24px}.emergency.is-holding{background:var(--danger);color:var(--sand);transition:background 3s linear}.panel-toggle{left:24px}.panel{width:min(var(--panel-width), 100vw);background:var(--paper);border-left:1px solid var(--line);box-shadow:-30px 0 60px -40px var(--shadow);transition:transform var(--slow);-webkit-user-select:text;user-select:text;z-index:10;padding:24px;font-size:14px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.panel.is-open{transform:none}@media (width>=1100px){.has-panel .app{padding-right:calc(var(--panel-width) + 24px)}.has-panel .emergency{right:calc(var(--panel-width) + 24px)}.has-panel .brand-ticker{right:var(--panel-width)}}.panel__header{justify-content:space-between;align-items:center;display:flex}.panel__header h3{font-family:var(--serif);margin:0;font-size:28px;font-style:italic;font-weight:400}.panel__close{color:var(--muted);background:0 0;border:0;font-size:28px;line-height:1}.panel__switch{color:var(--muted);align-items:center;gap:10px;margin:16px 0 8px;display:flex}.panel__group{border-top:1px solid var(--line);padding:18px 0}.panel__group h4{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:400}.panel__buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel__buttons+.panel__buttons{margin-top:8px}.panel__buttons button,.panel__buttons input{border:1px solid var(--line);font:inherit;background:0 0;border-radius:999px;padding:8px 14px}.panel__buttons button:active{background:var(--ink);color:var(--paper)}.panel__buttons input[type=number]{text-align:center;border-radius:4px;width:64px}.panel__buttons input[type=color]{border-radius:4px;width:44px;height:36px;padding:2px}.panel__range{align-items:center;gap:12px;display:flex}.panel__range input{accent-color:var(--bronze);flex:1}.panel__range output{text-align:right;font-variant-numeric:tabular-nums;min-width:3ch}.panel__swatches{gap:8px;margin-bottom:10px;display:flex}.panel__swatches button{border:1px solid var(--line);border-radius:50%;width:32px;height:32px}.panel__status{background:var(--sand);white-space:pre-wrap;word-break:break-word;border-radius:4px;margin:0;padding:12px;font-size:12px}.panel__log{margin:0;padding:0;font-size:12px;list-style:none}.panel__log li{border-bottom:1px dashed var(--line);grid-template-columns:auto 1fr;gap:2px 10px;padding:6px 0;display:grid}.panel__log li span{color:var(--muted)}.panel__log li small{color:var(--muted);grid-column:2}.panel__log li.is-failed code,.panel__log li.is-failed small{color:var(--danger)}.brand-mark{z-index:6;pointer-events:none;align-items:center;gap:14px;display:flex;position:fixed;top:24px;left:24px}.brand-mark__name{font-family:var(--serif);color:var(--ink);font-size:24px;font-style:italic;line-height:.95}.brand-mark__badge{border:1px solid var(--bronze);color:var(--bronze);font-family:var(--serif);box-shadow:0 0 30px var(--glow);border-radius:999px;flex-direction:column;align-items:center;padding:8px 14px 6px;font-size:26px;line-height:.9;animation:4s ease-in-out infinite brand-glow;display:flex}.brand-mark__badge small{font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;font-size:8px}@keyframes brand-glow{50%{box-shadow:0 0 50px 6px var(--glow)}}.brand-ticker{background:var(--bronze);color:var(--sand);font-family:var(--serif);white-space:nowrap;z-index:6;transition:right var(--slow);padding:9px 0;font-size:18px;font-style:italic;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.brand-ticker__track{animation:60s linear infinite ticker;display:inline-flex}.brand-ticker__track span{padding-right:36px}.brand-ticker__track span:after{content:"✦";padding-left:36px;font-size:12px;font-style:normal}@keyframes ticker{to{transform:translate(-50%)}}.brand-watermark{font-family:var(--serif);color:#0000;-webkit-text-stroke:1px #c9a67614;pointer-events:none;place-items:center;font-size:70vmin;font-style:italic;line-height:1;display:grid;position:fixed;inset:0}.ad{z-index:8;background:var(--paper);border:1px solid var(--bronze);width:min(320px,88vw);box-shadow:0 0 0 6px #c9a67626, 0 0 80px var(--glow), 0 30px 60px -20px var(--shadow);text-align:left;transform:rotate(var(--tilt));animation:ad-in .9s var(--slow) both, ad-wobble 6s 1s ease-in-out infinite;border-radius:6px;padding:0 0 22px;position:fixed}@keyframes ad-in{0%{opacity:0;transform:rotate(var(--tilt)) scale(.6);filter:blur(8px)}to{opacity:1;transform:rotate(var(--tilt)) scale(1);filter:none}}@keyframes ad-wobble{0%,85%,to{transform:rotate(var(--tilt))}90%{transform:rotate(calc(var(--tilt) + 2deg)) scale(1.04)}95%{transform:rotate(calc(var(--tilt) - 2deg)) scale(1.04)}}.ad__bar{border-bottom:1px solid var(--line);color:var(--bronze);letter-spacing:.3em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-size:10px;display:flex}.ad__close{width:20px;height:20px;color:var(--muted);opacity:.4;background:0 0;border:0;padding:0;font-size:14px;line-height:1}.ad__headline{font-family:var(--serif);color:var(--bronze);margin:18px 20px 8px;font-size:32px;font-style:italic;font-weight:400;line-height:1;animation:2s ease-in-out infinite alternate ad-shimmer}@keyframes ad-shimmer{to{color:var(--ink);text-shadow:0 0 20px var(--glow)}}.ad__body{color:var(--muted);margin:0 20px 18px;font-size:15px;line-height:1.4}.ad__cta{background:var(--bronze);color:var(--sand);letter-spacing:.24em;text-transform:uppercase;border:0;border-radius:999px;margin:0 20px;padding:12px 24px;font-size:12px;animation:1.2s ease-in-out infinite alternate ad-pulse}@keyframes ad-pulse{to{box-shadow:0 0 30px var(--glow);transform:scale(1.06)}}.ad__fine{color:var(--muted);margin:12px 20px 0;font-size:9px;display:block}.store-badges{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;display:flex}.store-badges--corner{z-index:6;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;position:fixed;top:24px;right:24px}.store-badge{text-align:left;animation:store-float 3s var(--delay) ease-in-out infinite;background:#12100ed9;border:1px solid #c9a67680;border-radius:12px;align-items:center;gap:10px;padding:8px 18px 8px 10px;display:flex}@keyframes store-float{0%,60%,to{transform:translateY(0)rotate(0)}75%{box-shadow:0 0 30px var(--glow);transform:translateY(-7px)rotate(-2deg)}}.store-badge__icon{background:radial-gradient(circle at 35% 30%, #e7cfa8, var(--bronze));width:30px;height:30px;color:var(--sand);border-radius:50%;place-items:center;font-size:14px;display:grid}.store-badge__text{flex-direction:column;line-height:1.05;display:flex}.store-badge__text small{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px}.store-badge__text strong{font-family:var(--serif);color:var(--ink);font-size:20px;font-style:italic;font-weight:400}@media (prefers-reduced-motion:reduce){.brand-ticker__track,.brand-mark__badge,.ad,.ad__headline,.ad__cta,.store-badge,.screen{animation:none}}