@font-face{font-family:LiuHuan;src:url(/fonts/liuhuan-subset.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}:root{--bg-base: #fff0f6;--bg-surface: rgba(255, 245, 250, .88);--bg-elevated: rgba(255, 236, 245, .85);--bg-input: rgba(255, 224, 236, .7);--bg-hover: rgba(255, 214, 232, .85);--text-primary: #5b3d5c;--text-secondary: rgba(91, 61, 92, .65);--text-tertiary: rgba(91, 61, 92, .38);--text-inverse: #ffffff;--accent-pink: #ff92a8;--accent-pink-bright: #ffb0c1;--accent-pink-glow: rgba(255, 146, 168, .5);--accent-blue: #89cfff;--accent-blue-bright: #a8dcff;--accent-blue-glow: rgba(137, 207, 255, .5);--accent-lavender: #d9a2e3;--accent-mint: #a8e6cf;--accent-yellow: #fff2a8;--accent-red: #ff6b95;--accent-green: #7fdbb0;--accent-orange: #ffb380;--hairline: rgba(255, 146, 168, .22);--hairline-heavy: rgba(255, 146, 168, .42);--radius-sheet: 22px;--radius-card: 18px;--radius-item: 14px;--radius-pill: 980px;--shadow-sheet: 0 24px 60px rgba(255, 146, 168, .22), 0 2px 6px rgba(91, 61, 92, .1), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-card: 0 3px 12px rgba(255, 146, 168, .18), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-hover: 0 6px 18px rgba(255, 146, 168, .3), 0 0 16px rgba(255, 146, 168, .25);--glow-pink: 0 0 14px rgba(255, 146, 168, .55), 0 0 28px rgba(255, 146, 168, .28);--glow-blue: 0 0 14px rgba(137, 207, 255, .55), 0 0 28px rgba(137, 207, 255, .28);--ease-kawaii: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .22s;--duration-base: .38s;--font-display: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "HarmonyOS Sans SC", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--bg-black: var(--bg-base);--panel-dark: var(--bg-surface);--border-gray: var(--hairline);--text-white: var(--text-primary);--text-gray: var(--text-secondary);--blue-accent: var(--accent-pink);--blue-hover: var(--accent-pink-bright);--red-accent: var(--accent-red);--green-accent: var(--accent-green);--yellow-accent:var(--accent-yellow);--accent-gold: var(--accent-pink);--accent-gold-bright: var(--accent-pink-bright);--accent-gold-glow: var(--accent-pink-glow);--ease-apple: var(--ease-kawaii);--ease-genshin: var(--ease-kawaii)}[data-theme=starlight]{--bg-base: #f3ebff;--bg-surface: rgba(240, 232, 255, .88);--bg-elevated: rgba(230, 220, 250, .85);--bg-input: rgba(220, 205, 245, .7);--bg-hover: rgba(210, 190, 240, .85);--text-primary: #4a2e70;--text-secondary: rgba(74, 46, 112, .65);--text-tertiary: rgba(74, 46, 112, .38);--accent-pink: #b785e6;--accent-pink-bright: #cca0f5;--accent-pink-glow: rgba(183, 133, 230, .5);--accent-blue: #a9b8ff;--accent-blue-bright: #c5d0ff;--accent-blue-glow: rgba(169, 184, 255, .5);--hairline: rgba(183, 133, 230, .22);--hairline-heavy: rgba(183, 133, 230, .42);--shadow-sheet: 0 24px 60px rgba(183, 133, 230, .22), 0 2px 6px rgba(74, 46, 112, .1), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-card: 0 3px 12px rgba(183, 133, 230, .18), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-hover: 0 6px 18px rgba(183, 133, 230, .3), 0 0 16px rgba(183, 133, 230, .25);--glow-pink: 0 0 14px rgba(183, 133, 230, .55), 0 0 28px rgba(183, 133, 230, .28)}[data-theme=peach]{--bg-base: #fff0e5;--bg-surface: rgba(255, 235, 220, .88);--bg-elevated: rgba(255, 225, 205, .85);--bg-input: rgba(255, 215, 190, .7);--bg-hover: rgba(255, 200, 170, .85);--text-primary: #7a4a2a;--text-secondary: rgba(122, 74, 42, .65);--text-tertiary: rgba(122, 74, 42, .38);--accent-pink: #ffb380;--accent-pink-bright: #ffc9a0;--accent-pink-glow: rgba(255, 179, 128, .55);--accent-blue: #ffd18a;--accent-blue-bright: #ffe0a8;--accent-blue-glow: rgba(255, 209, 138, .5);--hairline: rgba(255, 179, 128, .25);--hairline-heavy: rgba(255, 179, 128, .45);--shadow-sheet: 0 24px 60px rgba(255, 179, 128, .22), 0 2px 6px rgba(122, 74, 42, .1), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-card: 0 3px 12px rgba(255, 179, 128, .2), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-hover: 0 6px 18px rgba(255, 179, 128, .32), 0 0 16px rgba(255, 179, 128, .28);--glow-pink: 0 0 14px rgba(255, 179, 128, .55), 0 0 28px rgba(255, 179, 128, .28)}[data-theme=mint]{--bg-base: #e8faf5;--bg-surface: rgba(230, 250, 245, .88);--bg-elevated: rgba(215, 245, 235, .85);--bg-input: rgba(200, 240, 225, .7);--bg-hover: rgba(180, 235, 215, .85);--text-primary: #1e5d4d;--text-secondary: rgba(30, 93, 77, .65);--text-tertiary: rgba(30, 93, 77, .38);--accent-pink: #7ce7d8;--accent-pink-bright: #a0f0e4;--accent-pink-glow: rgba(124, 231, 216, .5);--accent-blue: #a8dcff;--accent-blue-bright: #c0e6ff;--accent-blue-glow: rgba(168, 220, 255, .5);--hairline: rgba(124, 231, 216, .25);--hairline-heavy: rgba(124, 231, 216, .45);--shadow-sheet: 0 24px 60px rgba(124, 231, 216, .22), 0 2px 6px rgba(30, 93, 77, .1), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-card: 0 3px 12px rgba(124, 231, 216, .2), inset 0 1px 0 rgba(255, 255, 255, .5);--shadow-hover: 0 6px 18px rgba(124, 231, 216, .32), 0 0 16px rgba(124, 231, 216, .28);--glow-pink: 0 0 14px rgba(124, 231, 216, .55), 0 0 28px rgba(124, 231, 216, .28)}[data-theme=minimal]{--bg-base: #0d0d0f;--bg-surface: rgba(24, 24, 28, .92);--bg-elevated: rgba(38, 38, 44, .85);--bg-input: rgba(56, 56, 64, .65);--bg-hover: rgba(72, 72, 82, .85);--text-primary: #f4f4f7;--text-secondary: rgba(244, 244, 247, .62);--text-tertiary: rgba(244, 244, 247, .35);--accent-pink: #64b5f6;--accent-pink-bright: #90caf9;--accent-pink-glow: rgba(100, 181, 246, .35);--accent-blue: #4fc3f7;--accent-blue-bright: #81d4fa;--accent-blue-glow: rgba(79, 195, 247, .35);--hairline: rgba(255, 255, 255, .1);--hairline-heavy: rgba(255, 255, 255, .2);--shadow-sheet: 0 24px 60px rgba(0, 0, 0, .55), 0 2px 6px rgba(0, 0, 0, .4);--shadow-card: 0 2px 6px rgba(0, 0, 0, .4);--shadow-hover: 0 4px 14px rgba(0, 0, 0, .5);--glow-pink: none;--glow-blue: none;--shadow-sheet: 0 24px 60px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:not(input):not(textarea){-webkit-user-select:none;user-select:none}html,body{height:100vh;width:100vw;overflow:hidden}body{background:radial-gradient(ellipse at 15% 0%,rgba(255,146,168,.25),transparent 55%),radial-gradient(ellipse at 100% 30%,rgba(137,207,255,.22),transparent 50%),radial-gradient(ellipse at 60% 100%,rgba(217,162,227,.2),transparent 55%),var(--bg-base);color:var(--text-primary);font-family:var(--font-display);font-size:15px;line-height:1.4;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle at center,rgba(255,200,220,.65),rgba(217,162,227,.35),var(--bg-base) 75%);z-index:3000;transition:opacity var(--duration-base) var(--ease-kawaii)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-spinner{width:46px;height:46px;border:3px solid rgba(255,146,168,.2);border-top-color:var(--accent-pink);border-radius:50%;animation:spin .9s linear infinite;box-shadow:var(--glow-pink)}.loading-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.05em;text-shadow:0 0 12px rgba(255,146,168,.35)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes kawaii-pulse{0%,to{box-shadow:0 0 8px var(--accent-pink-glow)}50%{box-shadow:0 0 16px var(--accent-pink-glow),0 0 28px var(--accent-pink-glow)}}.status-indicator{position:fixed;left:22px;top:22px;z-index:1100;display:flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--hairline);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-card)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-orange);box-shadow:0 0 10px currentColor}.status-dot.connected{background:var(--accent-green)}.status-dot.disconnected{background:var(--accent-red)}.radar-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg-base)}.radar-container.sidebar-open{left:0}#radar-canvas{display:block}.map-zoom-controls{position:fixed;right:22px;top:22px;z-index:1100;display:flex;gap:6px;padding:5px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--hairline);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--shadow-card)}.zoom-btn{width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:var(--accent-pink);font-size:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-kawaii)}.zoom-btn:hover{background:var(--bg-hover);color:var(--accent-pink-bright);text-shadow:0 0 10px var(--accent-pink-glow);transform:scale(1.1)}.zoom-btn:active{transform:scale(.95)}@media (max-width: 640px){.status-indicator{left:12px;top:12px;padding:7px 12px;font-size:12px}.map-zoom-controls{right:12px;top:12px;padding:4px}.zoom-btn{width:34px;height:34px;font-size:18px}}