:root{--z-confetti: 1000;--z-error-overlay: 990;--z-error-stage: 980;--z-searchable-select: 970;--z-slideshow-controls: 950;--z-full-screen-overlay: 960;--z-android-safe-area-backdrop: 965;--z-header-tooltip-resize: 940;--z-mail-rich-editor: 930;--z-global-tooltip: 995;--z-interpret-panel: 910;--z-sidebar-dropdown-high: 900;--z-preview-panel: 800;--z-creator-prompt-dialog: 700;--z-dev-publish-modal: 600;--z-modal: 490;--z-dropdown: 500;--z-dialog: 480;--z-sidebar: 400;--z-preview-panel-inner: 250;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}:root,[data-theme=light]{--chat-bg: #f5f5f7;--chat-bg-rgb: 245, 245, 247;--surface: rgba(255, 255, 255, .94);--surface-solid: #ffffff;--panel: #ffffff;--panel2: #f8f8fa;--bg-primary: #ffffff;--text-primary: #1d1d1f;--hover-bg: #f0f0f2;--text: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--muted: #86868b;--fg: #1d1d1f;--border: rgba(0, 0, 0, .06);--border-color: rgba(0, 0, 0, .06);--primary: #1d1d1f;--accent: #1d1d1f;--on-primary: #ffffff;--user-bubble: #e8e8ed;--user-bubble-border: rgba(0, 0, 0, .08);--user-bubble-text: #1d1d1f;--shadow: 0 2px 8px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--hover: rgba(0, 0, 0, .04);--bg-secondary: rgba(0, 0, 0, .02);--primary-bg: rgba(0, 0, 0, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--accent-blue: #007aff;--accent-blue-bg: rgba(0, 122, 255, .08);color-scheme:light}[data-theme=dark]{--chat-bg: #0c0c0e;--chat-bg-rgb: 12, 12, 14;--surface: rgba(28, 28, 30, .94);--surface-solid: #1c1c1e;--panel: #1c1c1e;--panel2: #141416;--bg-primary: #1c1c1e;--text-primary: #f5f5f7;--hover-bg: #2c2c2e;--text: #f5f5f7;--text-secondary: #aeaeb2;--text-tertiary: #8e8e93;--muted: #98989d;--fg: #f5f5f7;--border: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .06);--primary: #f5f5f7;--accent: #f5f5f7;--on-primary: #1c1c1e;--user-bubble: #2c2c2e;--user-bubble-border: rgba(255, 255, 255, .08);--user-bubble-text: #f5f5f7;--shadow: 0 4px 24px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .05);--hover: rgba(255, 255, 255, .06);--bg-secondary: rgba(255, 255, 255, .04);--primary-bg: rgba(255, 255, 255, .08);--glass-bg: rgba(44, 44, 46, .72);--glass-border: rgba(255, 255, 255, .08);--accent-blue: #0a84ff;--accent-blue-bg: rgba(10, 132, 255, .12);color-scheme:dark}:root{--ease-native: cubic-bezier(.25, .1, .25, 1);--ease-native-out: cubic-bezier(.33, 1, .68, 1);--dur-native: .22s;--dur-native-slow: .32s}@font-face{font-family:Pretendard Hangul;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Regular.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Pretendard Hangul;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Medium.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Pretendard Hangul;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-SemiBold.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Pretendard Hangul;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Bold.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Pretendard Hangul;font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/pretendard@1.3.9/dist/web/static/woff2/Pretendard-Black.woff2) format("woff2");unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:"M PLUS 1p Japanese";font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/m-plus-1p@5.2.9/files/m-plus-1p-japanese-400-normal.woff2) format("woff2");unicode-range:U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3000-303F,U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"M PLUS 1p Japanese";font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/m-plus-1p@5.2.9/files/m-plus-1p-japanese-500-normal.woff2) format("woff2");unicode-range:U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3000-303F,U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"M PLUS 1p Japanese";font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/m-plus-1p@5.2.9/files/m-plus-1p-japanese-700-normal.woff2) format("woff2");unicode-range:U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3000-303F,U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:"M PLUS 1p Japanese";font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/@fontsource/m-plus-1p@5.2.9/files/m-plus-1p-japanese-900-normal.woff2) format("woff2");unicode-range:U+3040-309F,U+30A0-30FF,U+31F0-31FF,U+3000-303F,U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Alibaba PuHuiTi Chinese;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-55-regular@1.0.0/AlibabaPuHuiTi-3-55-Regular.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+FF00-FFEF}@font-face{font-family:Alibaba PuHuiTi Chinese;font-weight:500;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-65-medium@1.0.0/AlibabaPuHuiTi-3-65-Medium.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+FF00-FFEF}@font-face{font-family:Alibaba PuHuiTi Chinese;font-weight:600;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-75-semibold@1.0.0/AlibabaPuHuiTi-3-75-SemiBold.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+FF00-FFEF}@font-face{font-family:Alibaba PuHuiTi Chinese;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-85-bold@1.0.0/AlibabaPuHuiTi-3-85-Bold.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+FF00-FFEF}@font-face{font-family:Alibaba PuHuiTi Chinese;font-weight:900;font-display:swap;src:url(https://cdn.jsdelivr.net/npm/alibabapuhuiti-3-85-bold@1.0.0/AlibabaPuHuiTi-3-85-Bold.woff2) format("woff2");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+F900-FAFF,U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+31C0-31EF,U+FF00-FFEF}html{height:100%}body{height:100%;margin:0;font-family:Public Sans,Pretendard Hangul,"M PLUS 1p Japanese",-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:-.011em;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}html[lang=zh-Hans] body,html[lang=zh-Hant] body,html[lang=zh-CN] body,html[lang=zh-TW] body{font-family:Public Sans,Pretendard Hangul,Alibaba PuHuiTi Chinese,"M PLUS 1p Japanese",-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}strong,b,.markdown-body strong,.markdown-body b,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-weight:900}#root{position:fixed;inset:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#00000040}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff38}.tooltip-on-hover,button[title],.tooltip-top{position:relative}@media(hover:hover){.tooltip-on-hover[title]:after,button[title]:after{content:attr(title);position:absolute;left:50%;transform:translate3d(-50%,0,0);padding:4px 8px;background:#000000e6;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;border-radius:4px;opacity:0;pointer-events:none;z-index:var(--z-global-tooltip);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:calc(100% + 6px);bottom:auto}.tooltip-top[title]:after{top:auto;bottom:calc(100% + 6px)}.chat-toolbar button[title]:after,.app-mode-tabs-outer button[title]:after,.toolbar-right button[title]:after,.input-area button[title]:after,.input-row button[title]:after{top:auto;bottom:calc(100% + 6px)}.tooltip-on-hover[title]:hover:after,button[title]:hover:after{opacity:1}[data-theme=light] .tooltip-on-hover[title]:after,[data-theme=light] button[title]:after{background:var(--panel);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}}button:not(:disabled),a,[role=button]:not([aria-disabled=true]),[role=menuitem],input[type=checkbox],input[type=radio],select:not(:disabled),label[for],details summary,.clickable,.ai-quick-reply-chip,.ga-mail-item.clickable,.message-text.clickable{cursor:pointer}.safe-area-top-fill{position:fixed;top:0;left:0;right:0;height:var(--safe-area-inset-top, env(safe-area-inset-top, 0px));z-index:var(--z-full-screen-overlay);pointer-events:none;background:#ffffffb8;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8)}[data-theme=dark] .safe-area-top-fill{background:#1c1c1eb8;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}html[data-capacitor-webview] body:not(.login-page) .safe-area-top-fill,html.pseudo-fullscreen body:not(.login-page) .safe-area-top-fill{display:none}@media all and (display-mode:standalone){body:not(.login-page) .safe-area-top-fill{display:none}}.dark-status-bar-cover{display:block}html[data-capacitor-webview] .chat-header,html[data-capacitor-webview] .sidebar-header,html[data-capacitor-webview] .settings-header,html[data-capacitor-webview] .helpcenter-header{height:auto;padding-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px));min-height:calc(54px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}html[data-capacitor-webview] .settings-header{min-height:calc(48px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}html[data-capacitor-webview] .helpcenter-header{min-height:calc(52px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}html[data-capacitor-webview] .helpcenter-mobile-drawer-header{padding-top:calc(16px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))}@layer base{body.cert-app-shell-reset *,body.cert-app-shell-reset *:before,body.cert-app-shell-reset *:after{margin:0;padding:0;box-sizing:border-box}body.cert-app-shell-reset button,body.cert-app-shell-reset input,body.cert-app-shell-reset select,body.cert-app-shell-reset textarea{font-family:inherit}}.cert-logo-stop-a{animation:cert-stop-a-light 8s linear infinite}.cert-logo-stop-b{animation:cert-stop-b-light 8s linear infinite}.cert-logo-stop-c{animation:cert-stop-c-light 8s linear infinite}@keyframes cert-stop-a-light{0%{stop-color:#8b5cf6}33%{stop-color:#000}66%{stop-color:#0ea5e9}to{stop-color:#8b5cf6}}@keyframes cert-stop-b-light{0%{stop-color:#0ea5e9}33%{stop-color:#8b5cf6}66%{stop-color:#000}to{stop-color:#0ea5e9}}@keyframes cert-stop-c-light{0%{stop-color:#000}33%{stop-color:#0ea5e9}66%{stop-color:#8b5cf6}to{stop-color:#000}}[data-theme=dark] .cert-logo-stop-a{animation:cert-stop-a-dark 8s linear infinite}[data-theme=dark] .cert-logo-stop-b{animation:cert-stop-b-dark 8s linear infinite}[data-theme=dark] .cert-logo-stop-c{animation:cert-stop-c-dark 8s linear infinite}@keyframes cert-stop-a-dark{0%{stop-color:#8b5cf6}33%{stop-color:#fff}66%{stop-color:#0ea5e9}to{stop-color:#8b5cf6}}@keyframes cert-stop-b-dark{0%{stop-color:#0ea5e9}33%{stop-color:#8b5cf6}66%{stop-color:#fff}to{stop-color:#0ea5e9}}@keyframes cert-stop-c-dark{0%{stop-color:#fff}33%{stop-color:#0ea5e9}66%{stop-color:#8b5cf6}to{stop-color:#fff}}.g-tip{position:fixed;z-index:var(--z-global-tooltip);pointer-events:none;padding:4px 9px;background:#000000d9;color:#fff;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;border-radius:4px;box-shadow:0 2px 8px #00000040;-webkit-font-smoothing:antialiased;animation:g-tip-in .1s ease}@keyframes g-tip-in{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}.g-tip--top{left:var(--tip-x);top:var(--tip-y);transform:translate(-50%,-100%)}.g-tip--bottom{left:var(--tip-x);top:var(--tip-y);transform:translate(-50%)}.g-tip--right{left:var(--tip-x);top:var(--tip-y);transform:translateY(-50%)}.g-tip--left{left:var(--tip-x);top:var(--tip-y);transform:translate(-100%,-50%)}.g-tip--wrap{white-space:normal;max-width:260px;text-align:center}[data-theme=light] .g-tip{background:#fff;color:#202124;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000026}html{overflow:hidden;overscroll-behavior:none;height:100%;min-height:100vh;min-height:100dvh}html,body,#root{background-color:var(--chat-bg);background-attachment:fixed}body{overflow:hidden;overscroll-behavior:none;position:fixed;top:0;left:0;width:100%;height:100%}#root{width:100%;height:100vh;height:100dvh;overflow:hidden;-webkit-user-select:text;user-select:text}@keyframes skel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skel-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skel-pulse{0%,to{opacity:.4}50%{opacity:1}}.skel-bone{border-radius:6px;background:linear-gradient(90deg,var(--skel-base, rgba(128, 128, 128, .08)) 25%,var(--skel-shine, rgba(128, 128, 128, .15)) 50%,var(--skel-base, rgba(128, 128, 128, .08)) 75%);background-size:200% 100%;animation:skel-shimmer 1.6s ease-in-out infinite}.skel-circle{border-radius:50%;background:linear-gradient(90deg,var(--skel-base, rgba(128, 128, 128, .08)) 25%,var(--skel-shine, rgba(128, 128, 128, .15)) 50%,var(--skel-base, rgba(128, 128, 128, .08)) 75%);background-size:200% 100%;animation:skel-shimmer 1.6s ease-in-out infinite}.skel-row{opacity:0;animation:skel-fade-in .35s ease forwards}.app-splash{display:flex;height:100dvh;background:var(--chat-bg, #fff);overflow:hidden;padding-top:var(--safe-area-inset-top, env(safe-area-inset-top, 0px));padding-bottom:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}.app-splash-sidebar{width:280px;background:var(--panel, #fafafa);border-right:1px solid var(--border, #e5e5e5);display:flex;flex-direction:column;padding:16px 14px;gap:12px}.app-splash-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:36px;margin-bottom:4px}.app-splash-search{height:36px;border-radius:10px}.app-splash-channels{display:flex;flex-direction:column;gap:6px;flex:1}.app-splash-channel{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--bg-secondary, rgba(128, 128, 128, .04))}.app-splash-channel-top{display:flex;align-items:center;gap:8px}.app-splash-main{flex:1;display:flex;flex-direction:column}.app-splash-header{height:52px;border-bottom:1px solid var(--border, #e5e5e5);display:flex;align-items:center;padding:0 20px;gap:12px}.app-splash-messages{flex:1;display:flex;flex-direction:column;gap:20px;padding:24px 20px;max-width:700px;width:100%;margin:0 auto}.app-splash-msg{display:flex;gap:10px;opacity:0;animation:skel-fade-in .4s ease forwards}.app-splash-msg.right{justify-content:flex-end}.app-splash-msg-avatar{width:28px;height:28px;flex-shrink:0}.app-splash-msg-body{display:flex;flex-direction:column;gap:6px;max-width:70%}.app-splash-msg-line{height:14px;border-radius:6px}.app-splash-input{height:54px;border-top:1px solid var(--border, #e5e5e5);display:flex;align-items:center;padding:0 20px;gap:10px}.app-splash-input-box{flex:1;height:36px;border-radius:20px}.app-splash-input-btn{width:36px;height:36px}@media(max-width:768px){.app-splash-sidebar{display:none}}.android-safe-area-backdrop{position:fixed;bottom:0;left:0;right:0;height:var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);pointer-events:none;z-index:var(--z-android-safe-area-backdrop)}
