.place-intro{--pi-bg:#fdf7f0;--pi-surface:#fffbf6;--pi-ink-1:#2e2721;--pi-ink-2:#5c544c;--pi-ink-3:#887e75;--pi-ink-4:#aca39a;--pi-border:#e4ddd3;--pi-scrim:#32262180;--pi-serif:"Fraunces", "Noto Serif SC", Georgia, serif;z-index:500;background:var(--pi-scrim);-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1);justify-content:center;align-items:center;padding:20px;font-family:Pretendard,Noto Sans SC,system-ui,sans-serif;animation:.3s pi-fade;display:flex;position:fixed;inset:0}@supports (color:lab(0% 0 0)){.place-intro{--pi-bg:lab(97.7001% 1.04922 4.44819);--pi-surface:lab(98.8539% .689864 2.95919);--pi-ink-1:lab(16.4614% 2.30101 5.34694);--pi-ink-2:lab(36.1841% 2.38194 5.64244);--pi-ink-3:lab(53.5834% 2.65408 6.32813);--pi-ink-4:lab(67.507% 2.32697 5.6016);--pi-border:lab(88.424% 1.33061 5.57299);--pi-scrim:lab(16.3655% 4.96119 5.61201/.5)}}.place-intro.pi-dark{--pi-bg:#251e17;--pi-surface:#2d251d;--pi-ink-1:#f1eae0;--pi-ink-2:#b8afa7;--pi-ink-3:#867f78;--pi-ink-4:#635c57;--pi-border:#f1eae01f;--pi-scrim:#0009}@supports (color:lab(0% 0 0)){.place-intro.pi-dark{--pi-bg:lab(11.8174% 2.50579 5.75254);--pi-surface:lab(15.2946% 2.81902 6.47162);--pi-ink-1:lab(93.0642% 1.32757 5.57091);--pi-ink-2:lab(72.1483% 2.17178 5.24471);--pi-ink-3:lab(53.5884% 2.04012 4.90426);--pi-ink-4:lab(39.6698% 1.75387 4.20737);--pi-border:lab(93.0642% 1.32757 5.57091/.12);--pi-scrim:lab(0% 0 0/.6)}}@keyframes pi-fade{0%{opacity:0}to{opacity:1}}.pi-card{background:radial-gradient(120% 70% at 50% -10%, var(--pi-accent-soft), transparent 60%), var(--pi-surface);border:1px solid var(--pi-border);text-align:center;border-radius:28px;width:100%;max-width:428px;max-height:88vh;padding:38px 30px 26px;animation:.42s cubic-bezier(.22,1,.36,1) backwards pi-pop;position:relative;overflow-y:auto;box-shadow:inset 0 1px #fff9,0 2px 6px #1c140c0f,0 28px 70px -16px #2e1a0c52;box-shadow:inset 0 1px lab(100% 0 0/.6),0 2px 6px lab(7.19201% 3.16643 5.67935/.06),0 28px 70px -16px lab(11.6543% 8.95198 12.7566/.32)}.pi-dark .pi-card{box-shadow:inset 0 1px #ffffff0f,0 28px 70px -18px #0009;box-shadow:inset 0 1px lab(100% 0 0/.06),0 28px 70px -18px lab(0% 0 0/.6)}@keyframes pi-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}.pi-skip{background:color-mix(in oklch, var(--pi-ink-4) 12%, transparent);cursor:pointer;color:var(--pi-ink-3);border:none;border-radius:999px;padding:5px 11px;font-family:inherit;font-size:11.5px;font-weight:600;transition:background .15s,color .15s;position:absolute;top:14px;right:14px}.pi-skip:hover{background:color-mix(in oklch, var(--pi-ink-4) 20%, transparent);color:var(--pi-ink-1)}.pi-emoji{background:radial-gradient(90% 90% at 50% 20%, #ffffff8c, transparent 70%), var(--pi-accent-soft);min-width:72px;height:72px;box-shadow:inset 0 1px 0 #fff9, 0 10px 24px -8px color-mix(in oklch, var(--pi-accent) 45%, transparent);filter:drop-shadow(0 3px 6px #8656341f);filter:drop-shadow(0 3px 6px lab(41.634% 17.8135 28.0846/.12));border-radius:22px;justify-content:center;align-items:center;margin-bottom:18px;padding:0 16px;font-size:38px;line-height:1;animation:4s ease-in-out infinite pi-float;display:inline-flex}@supports (color:lab(0% 0 0)){.pi-emoji{background:radial-gradient(90% 90% at 50% 20%, lab(100% 0 0/.55), transparent 70%), var(--pi-accent-soft);box-shadow:inset 0 1px 0 lab(100% 0 0/.6), 0 10px 24px -8px color-mix(in oklch, var(--pi-accent) 45%, transparent)}}.pi-dark .pi-emoji{background:color-mix(in oklch, var(--pi-accent) 24%, transparent);box-shadow:inset 0 1px 0 #ffffff14, 0 10px 26px -10px color-mix(in oklch, var(--pi-accent) 55%, transparent)}@supports (color:lab(0% 0 0)){.pi-dark .pi-emoji{box-shadow:inset 0 1px 0 lab(100% 0 0/.08), 0 10px 26px -10px color-mix(in oklch, var(--pi-accent) 55%, transparent)}}@keyframes pi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pi-title{font-family:var(--pi-serif);letter-spacing:-.01em;color:var(--pi-ink-1);margin:0;font-size:25px;font-weight:700;line-height:1.25}.pi-title-zh{color:var(--pi-ink-3);letter-spacing:.04em;margin:7px 0 0;font-size:13px}.pi-body{text-align:left;flex-direction:column;gap:16px;margin:24px 0 4px;display:flex}.pi-body p{margin:0}.pi-body b{color:var(--pi-accent);margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.6;display:block}.pi-zh{color:var(--pi-ink-2);font-size:13px;line-height:1.75;display:block}.pi-features{text-align:left;flex-direction:column;gap:10px;margin:24px 0 4px;display:flex}.pi-feature{background:color-mix(in oklch, var(--pi-accent-soft) 40%, transparent);border-radius:15px;align-items:center;gap:13px;padding:10px 12px;display:flex}.pi-dark .pi-feature{background:color-mix(in oklch, var(--pi-accent) 12%, transparent)}.pi-feature-ico{background:var(--pi-surface);width:44px;height:44px;box-shadow:inset 0 1px 0 #ffffff80, 0 4px 10px -4px color-mix(in oklch, var(--pi-accent) 40%, transparent);border-radius:14px;flex:0 0 44px;place-items:center;font-size:22px;display:grid}@supports (color:lab(0% 0 0)){.pi-feature-ico{box-shadow:inset 0 1px 0 lab(100% 0 0/.5), 0 4px 10px -4px color-mix(in oklch, var(--pi-accent) 40%, transparent)}}.pi-dark .pi-feature-ico{background:color-mix(in oklch, var(--pi-accent) 22%, transparent);box-shadow:none}.pi-feature-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.pi-feature-txt b{color:var(--pi-ink-1);font-size:14.5px;font-weight:700}.pi-feature-txt .pi-zh{font-size:12.5px;line-height:1.5}.pi-note{background:var(--pi-accent-soft);color:var(--pi-ink-1);text-align:center;border-radius:14px;margin-top:20px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.5}.pi-dark .pi-note{background:color-mix(in oklch, var(--pi-accent) 22%, transparent);color:var(--pi-ink-1)}.pi-places{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 4px;display:grid}.pi-place{background:var(--pi-bg);border:1px solid var(--pi-border);border-radius:14px;flex-direction:column;gap:3px;padding:12px 12px 13px;display:flex}.pi-place-ico{margin-bottom:3px;font-size:22px;line-height:1}.pi-place-name{color:var(--pi-ink-1);align-items:baseline;gap:5px;font-size:13.5px;font-weight:700;display:flex}.pi-place-name .kr{color:var(--pi-accent);font-size:11px;font-weight:600}.pi-place-desc{color:var(--pi-ink-3);font-size:11.5px;line-height:1.5}.pi-modes{text-align:left;flex-direction:column;gap:10px;margin:20px 0 4px;display:flex}.pi-mode{border:1.5px solid var(--pi-border);background:var(--pi-bg);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;gap:3px;padding:14px 16px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.pi-mode:hover{border-color:var(--pi-accent)}.pi-mode.on{border-color:var(--pi-accent);background:var(--pi-accent-soft)}.pi-dark .pi-mode.on{background:color-mix(in oklch, var(--pi-accent) 20%, transparent)}.pi-mode-name{color:var(--pi-ink-1);align-items:center;gap:7px;font-size:14.5px;font-weight:700;display:flex}.pi-mode-desc{color:var(--pi-ink-2);font-size:12px;line-height:1.5}.pi-mode-desc-zh{color:var(--pi-ink-3);font-size:11.5px}.pi-langs{flex-direction:column;gap:12px;margin:24px 0 4px;display:flex}.pi-lang{border:1.5px solid var(--pi-border);background:var(--pi-bg);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.pi-lang:hover{border-color:var(--pi-accent)}.pi-lang:active{transform:scale(.99)}.pi-lang.on{border-color:var(--pi-accent);background:var(--pi-accent-soft)}.pi-dark .pi-lang.on{background:color-mix(in oklch, var(--pi-accent) 20%, transparent)}.pi-lang-flag{flex:none;font-size:26px;line-height:1}.pi-lang-label{color:var(--pi-ink-1);flex:1;font-size:16px;font-weight:700}.pi-lang-sub{color:var(--pi-ink-3);flex:none;font-size:12px}.pi-lang.on .pi-lang-sub:after{content:" ✓";color:var(--pi-accent);font-weight:800}.pi-dots{justify-content:center;gap:7px;margin:26px 0 18px;display:flex}.pi-dot{background:var(--pi-border);border-radius:50%;width:7px;height:7px;transition:all .2s}.pi-dot.on{background:var(--pi-accent);border-radius:4px;width:20px}.pi-nav{gap:10px;margin-top:20px;display:flex}.pi-next{background:var(--pi-accent);color:#fff;cursor:pointer;box-shadow:0 10px 24px -8px color-mix(in oklch, var(--pi-accent) 70%, transparent);border:none;border-radius:999px;flex:1;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .2s,transform .1s}.pi-next:hover{filter:brightness(1.06)}.pi-next:active{transform:scale(.98)}.pi-prev{border:1.5px solid var(--pi-border);color:var(--pi-ink-3);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:700;transition:color .15s,border-color .15s}.pi-prev:hover{color:var(--pi-ink-1);border-color:var(--pi-ink-4)}@media (prefers-reduced-motion:reduce){.place-intro,.pi-card,.pi-emoji{animation:none}.pi-dot,.pi-next{transition:none}}@media (max-width:480px){.pi-card{border-radius:24px;padding:32px 22px 22px}.pi-emoji{min-width:64px;height:64px;margin-bottom:16px;font-size:34px}.pi-title{font-size:22px}}