*{margin:0;padding:0;box-sizing:border-box}:root{--red: #e23b3b;--bg: #161615;--panel: rgba(32, 31, 30, .92);--text: #f0ede6;--muted: #9b968e}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;height:100dvh}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{touch-action:none}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 16px 0;pointer-events:none}.brand{display:flex;flex-direction:column;font-size:22px;font-weight:800;letter-spacing:.06em}.tagline{font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--muted);margin-top:2px}.price-chip{background:var(--panel);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px;padding:8px 12px;border-radius:999px;font-variant-numeric:tabular-nums}.price-chip--ready{color:var(--text);font-size:15px;font-weight:700}.night-fab{position:absolute;right:16px;top:calc(env(safe-area-inset-top) + 68px);width:46px;height:46px;border-radius:50%;background:var(--panel);border:1px solid rgba(255,255,255,.12);color:var(--text);font-size:21px;line-height:1;cursor:pointer}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.08);padding:10px 16px calc(env(safe-area-inset-bottom) + 16px)}.summary{text-align:center;font-size:12px;color:var(--muted);margin-bottom:8px}.tabs{display:flex;gap:4px}.tab{flex:1;position:relative;background:none;border:none;color:var(--muted);font-size:15px;font-weight:600;padding:10px 0;border-radius:10px;cursor:pointer}.tab--active{color:var(--text);background:#ffffff12}.tab:disabled{opacity:.45;cursor:default}.soon{position:absolute;top:1px;right:4px;font-size:8px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel{padding-top:14px;min-height:76px}.swatches{display:flex;gap:14px;justify-content:center}.swatch{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.15);cursor:pointer}.swatch--active{border-color:var(--text);box-shadow:0 0 0 3px #f0ede640}.sizes{display:flex;gap:10px}.size{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:#ffffff0f;border:2px solid transparent;border-radius:14px;color:var(--text);font-size:16px;font-weight:700;padding:12px 0 10px;cursor:pointer}.size--active{border-color:var(--red);background:#e23b3b1f}.size:disabled{opacity:.38;cursor:default}.hint{margin-top:12px;text-align:center;font-size:12.5px;color:var(--muted)}.note{font-size:10px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.order-btn{width:100%;margin-top:14px;background:var(--red);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;padding:14px 0;cursor:pointer}.sheet-footer{margin-top:10px;text-align:center;font-size:11.5px;color:var(--muted)}.sheet-footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}.order-consent a{color:var(--text)}.order-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0a0999;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.order-panel{position:relative;width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:var(--panel);border-radius:20px 20px 0 0;border-top:1px solid rgba(255,255,255,.1);padding:22px 20px calc(env(safe-area-inset-bottom) + 20px)}.order-panel h2{font-size:22px;font-weight:800;margin-bottom:4px}.order-summary{color:var(--muted);font-size:13px;margin-bottom:16px}.order-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#ffffff12;border:none;color:var(--muted);font-size:15px;cursor:pointer}.order-panel label{display:block;font-size:13px;color:var(--muted);margin-bottom:12px}.order-panel input:not([type=checkbox]),.order-panel select{display:block;width:100%;margin-top:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text);font-size:16px;padding:12px 14px}.order-panel input:focus,.order-panel select:focus{outline:2px solid var(--red);outline-offset:-1px}.order-note{font-size:12px;color:var(--muted);margin:-4px 0 12px}.order-consent{display:flex!important;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:4px 0 14px}.order-consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--red)}.order-error{color:#ff8a7a;font-size:13px;margin-bottom:10px}.order-submit{width:100%;background:var(--red);border:none;border-radius:14px;color:#fff;font-size:17px;font-weight:700;padding:14px 0;cursor:pointer}.order-submit:disabled{opacity:.45;cursor:default}.order-done{text-align:center;padding:18px 0 6px}.order-done p{color:var(--muted);font-size:14.5px;margin:10px 0 20px}.order-done b{color:var(--text)}@media (min-width: 900px){.order-overlay{align-items:center}.order-panel{border-radius:20px}}@media (min-width: 900px){.sheet{left:auto;top:0;bottom:0;width:360px;border-radius:20px 0 0 20px;border-left:1px solid rgba(255,255,255,.08);padding-top:90px}.topbar{right:360px}}