*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0b0806;color:#f3e8d8;font-family:ui-serif,Iowan Old Style,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none}.shop{position:relative;height:100%;width:100%;overflow:hidden;transition:background 1.6s linear}.shop canvas{display:block;touch-action:none}.tag{font-family:ui-serif,Iowan Old Style,Georgia,serif;font-size:13px;font-style:italic;letter-spacing:.08em;color:#ffeed2;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.95)}.hint{position:absolute;bottom:clamp(58px,9vh,84px);left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.22em;text-transform:lowercase;opacity:.42;pointer-events:none;transition:opacity 1s ease;text-shadow:0 2px 14px rgba(0,0,0,.9)}.hint.gone{opacity:0}.grain{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 82% 74% at 50% 44%,#0000 46%,#0000004d 80%,#0009)}.sign{position:absolute;top:clamp(18px,3.4vh,34px);left:clamp(20px,3.4vw,44px);pointer-events:none}.sign h1{margin:0;font-size:clamp(17px,1.9vw,23px);font-weight:400;letter-spacing:.3em;color:#f7e4c6;text-shadow:0 2px 22px rgba(0,0,0,.85)}.sign p{margin:.75em 0 0;font-size:clamp(10px,1.05vw,12px);letter-spacing:.16em;opacity:.45;font-style:italic;text-shadow:0 2px 14px rgba(0,0,0,.9)}.clock{position:absolute;bottom:clamp(14px,3vh,26px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.clock-face,.clock-reset{font-family:inherit;background:#0c08066b;border:1px solid rgba(255,226,186,.18);color:#f6e5cd;padding:7px 16px;border-radius:999px;font-size:12px;letter-spacing:.11em;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.5;transition:opacity .35s ease,border-color .35s ease}.clock-face:hover,.clock-reset:hover,.clock.open .clock-face{opacity:1;border-color:#ffe2ba66}.clock-panel{display:flex;align-items:center;gap:12px;order:-1;background:#0c080680;border:1px solid rgba(255,226,186,.16);border-radius:999px;padding:9px 16px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.clock-panel input[type=range]{width:clamp(160px,34vw,320px);accent-color:#ffb347}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.place-note{position:absolute;bottom:clamp(12px,2.4vh,22px);right:clamp(16px,3vw,34px);font-size:10px;letter-spacing:.14em;text-transform:lowercase;opacity:.34;pointer-events:none;text-align:right;max-width:46vw;text-shadow:0 2px 14px rgba(0,0,0,.9)}@media (max-width: 640px){.place-note{display:none}}.audio{position:absolute;top:clamp(16px,3vh,30px);right:clamp(16px,3vw,34px);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:60vw}.audio-btn{font-family:inherit;background:#0c08066b;border:1px solid rgba(255,226,186,.16);color:#f6e5cd;padding:6px 13px;border-radius:999px;font-size:11px;letter-spacing:.12em;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.45;transition:opacity .3s ease,border-color .3s ease}.audio-btn:hover{opacity:1}.audio-btn.on{opacity:1;border-color:#ffb3478c;color:#ffd9a0}.audio-btn.ghost{background:none;border-color:#ffe2ba1a}.audio-now{font-size:10px;font-style:italic;letter-spacing:.1em;opacity:.5;text-shadow:0 2px 12px rgba(0,0,0,.9)}.wall{position:absolute;bottom:clamp(12px,2.4vh,22px);left:clamp(16px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:min(92vw,520px)}.wall-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#0c080680;border:1px solid rgba(255,226,186,.16);border-radius:999px;padding:7px 10px 7px 16px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.wall-form input{font-family:inherit;font-size:13px;font-style:italic;letter-spacing:.04em;background:none;border:none;outline:none;color:#f6e5cd;width:min(46vw,250px)}.wall-form input::placeholder{color:#f6e5cd59}.wall-count{font-size:10px;opacity:.35;min-width:2ch;text-align:right}.wall-note{font-size:10px;letter-spacing:.14em;text-transform:lowercase;opacity:.34;pointer-events:none;text-shadow:0 2px 14px rgba(0,0,0,.9)}.room-note{position:absolute;bottom:calc(clamp(12px,2.4vh,22px) + 16px);right:clamp(16px,3vw,34px);font-size:10px;letter-spacing:.14em;text-transform:lowercase;opacity:.34;pointer-events:none;text-align:right;text-shadow:0 2px 14px rgba(0,0,0,.9)}@media (max-width: 640px){.room-note{display:none}}