.hall-scene{background:#1c120b;min-height:0;position:relative;overflow:hidden;container-type:size}.hall-box{width:min(max(100cqw, 100cqh * var(--ar)), 100cqh * var(--ar) / .9);aspect-ratio:var(--ar);position:absolute;left:50%;container-type:size}.hall-portrait .hall-box{top:30%;transform:translate(-50%,-30%)}.hall-landscape .hall-box{top:40%;transform:translate(-50%,-40%)}.hall-bg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hall-box:after{content:"";pointer-events:none;z-index:50;position:absolute;inset:0;box-shadow:inset 0 0 6cqh 1cqh #00000059}.seat{width:0;height:0;position:absolute}.seat .cushion{width:calc(100cqh * var(--front-h) * var(--s) * .82);-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;transform:translate(-50%,-62%)}.seat .sprite{height:calc(100cqh * var(--front-h) * var(--s));transition:filter .3s;position:absolute;top:0;left:0;transform:translate(-50%,-96%)}.seat .sprite img{transform-origin:50% 100%;-webkit-user-select:none;user-select:none;height:100%;display:block}.seat .sprite.is-sit{filter:brightness(.9)}.seat .sprite.is-sit img{animation:4s ease-in-out infinite breathe;animation-delay:calc(var(--s) * -7s)}@keyframes breathe{50%{transform:scale(1.015)}}.seat .sprite.is-away{opacity:.45}.seat.is-mine .sprite{filter:drop-shadow(0 0 .8cqh #ffecc8f2)}.seat.is-mine .sprite.is-sit{filter:brightness(.9)drop-shadow(0 0 .8cqh #ffecc8f2)}.seat-label{max-width:max(44px, calc(100cqw * var(--gap) * .96));color:#f6f1e7;white-space:nowrap;text-overflow:ellipsis;background:#120d098c;border-radius:999px;padding:0 6px;font-size:max(10px,1.45cqh);line-height:1.6;position:absolute;overflow:hidden;transform:translate(-50%,.5cqh)}.seat-label.is-mine{background:var(--sen);max-width:none;font-weight:600}.is-stale .hall-box{filter:grayscale(.6)brightness(.85)}.dev-placeholder-note{z-index:60;color:#ffd;background:#0006;border:1px dashed #ffd;border-radius:6px;padding:0 4px;font-size:10px;position:absolute;top:40px;right:8px}.hall-scene .cushion[title]{outline:1px dashed #ffffdc99}@media (prefers-reduced-motion:reduce){.seat .sprite.is-sit img{animation:none}.seat .sprite{transition:none}}.candle{width:calc(100cqw * var(--size));aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;z-index:1;opacity:.85;animation:candle var(--p) ease-in-out var(--d) infinite alternate;background:radial-gradient(circle,#ffd68c8c 0%,#ffaa5038 35%,#0000 70%);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes candle{to{opacity:1}}.is-meditating .candle{display:none}.halo{width:calc(100cqw * var(--size));aspect-ratio:1;mix-blend-mode:screen;pointer-events:none;z-index:1;opacity:.55;background:radial-gradient(circle,#0000 28%,#ffcd7857 44%,#ffb45a24 56%,#0000 70%);border-radius:50%;animation:9s ease-in-out infinite alternate halo;position:absolute;transform:translate(-50%,-50%)}@keyframes halo{to{opacity:.85}}.is-radiant .halo{opacity:.9;animation-duration:5s}.radiance{width:calc(100cqw * var(--size));aspect-ratio:1;pointer-events:none;z-index:1;mix-blend-mode:screen;position:absolute;transform:translate(-50%,-50%)}.radiance .rays{background:repeating-conic-gradient(#0000 0deg,#ffdc9629 1.5deg,#0000 3deg 12deg);border-radius:50%;animation:90s linear infinite rays;position:absolute;inset:-30%;-webkit-mask:radial-gradient(circle,#0000 33%,#000 40%,#00000073 55%,#0000 70%);mask:radial-gradient(circle,#0000 33%,#000 40%,#00000073 55%,#0000 70%)}@keyframes rays{to{transform:rotate(360deg)}}.radiance .ring{opacity:0;animation:ring 8.1s ease-out var(--d) infinite;background:radial-gradient(circle,#0000 42%,#ffd2824d 48%,#0000 55%);border-radius:50%;position:absolute;inset:0;transform:scale(.75)}@keyframes ring{0%{opacity:0;transform:scale(.75)}20%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.smoke{width:calc(100cqw * var(--w));height:calc(100cqh * var(--rise));pointer-events:none;z-index:2;mix-blend-mode:screen;position:absolute;transform:translate(-50%,-100%)}.smoke i{aspect-ratio:.45;opacity:0;width:55%;animation:smoke var(--p) ease-out var(--d) infinite;background:radial-gradient(#f0eadee6 0%,#e1dacd66 38%,#0000 70%);border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%)scale(.4)}@keyframes smoke{0%{opacity:0;transform:translate(-50%)scale(.4)}15%{opacity:.6}50%{transform:translate(calc(-50% + 100% * var(--dx)), -45%) scale(.75)}to{opacity:0;transform:translate(calc(-50% - 100% * var(--dx)), -110%) scale(1.15)}}.is-meditating .smoke{display:none}.seat .sprite{cursor:pointer}.name-pop{transform:translate(-50%, calc(-100% - 100cqh * var(--front-h) * var(--s) - .8cqh));color:#2b2118;white-space:nowrap;pointer-events:none;background:#fbf8f2f2;border-radius:999px;padding:3px 10px;font-size:max(12px,1.7cqh);font-weight:600;position:absolute;box-shadow:0 2px 8px #00000059}@media (prefers-reduced-motion:reduce){.candle,.halo,.seat .sprite.is-sit img{animation:none}.smoke,.radiance .ring{display:none}.radiance .rays{animation:none}.seat .sprite{transition:none}}.hall-screen{background:var(--nga);grid-template-rows:minmax(0,1fr) auto;height:100dvh;display:grid}.hall-screen-landscape{grid-template-rows:none;grid-template-columns:minmax(0,1fr) 360px}.hall-top{z-index:70;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:10px 10px auto}.pill{color:var(--nga);white-space:nowrap;background:#2b2118c7;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.pill-warn{background:var(--bao-mang);color:var(--muc)}.hall-panel{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--nga);z-index:80;border-radius:20px 20px 0 0;flex-direction:column;gap:10px;margin-top:-14px;display:flex;position:relative}.hall-screen-landscape .hall-panel{border-radius:0;justify-content:center;margin:0;padding:24px}.notice{background:var(--go-nhat);color:var(--muc-phu);border-radius:12px;padding:10px 12px;font-size:14px}.notice-warn{background:var(--bao-mang);align-items:center;gap:10px;display:flex}.slot-card{background:var(--giay);border:1px solid var(--line);border-radius:14px;padding:10px 14px}.slot-time{font-size:20px}.enter{max-width:520px;min-height:100dvh;padding:24px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.enter h1{font-size:26px}.enter>p{margin:0}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.avatar-age{text-align:center;font-weight:600}.avatar-card{border:1.5px solid var(--line);background:var(--giay);color:var(--muc);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 6px;font-size:14px;font-weight:600;display:flex;position:relative}.avatar-card img{object-fit:contain;max-width:100%;height:96px}.avatar-card.is-on{border-color:var(--sen);background:var(--sen-nhat);box-shadow:0 0 0 1px var(--sen)}.avatar-card.is-on:after{content:"✓";background:var(--sen);color:#fff;border-radius:50%;width:22px;height:22px;font-size:13px;line-height:22px;position:absolute;top:6px;right:6px}.name-row{align-items:flex-end;gap:10px;display:flex}.name-row>div{flex:1}.name-box{background:var(--giay);border:1px solid var(--line);min-height:48px;font-family:var(--font-title);border-radius:12px;align-items:center;margin-top:4px;padding:0 14px;font-size:20px;font-weight:600;display:flex}.enter-actions{flex-direction:column;gap:8px;margin-top:auto;display:flex}.enter-error{color:var(--sen);margin:0;font-weight:600}.sheet-backdrop{z-index:100;background:#2b21188c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--nga);width:100%;max-width:520px;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:8px;display:flex}.sheet h2{font-size:22px}.sheet p{margin:0 0 4px}.sheet [role=radiogroup]{flex-direction:column;gap:8px;display:flex}.name-opt{border:1.5px solid var(--line);background:var(--giay);min-height:48px;color:var(--muc);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:17px;display:flex}.name-opt.is-on{border-color:var(--sen);background:var(--sen-nhat)}.radio{border:2px solid var(--muc-phu);border-radius:50%;flex:none;width:18px;height:18px}.name-opt.is-on .radio{border-color:var(--sen);box-shadow:inset 0 0 0 3px var(--sen-nhat), inset 0 0 0 9px var(--sen)}.gate-panel h1{font-size:28px}.gate-panel p{margin:0}.gate-quiet,.gate-count{font-weight:600}.gate-count:before{content:"👤 ";font-size:13px}.gate-foot{text-align:center}.gate-legal{margin-top:0}.gate-legal a{color:inherit}.practice-panel{color:#e8dccb;text-align:center;background:#1a130d;gap:14px;padding-top:20px}.practice-hint{color:#cbbba5;margin:0;font-size:15px}.practice-clock{font-variant-numeric:tabular-nums;color:#e8dccb}.practice-clock.big{font-size:20px}.practice-controls{justify-content:space-around;align-items:flex-end;margin-top:4px;display:flex}.round{color:#e8dccb;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;min-width:84px;padding:0;display:flex}.round .round-icon{border:1.5px solid #e8dccb73;border-radius:50%;width:44px;height:44px;padding:10px}.round-main .round-icon{border-color:#e8dccbcc;width:64px;height:64px;padding:18px}.round-label{color:#cbbba5;font-size:13px}.round-spacer{visibility:hidden}.paused-head{text-align:left;justify-content:space-between;align-items:baseline;display:flex}.paused-head h2{color:#f6f1e7;font-size:22px}.practice-panel .practice-hint:first-of-type:not(:first-child){text-align:left}.practice-panel .btn-light{color:#2b2118;background:#e8dccb;min-height:56px;font-size:17px}.practice-panel .btn-ghost{color:#e8dccb;background:0 0;border:1.5px solid #e8dccb99;min-height:52px}.hall-scene.is-meditating .hall-box:before{content:"";z-index:44;pointer-events:none;background:#00000059;position:absolute;inset:0}.hall-scene.is-meditating .seat-label{opacity:.3!important}.hall-scene.is-meditating .sprite img{animation:none}.practice-title{text-align:center;color:#e8dccb;z-index:70;pointer-events:none;font-size:14px;position:absolute;inset:14px 0 auto}.practice-title a{pointer-events:auto;color:inherit;text-underline-offset:4px;padding:6px 8px;-webkit-text-decoration:underline dotted #e8dccb80;text-decoration:underline dotted #e8dccb80}.after-overlay{z-index:200;background:#120d098c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.after-sheet{background:var(--nga);width:100%;max-width:480px;max-height:100dvh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;flex-direction:column;gap:14px;min-height:min(620px,100dvh);display:flex;overflow-y:auto}@media (width>=700px){.after-overlay{align-items:center}.after-sheet{border-radius:24px}}.after-sheet h1{text-align:center;font-size:26px}.after-sheet h1.left{text-align:left;margin-top:12px}.after-sheet p{margin:0}.after-bell{text-align:center;margin:0}.center{text-align:center}.after-card{background:var(--giay);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.after-card p{margin:4px 0 0}.after-actions{flex-direction:column;align-items:center;gap:10px;margin-top:4px;display:flex}.after-actions-bottom{margin-top:auto}.after-link{color:var(--go-dam);background:0 0;border:0;padding:8px;font-weight:600;text-decoration:underline}.after-foot{margin-top:auto!important}.lotus-ghost{opacity:.35;filter:grayscale();width:96px;margin:8px auto 0}.lotus-row{align-items:center;gap:14px;display:flex}.lotus-img{object-fit:contain;flex:none;width:72px;height:72px}.lotus-meta{flex:1;min-width:0}.lotus-title{margin-bottom:6px;font-weight:600}.lotus-bar{grid-template-columns:1fr 2fr 1fr;gap:4px;display:grid}.lotus-bar span{background:var(--go-nhat);border-radius:999px;height:6px;overflow:hidden}.lotus-bar i{background:var(--sen);height:100%;display:block}.lotus-scale{grid-template-columns:1fr 2fr 1fr;margin-top:4px;display:grid}.lotus-scale span:last-child{text-align:right}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div{background:var(--go-nhat);border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.stats b{font-size:20px}.stats span{color:var(--muc-phu);font-size:13px}.journal{flex-direction:column;gap:14px;max-width:480px;margin:0 auto;padding:18px 16px 40px;display:flex}.back-link{color:var(--go-dam);font-weight:600;text-decoration:none}.journal h1{font-size:28px}.journal-sub{font-family:var(--font-ui);margin:6px 0 0;font-size:15px}.week{grid-template-columns:repeat(7,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.week li{border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px 0;display:flex}.week li.is-today{background:var(--go-nhat)}.dot{border:1.5px solid var(--canh-sen);background:0 0;border-radius:50%;width:22px;height:22px}.dot.is-on{background:var(--canh-sen);border-color:var(--sen)}.journal-link{color:var(--go-dam);text-align:center;font-size:14px;font-weight:600}.wait-panel h2{font-size:22px}.wait-panel p{margin:0}.wait-back{text-align:left;background:0 0;border:0;padding:0}.eyebrow{color:var(--sen);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.wait-count{color:var(--muc-phu)}.wait-count b{font-family:var(--font-title);color:var(--muc);font-variant-numeric:tabular-nums;margin-right:6px;font-size:34px}.wait-chips{flex-wrap:wrap;gap:8px;display:flex}.wait-chips span{background:var(--giay);border:1px solid var(--line);border-radius:10px;padding:4px 10px;font-size:13px}.ready-badge{background:var(--sen-nhat);color:var(--sen);border:1px solid var(--canh-sen);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:600}.choice{text-align:left;background:var(--giay);border:1.5px solid var(--line);color:var(--muc);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.choice span{color:var(--muc-phu);font-size:13px}.choice-dark{background:var(--go-dam);border-color:var(--go-dam);color:var(--nga)}.choice-dark span{color:#e8dccb}.next-slot{background:var(--go-nhat);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.slot-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.save-lotus{width:64px;margin:24px auto 0}.checks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.checks li{padding-left:24px;position:relative}.checks li:before{content:"✓";color:var(--go-dam);position:absolute;left:0}.profile-card{background:var(--giay);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.profile-card.is-guest{background:var(--go-nhat);border-style:dashed}.profile-card img{height:52px}.saved-badge{background:var(--go-nhat);border-radius:999px;align-self:flex-end;padding:3px 10px;font-size:12px;font-weight:600}.journal-head{justify-content:space-between;align-items:center;display:flex}.rsvp-card{background:var(--giay);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rsvp-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rsvp-row .btn.is-on{background:var(--sen-nhat);color:var(--sen);border-color:var(--sen)}.choice:disabled{opacity:.5}.garden{background:#e2efe6;border-radius:10px;justify-content:center;gap:4px;margin-top:8px;padding:8px;display:flex}.garden img{object-fit:contain;width:26px;height:26px}.members{margin:6px 0 0;padding:0;list-style:none}.members li{border-bottom:1px solid var(--line);justify-content:space-between;padding:8px 0;display:flex}.sat{color:var(--muc-phu);font-size:13px}.sat:before{content:"";border:1.5px solid var(--line);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.sat.is-on:before{background:var(--sen);border-color:var(--sen)}.share-card img{border:1px solid var(--line);border-radius:12px;width:100%}.share-link{border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 12px;font-size:13px;display:flex;overflow:hidden}.share-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.field{flex-direction:column;gap:6px;display:flex}.field-box{border:1.5px solid var(--go-dam);background:var(--giay);border-radius:12px;align-items:center;gap:6px;padding:10px 12px;display:flex}.field-box input{font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;font-weight:600}.group-waiting{flex-direction:column;gap:12px;display:flex}.waiting-pill{background:var(--go-nhat);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:13px;font-weight:600}.group-invite-link{color:var(--sen);text-align:center;padding:6px;font-size:14px;font-weight:600}.seat .sprite.kneel-slot{width:calc(100cqh * var(--front-h) * var(--s) * 1.4);height:calc(100cqh * var(--front-h) * var(--s) * 1.3);pointer-events:none;transform:translate(-50%,-88%)}.kneel-canvas{width:100%;height:100%;display:block}.le-words{z-index:75;text-align:center;color:#f6ead2;font-family:var(--font-title);text-shadow:0 2px 12px #000000d9;opacity:0;pointer-events:none;font-size:clamp(18px,3.4cqh,30px);line-height:1.35;transition:opacity 1.4s;position:absolute;top:46%;left:6%;right:6%}.le-words.on{opacity:1}.le-progress{background:#ffffff26;border-radius:2px;height:3px;overflow:hidden}.le-progress i{background:#e8c48a;height:100%;transition:width .5s linear;display:block}.le-never{color:#cbbba5!important}.le-toggle{cursor:pointer;justify-content:center;align-items:center;gap:6px;display:flex}:root{--nga:#f6f1e7;--giay:#fbf8f2;--go-nhat:#efe7da;--go-dam:#5a3820;--muc:#2b2118;--muc-phu:#4a3b2e;--sen:#a8445f;--sen-nhat:#fbeff3;--canh-sen:#e9a9bb;--dem:#120d09;--chu-dem:#a89880;--bao-mang:#fcefd2;--line:#e3d8c6;--radius:18px;--font-ui:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-title:"Noto Serif", "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--nga);color:var(--muc);font:16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--font-title);margin:0;font-weight:600;line-height:1.25}button{font:inherit;cursor:pointer}.btn{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:600;display:flex}a.btn{text-decoration:none}.btn-primary{background:var(--go-dam);min-height:60px;color:var(--nga);font-size:18px}.btn-secondary{background:var(--giay);min-height:52px;color:var(--go-dam);border:1.5px solid var(--go-dam)}.btn-inline{flex:none;width:auto;min-height:44px;padding:0 14px}.btn:disabled{color:#8a7c6b;cursor:default;background:#ddd3c4;border-color:#0000}.muted{color:var(--muc-phu)}.small{font-size:13px}