*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#151310;color:#f7f0e8;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation}#app{height:100vh;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:#17130f}.backdrop{position:absolute;inset:-30px;z-index:-2;background-image:url('entry.svg');background-size:cover;background-position:center;filter:blur(45px) brightness(.4);transform:scale(1.08);transition:background-image .4s}.frame{width:min(100vw,calc(100dvh * 1.666667));aspect-ratio:1200 / 720;position:relative;overflow:hidden;box-shadow:0 12px 70px #0005;isolation:isolate;background:#24201c}.frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #0907043a}.frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:fill;user-select:none;transition:opacity .25s ease,transform .65s cubic-bezier(.2,.7,.25,1);display:block}.frame.changing img{opacity:.23;transform:scale(1.055)}.ambient{position:absolute;inset:0;background:linear-gradient(0deg,#0808072c,transparent 35%);pointer-events:none}.targets{position:absolute;inset:0}.hotspot{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;outline-offset:4px}.hotspot:focus-visible{outline:2px solid #e8ccb0}.hotspot .glow{height:15px;width:15px;border:1.5px solid #fff9;border-radius:50%;background:#f8e9d33b;box-shadow:0 0 0 6px #ead7c41b,0 0 24px 8px #e7ba7c52;transition:transform .2s,background .2s}.hotspot:hover .glow,.hotspot:focus-visible .glow{transform:scale(1.35);background:#f1dab3a8}.hotspot.area{border-radius:12px}.hotspot.area .glow{opacity:.68}.hotspot .tip{pointer-events:none;position:absolute;bottom:calc(50% + 18px);left:50%;transform:translateX(-50%) translateY(5px);font-size:12px;color:#fff;background:#1f1a16c9;backdrop-filter:blur(8px);border:1px solid #ffffff29;border-radius:9px;padding:7px 10px;white-space:nowrap;opacity:0;transition:all .2s}.hotspot:hover .tip,.hotspot:focus-visible .tip{opacity:1;transform:translateX(-50%) translateY(0)}.sound{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(13px,env(safe-area-inset-right));height:37px;width:37px;border:1px solid #ffffff40;background:#1a1714a1;backdrop-filter:blur(12px);border-radius:50%;color:#fff;font-size:17px;display:grid;place-items:center;z-index:5}.toast{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%,8px);background:#161410c2;padding:8px 15px;border-radius:24px;color:#f4e8db;font-size:12px;white-space:nowrap;opacity:0;transition:all .3s;pointer-events:none;z-index:4}.toast.show{transform:translate(-50%,0);opacity:1}.overlay,.ringing{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#0b0b0ca6;backdrop-filter:blur(9px)}[hidden]{display:none!important}.panel{position:relative;width:min(390px,92vw);background:#e9e3da;color:#28241e;padding:30px 29px 24px;border-radius:5px;box-shadow:0 20px 75px #0007}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#827565;margin-bottom:13px}.panel h2{font-size:20px;letter-spacing:-.04em;font-weight:600;margin:0 0 17px}.panel p{font-size:14px;line-height:1.95;white-space:pre-line;margin:0 0 26px;color:#554b42;word-break:keep-all}.x{position:absolute;right:17px;top:13px;border:0;background:transparent;color:#71685b;font-size:26px;font-weight:200}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button{border:1px solid #c0b6a6;background:#292520;color:#fff;padding:11px 17px;border-radius:3px;font-size:13px}.ringing{background:#13191dd9}.call-glass{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(400px,92vw);padding:48px 30px 35px;min-height:380px;background:linear-gradient(135deg,#333c41,#1d2227);box-shadow:0 16px 90px #0008;border-radius:25px}.caller-note{font-size:13px;color:#ddd9d4;letter-spacing:.03em}.caller{font-size:35px;font-weight:500;margin-top:42px}.call-desc{color:#aab1b5;margin-top:8px;font-size:13px}.call-actions{display:flex;justify-content:space-between;width:230px;margin-top:auto;padding-top:70px}.call-btn{border:0;color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px;background:transparent}.call-btn span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;font-size:28px}.call-btn small{font-size:12px;color:#e2e2e2}.reject span{background:#d95356}.accept span{background:#3cad6c}@media(orientation:portrait){.frame{width:100vw;aspect-ratio:1200/720}.hotspot .glow{width:13px;height:13px}.sound{top:calc(env(safe-area-inset-top) + 12px)}.toast{bottom:calc(env(safe-area-inset-bottom) + 18px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}