@layer base{:root{--ehan-sky: #f6fbff;--ehan-sun: #ffd166;--ehan-coral: #ff7b63;--ehan-coral-deep: #ff6046;--ehan-leaf: #79c584;--ehan-sea: #6bb8ff;--ehan-deep: #18324d;--ehan-panel: rgba(255, 255, 255, .9);--ehan-panel-strong: rgba(255, 255, 255, .96);--ehan-border: rgba(24, 50, 77, .12);--ehan-shadow: 0 24px 60px rgba(24, 50, 77, .16);--ehan-radius: 26px}html,body{margin:0;height:100%;min-height:100%;background:linear-gradient(180deg,#f7fbff,#fff6e8,#eef8f0);color:var(--ehan-deep);font-family:Trebuchet MS,Avenir Next,Gill Sans,Segoe UI,sans-serif}body{overscroll-behavior:none}*{box-sizing:border-box}button,input{font:inherit}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.04)}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ehan-body{height:100dvh;min-height:100dvh;overflow:hidden}.ehan-shell{position:relative;height:100dvh;min-height:100dvh;padding:max(.85rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));overflow:hidden;touch-action:manipulation}.ehan-bg{position:absolute;border-radius:999px;filter:blur(12px);opacity:.78;pointer-events:none;animation:drift 10s ease-in-out infinite;will-change:transform}.ehan-bg--one{width:28rem;height:28rem;top:-7rem;left:-7rem;background:radial-gradient(circle,#ffd166c2,#ffd16600 72%)}.ehan-bg--two{width:32rem;height:32rem;right:-10rem;bottom:-10rem;background:radial-gradient(circle,#79c58494,#79c58400 70%);animation-duration:13s}.ehan-sparkles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 12% 20%,rgba(255,255,255,.85) 0 .2rem,transparent .22rem),radial-gradient(circle at 74% 16%,rgba(255,255,255,.75) 0 .16rem,transparent .18rem),radial-gradient(circle at 88% 32%,rgba(255,255,255,.7) 0 .16rem,transparent .18rem),radial-gradient(circle at 24% 64%,rgba(255,255,255,.65) 0 .16rem,transparent .18rem);animation:sparkle 5s ease-in-out infinite;will-change:transform,opacity}.ehan-lock-screen,.ehan-room{position:relative;z-index:1}.ehan-lock-screen{height:100%;min-height:0;display:grid;place-items:center}.ehan-lock-card,.ehan-hub-card,.ehan-stage-card,.ehan-picker-card,.ehan-dock-card,.ehan-parent-card{border-radius:var(--ehan-radius);background:var(--ehan-panel);border:1px solid var(--ehan-border);box-shadow:var(--ehan-shadow);backdrop-filter:blur(8px)}.ehan-lock-card{width:min(34rem,100%);padding:2rem;animation:popIn .32s ease-out}.ehan-hub-card{position:relative;height:100%;min-height:0;padding:1rem;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.9rem;overflow:hidden}.ehan-kicker{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#18324dad;font-weight:800}.ehan-lock-card h1,.ehan-room h2,.ehan-parent-card h3{margin:0;line-height:1.05;letter-spacing:-.03em}.ehan-lock-card h1{font-size:clamp(2rem,5vw,3.4rem)}.ehan-room h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}.ehan-lock-copy,.ehan-lock-notes p,.ehan-muted{color:#18324dc7}.ehan-lock-copy{margin:.95rem 0 1.4rem;font-size:1rem;line-height:1.6}.ehan-lock-form,.ehan-parent-actions{display:grid;gap:.9rem}.ehan-label{display:block;margin-bottom:.35rem;font-size:.92rem;font-weight:700}.ehan-input{width:100%;border:1px solid rgba(24,50,77,.14);border-radius:18px;padding:.95rem 1rem;background:#fffffff5;color:var(--ehan-deep)}.ehan-input:focus{outline:3px solid rgba(255,123,99,.2);border-color:#ff7b6380}.ehan-primary-button,.ehan-secondary-button,.ehan-chip,.ehan-text-button,.ehan-parent-hotspot,.ehan-item-card,.ehan-world-card{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease}.ehan-primary-button,.ehan-secondary-button,.ehan-text-button{border-radius:18px;min-height:3.2rem;border:0;padding:.85rem 1.15rem;font-weight:800}.ehan-primary-button{background:linear-gradient(135deg,var(--ehan-coral) 0%,var(--ehan-coral-deep) 100%);color:#fff;box-shadow:0 16px 30px #ff604647}.ehan-secondary-button,.ehan-chip,.ehan-text-button{background:#ffffffeb;color:var(--ehan-deep);border:1px solid rgba(24,50,77,.12)}.ehan-primary-button:hover,.ehan-secondary-button:hover,.ehan-chip:hover,.ehan-item-card:hover{transform:translateY(-1px)}.ehan-world-card:hover{transform:scale(1.02);box-shadow:0 10px 28px #18324d42}.ehan-primary-button:disabled,.ehan-secondary-button:disabled,.ehan-chip:disabled{cursor:default;opacity:.45;transform:none;box-shadow:none}.ehan-error,.ehan-success{margin:0;font-size:.92rem;font-weight:700}.ehan-error{color:#c1493f}.ehan-success{color:#1f7a3f}.ehan-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.45rem;padding:.4rem .85rem;border-radius:999px;background:#ffffffeb;border:1px solid rgba(24,50,77,.1);font-size:.92rem;font-weight:800}.ehan-pill.is-online{background:#e7f9e9f5}.ehan-pill.is-offline{background:#fff2e4f5}.ehan-room{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:.75rem}.ehan-room-header{display:flex;align-items:center;justify-content:space-between;padding-right:4.5rem}.ehan-banner{grid-row:1;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1rem;border-radius:20px;background:#ffffffdb;border:1px solid rgba(24,50,77,.1)}.ehan-banner p{margin:0;font-weight:700}.ehan-hub-header{padding-right:4.7rem}.ehan-hub-header .ehan-muted{margin:.45rem 0 0;font-size:.96rem}.ehan-world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;align-content:start;grid-auto-rows:minmax(0,1fr);min-height:0;overflow:auto;padding-right:.15rem}.ehan-world-card{position:relative;border:none;border-radius:20px;padding:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);text-align:left;color:var(--ehan-deep);box-shadow:0 6px 20px #18324d2e;overflow:hidden}.ehan-world-card-media{min-height:0;overflow:hidden;background:#1c2d3a;border-radius:0}.ehan-world-card-image{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.ehan-world-card-copy{position:absolute;bottom:0;left:0;right:0;padding:2.2rem .85rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 55%,transparent 100%);display:flex;flex-direction:column;gap:0}.ehan-world-card-title{font-size:clamp(.82rem,.8vw + .42rem,.92rem);font-weight:900;line-height:1.15;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ehan-world-card-meta{display:none}.ehan-hub-footer{display:flex}.ehan-empty-panel{min-height:0;border-radius:24px;border:1px dashed rgba(24,50,77,.18);background:#ffffffa3;display:grid;place-items:center;text-align:center;padding:1.5rem;color:#18324dc7}.ehan-empty-panel h3{margin:0 0 .45rem;font-size:1rem;line-height:1.2}.ehan-empty-panel p{margin:0;max-width:26rem;font-size:.92rem;line-height:1.45}.ehan-empty-panel--compact{min-height:100%}.ehan-room-stack{grid-row:2;height:100%;min-height:0;display:grid;grid-template-rows:minmax(clamp(14rem,34dvh,24rem),1fr) clamp(11.5rem,25dvh,15rem) auto;gap:.75rem}.ehan-stage-card,.ehan-picker-card,.ehan-dock-card{min-height:0;overflow:hidden}.ehan-stage-card{padding:.4rem;min-height:clamp(14rem,34dvh,24rem)}.ehan-stage-frame{--ehan-stage-top-space: clamp(3.5rem, 8%, 4.35rem);--ehan-stage-inline-space: clamp(.6rem, 1.15vw, .95rem);--ehan-stage-bottom-space: clamp(4.35rem, 9.5%, 5.05rem);position:relative;height:100%;min-height:0;border-radius:calc(var(--ehan-radius) - 6px);background:linear-gradient(180deg,#fffffff0,#fcf6ebfa);outline:none;overflow:hidden}.ehan-stage-media{position:absolute;inset:var(--ehan-stage-top-space) var(--ehan-stage-inline-space) var(--ehan-stage-bottom-space);display:flex;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom}.ehan-stage-media::-webkit-scrollbar,.ehan-picker-grid::-webkit-scrollbar{display:none}.ehan-stage-slide{flex:0 0 100%;width:100%;height:100%;display:grid;place-items:center;scroll-snap-align:center;content-visibility:auto;contain:layout paint style}.ehan-stage-frame:focus-visible{box-shadow:0 0 0 4px #6bb8ff52}.ehan-stage-photo{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;display:block;user-select:none}.ehan-stage-overlay{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.8rem;z-index:2}.ehan-stage-overlay--top{top:0;padding-right:4.9rem}.ehan-stage-overlay-group{display:inline-flex;align-items:center;gap:.55rem;min-width:0;max-width:calc(100% - .4rem)}.ehan-stage-item-pill{display:inline-flex;align-items:center;gap:.55rem;min-width:0;max-width:74%;padding:.62rem .85rem;border-radius:999px;background:#18324db8;color:#fff;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ehan-stage-back-button{flex:0 0 auto;min-height:2.85rem;min-width:auto;padding:.55rem .95rem;border-radius:999px;font-weight:800}.ehan-stage-item-icon,.ehan-category-icon,.ehan-say-icon{display:inline-flex;align-items:center;justify-content:center}.ehan-stage-item-icon svg,.ehan-category-icon svg,.ehan-say-icon svg,.ehan-stage-sound-button svg{width:1.3rem;height:1.3rem;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.ehan-stage-item-icon svg path,.ehan-stage-item-icon svg circle,.ehan-category-icon svg path,.ehan-category-icon svg circle,.ehan-say-icon svg path,.ehan-say-icon svg circle,.ehan-stage-sound-button svg path,.ehan-stage-sound-button svg circle{vector-effect:non-scaling-stroke}.ehan-parent-hotspot{position:absolute;border:0;z-index:2}.ehan-stage-audio-stack{position:absolute;right:1rem;bottom:1rem;z-index:2;display:grid;gap:.7rem}.ehan-stage-sound-button{border:0;width:4rem;height:4rem;border-radius:999px;background:#fffffff5;color:var(--ehan-deep);box-shadow:0 16px 30px #18324d29}.ehan-stage-sound-button--effect{background:#18324de6;color:#fff}.ehan-stage-sound-button.is-playing{background:#ff7b632e}.ehan-stage-sound-button--effect.is-playing{background:#ff7b63e0;color:#fff}.ehan-stage-empty{height:100%;display:grid;place-items:center;color:#18324da8;font-weight:700}.ehan-picker-card{padding:.7rem;display:flex;flex-direction:column;min-width:0}.ehan-picker-grid{--ehan-picker-count: 4;flex:1 1 0;display:flex;min-height:0;min-width:0;gap:.65rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;padding-bottom:.1rem}.ehan-item-card{flex:0 0 calc((100% - (var(--ehan-picker-count) - 1) * .65rem) / var(--ehan-picker-count));max-width:calc((100% - (var(--ehan-picker-count) - 1) * .65rem) / var(--ehan-picker-count));position:relative;border:1px solid rgba(24,50,77,.12);border-radius:22px;background:var(--ehan-panel-strong);padding:0;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr);text-align:center;color:var(--ehan-deep);scroll-snap-align:start;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ehan-item-card.is-selected{border-color:#ff7b6385;box-shadow:0 0 0 3px #ff7b6329;transform:translateY(-2px)}.ehan-item-thumb-wrap{position:relative;min-height:0;border-radius:0;overflow:hidden;background:#1c2d3a}.ehan-item-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.ehan-item-name{position:absolute;bottom:0;left:0;right:0;padding:1.4rem .4rem .4rem;background:linear-gradient(to top,rgba(0,0,0,.68) 0%,rgba(0,0,0,.28) 60%,transparent 100%);font-size:.78rem;font-weight:800;line-height:1.15;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ehan-parent-status,.ehan-drawer-header,.ehan-dock-card{display:flex;align-items:center;gap:.7rem}.ehan-dock-card{padding:.7rem;flex-wrap:nowrap;justify-content:space-between}.ehan-dock-category-row{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:.7rem;min-width:0}.ehan-say-button{flex:1 1 auto;min-width:0;min-height:4rem;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;font-size:1.08rem;white-space:nowrap;overflow:hidden}.ehan-say-icon svg{width:1.5rem;height:1.5rem}.ehan-say-button span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ehan-chip,.ehan-category-chip{min-height:4rem;min-width:4rem;border-radius:20px;font-weight:900}.ehan-category-chip{display:inline-flex;align-items:center;justify-content:center;padding:0}.ehan-category-chip.is-active{background:#ffe4daf5;border-color:#ff7b6370}.ehan-category-icon svg{width:1.6rem;height:1.6rem}.ehan-parent-hotspot{top:.9rem;right:.9rem;width:3.2rem;height:3.2rem;border-radius:999px;background:#091221b3;color:#ffffffb8;font-size:.88rem;box-shadow:0 16px 30px #18324d33}.ehan-parent-panel{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#0b10186b}.ehan-parent-card{width:min(42rem,100%);max-height:min(92dvh,48rem);overflow:auto;padding:1.2rem}.ehan-drawer-header{justify-content:space-between;margin-bottom:.8rem}.ehan-parent-status{flex-wrap:wrap;margin-bottom:1rem}.ehan-parent-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(24,50,77,.1)}.ehan-parent-section h4{margin:0 0 .8rem}.ehan-parent-settings-grid{display:grid;gap:.8rem}.ehan-text-button{justify-self:flex-start;background:transparent}.ehan-text-button.is-danger{color:#b14a43}.ehan-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1024px){.ehan-item-card{min-height:0}}@media(min-width:1180px)and (orientation:landscape){.ehan-hub-card{gap:.75rem}.ehan-world-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.ehan-world-card-title{font-size:.9rem}}@media(max-width:759px){.ehan-shell{padding:max(.6rem,env(safe-area-inset-top)) max(.6rem,env(safe-area-inset-right)) max(.6rem,env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-left))}.ehan-room{height:100%}.ehan-hub-card{padding:.8rem;gap:.75rem}.ehan-hub-header{padding-right:4rem}.ehan-hub-header .ehan-muted{font-size:.92rem}.ehan-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.ehan-world-card-title{font-size:.94rem}.ehan-room-header{padding-right:3.9rem}.ehan-room h2{font-size:1.55rem}.ehan-banner{padding:.75rem .85rem}.ehan-banner p{font-size:.92rem}.ehan-stage-sound-button{width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem}.ehan-stage-audio-stack{gap:.5rem}.ehan-chip,.ehan-category-chip{width:3.2rem;height:3.2rem;min-width:3.2rem;min-height:3.2rem}.ehan-stage-item-pill{max-width:68%;font-size:.92rem}.ehan-stage-back-button{min-height:2.55rem;padding:.5rem .85rem}.ehan-item-card{min-height:0}.ehan-picker-card{padding:.6rem}.ehan-picker-grid{gap:.45rem}.ehan-item-card{flex-basis:calc((100% - (var(--ehan-picker-count) - 1) * .45rem) / var(--ehan-picker-count));max-width:calc((100% - (var(--ehan-picker-count) - 1) * .45rem) / var(--ehan-picker-count))}.ehan-dock-card,.ehan-dock-category-row{gap:.45rem}}@media(max-height:860px){.ehan-room{gap:.6rem}.ehan-hub-card{padding:.85rem}.ehan-banner{padding:.72rem .85rem}.ehan-room-stack{grid-template-rows:minmax(clamp(12.5rem,30dvh,20rem),1fr) clamp(10.25rem,23dvh,13rem) auto;gap:.6rem}.ehan-picker-card,.ehan-dock-card{padding:.6rem}.ehan-stage-card{padding:.3rem;min-height:clamp(12.5rem,30dvh,20rem)}.ehan-stage-overlay{padding:.65rem}.ehan-stage-frame{--ehan-stage-top-space: 3.35rem;--ehan-stage-inline-space: .7rem;--ehan-stage-bottom-space: 3.95rem}.ehan-stage-sound-button{width:3.5rem;height:3.5rem}.ehan-stage-audio-stack{gap:.45rem}}@media(max-height:720px){.ehan-room-header,.ehan-hub-header{padding-right:3.8rem}.ehan-room h2{font-size:1.45rem}.ehan-world-card-title{font-size:.88rem}.ehan-kicker{font-size:.7rem}.ehan-room-stack{grid-template-rows:minmax(clamp(11rem,27dvh,16rem),1fr) clamp(9.4rem,21dvh,11.5rem) auto}.ehan-stage-frame{--ehan-stage-top-space: 3.05rem;--ehan-stage-inline-space: .6rem;--ehan-stage-bottom-space: 3.65rem}.ehan-stage-card{min-height:clamp(11rem,27dvh,16rem)}}@media(prefers-reduced-motion:reduce){.ehan-bg{animation:none}.ehan-sparkles{animation:none;opacity:.5}.ehan-lock-card{animation:none}.ehan-lock-card,.ehan-hub-card,.ehan-stage-card,.ehan-picker-card,.ehan-dock-card,.ehan-parent-card{backdrop-filter:none;background:var(--ehan-panel-strong)}}