:root{--primary: #1D9BF0;--primary-rgb: 29, 155, 240;--secondary: #5AC8FA;--bg: #FFFFFF;--card: #FFFFFF;--text: #0F1419;--sub-text: #536471;--border: #EFF3F4;--hover: #F7F9F9;--active-bg: #0F1419;--active-text: #FFFFFF;--subtle-active-bg: #CFD9DE;--subtle-active-text: #0F1419;--section-bg: #F7F9F9;--result-bg: #FFFFFF;--result-right-bg: #F7F9F9;--result-right-text: #0F1419;--result-border: #EFF3F4;--emo-bg: rgba(29, 155, 240, .1);--emo-text: #1D9BF0;--emo-border: transparent;--ad-bg-start: #FFFFFF;--ad-bg-end: #F7F9F9;--skeleton-base: #EFF3F4;--skeleton-highlight: #F7F9F9;--modal-bg: rgba(255, 255, 255, .95);--modal-overlay: rgba(0, 0, 0, .4);--btn-regen: #1D9BF0;--btn-emoji: #34C759;--fav-color: #FFCC00;--speak-color: #FF2D55;--delete-color: #FF3B30;--setting-group-bg: #FFFFFF;--fs-jp: 1rem;--fs-cn: .9rem;--ext-header-bg: #F7F9F9;--ext-header-text: #0F1419;--xp-bar-bg: #EFF3F4;--xp-bar-fill: var(--primary);--ad-iframe-bg: #FFFFFF;--achieve-bg: #FFF9E6;--achieve-border: rgba(255, 204, 0, .2);--achieve-icon: #FF9500;--shadow-sm: none;--shadow-md: none;--btn-border-light: #CFD9DE;--btn-border-dark: #CFD9DE;--segment-bg: #EFF3F4;--item-shadow: 0 1px 3px rgba(0,0,0,.08);--btn-gen-grad: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);--btn-reply-grad: linear-gradient(135deg, #1D9BF0 0%, #0056b3 100%);--bottom-nav-height: 60px}html.dark-mode{--bg: #000000;--card: #000000;--text: #E7E9EA;--sub-text: #71767B;--border: #2F3336;--hover: #16181C;--active-bg: #EFF3F4;--active-text: #0F1419;--subtle-active-bg: #333639;--subtle-active-text: #EFF3F4;--section-bg: #16181C;--result-bg: #000000;--result-right-bg: #16181C;--result-right-text: #D7D9DB;--result-border: #2F3336;--emo-bg: rgba(29, 155, 240, .15);--emo-text: #1D9BF0;--emo-border: transparent;--ad-bg-start: #16181C;--ad-bg-end: #000000;--skeleton-base: #16181C;--skeleton-highlight: #202327;--modal-bg: rgba(0, 0, 0, .92);--modal-overlay: rgba(255, 255, 255, .1);--setting-group-bg: #16181C;--ext-header-bg: #16181C;--ext-header-text: #EFF3F4;--xp-bar-bg: #2F3336;--xp-bar-fill: var(--primary);--ad-iframe-bg: #000000;--achieve-bg: #3F2804;--achieve-border: #5C3A05;--achieve-icon: #FFD60A;--shadow-sm: none;--shadow-md: none;--btn-border-light: #333639;--btn-border-dark: transparent;--segment-bg: #202327;--item-shadow: 0 1px 2px rgba(255,255,255,.05)}html.theme-pink{--primary: #FB7DA8;--primary-rgb: 251, 125, 168;--secondary: #FFB7CE;--btn-regen: #FB7DA8;--emo-text: #FB7DA8;--active-bg: #FB7DA8;--xp-bar-fill: #FB7DA8;--bg: #FFF0F5;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #FF9A9E 0%, #FB7DA8 100%);--btn-reply-grad: linear-gradient(135deg, #FB7DA8 0%, #E05688 100%)}html.theme-teal{--primary: #008ba3;--primary-rgb: 0, 139, 163;--secondary: #5AC8FA;--btn-regen: #008ba3;--emo-text: #008ba3;--active-bg: #008ba3;--xp-bar-fill: #008ba3;--bg: #E0F7FA;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #48C6EF 0%, #6F86D6 100%);--btn-reply-grad: linear-gradient(135deg, #008ba3 0%, #005f73 100%)}html.theme-gold{--primary: #B38728;--primary-rgb: 179, 135, 40;--secondary: #FCF6BA;--btn-regen: #D4AF37;--emo-text: #B38728;--active-bg: #B38728;--xp-bar-fill: #B38728;--bg: #F9F4E8;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728);--btn-reply-grad: linear-gradient(135deg, #333333 0%, #555555 100%);--achieve-bg: #FFFDF0;--achieve-border: #D4AF37}html.dark-mode.theme-gold{--bg: #000000;--section-bg: #16181C;--btn-reply-grad: linear-gradient(135deg, #D4AF37 0%, #B38728 100%);--text: #F1E5AC}html.theme-purple{--primary: #AF52DE;--primary-rgb: 175, 82, 222;--secondary: #BF5AF2;--btn-regen: #AF52DE;--emo-text: #AF52DE;--active-bg: #AF52DE;--xp-bar-fill: #AF52DE;--bg: #F3E5F5;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #667EEA 0%, #764BA2 100%);--btn-reply-grad: linear-gradient(135deg, #AF52DE 0%, #5856D6 100%)}html.theme-wine{--primary: #A00030;--primary-rgb: 160, 0, 48;--secondary: #FF3B30;--btn-regen: #A00030;--emo-text: #A00030;--active-bg: #A00030;--xp-bar-fill: #A00030;--bg: #FFEBEE;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #ED213A 0%, #93291E 100%);--btn-reply-grad: linear-gradient(135deg, #232526 0%, #414345 100%)}html.theme-colorful{--primary: #FF0080;--primary-rgb: 255, 0, 128;--secondary: #7928CA;--btn-regen: #00DFD8;--emo-text: #FF0080;--active-bg: #FF0080;--xp-bar-fill: #FF0080;--bg: #F0F2F5;--section-bg: #FFFFFF;--item-shadow: 0 4px 12px rgba(0,0,0,.1);--btn-gen-grad: linear-gradient(135deg, #FF0080 0%, #7928CA 100%);--btn-reply-grad: linear-gradient(135deg, #7928CA 0%, #0070F3 100%)}html.theme-colorful .category-btn.active{background:linear-gradient(135deg,#ff4d4d,#f9cb28);border:none;color:#fff}html.theme-colorful .action-btn.btn-secondary{background:linear-gradient(135deg,#f96,#ff5e62);border:none;color:#fff}html.theme-colorful .search-btn{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;color:#fff}html.theme-colorful .tab-btn.active{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;color:#fff}html.theme-colorful .btn-quick{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none}html.theme-colorful .xp-progress-fill{background:linear-gradient(90deg,#ff0080,#7928ca,#0070f3)}html.theme-mono{filter:grayscale(100%);--primary: #333;--primary-rgb: 51, 51, 51;--secondary: #666;--btn-regen: #333;--btn-emoji: #333;--active-bg: #333;--emo-text: #000;--emo-bg: #E5E5EA;--xp-bar-fill: #333;--fav-color: #666;--bg: #F2F2F7;--card: #FFF;--item-shadow: 0 1px 3px rgba(0,0,0,.2);--btn-gen-grad: linear-gradient(135deg, #000000 0%, #434343 100%);--btn-reply-grad: linear-gradient(135deg, #434343 0%, #000000 100%)}html.theme-youtube{--primary: #FF0000;--primary-rgb: 255, 0, 0;--secondary: #FF4444;--btn-regen: #FF0000;--emo-text: #CC0000;--active-bg: #FF0000;--xp-bar-fill: #FF0000;--bg: #F9F9F9;--section-bg: #FFFFFF;--item-shadow: 0 1px 3px rgba(0,0,0,.1);--btn-gen-grad: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);--btn-reply-grad: linear-gradient(135deg, #282828 0%, #000000 100%)}html.theme-plurk{--primary: #CF473E;--primary-rgb: 207, 71, 62;--secondary: #FF8077;--btn-regen: #CF473E;--emo-text: #CF473E;--active-bg: #CF473E;--xp-bar-fill: #CF473E;--bg: #FDF6E3;--section-bg: #FFFFFF;--btn-gen-grad: linear-gradient(135deg, #CF473E 0%, #E36B5F 100%);--btn-reply-grad: linear-gradient(135deg, #5C4B43 0%, #3D2B1F 100%)}html.theme-ios{--primary: #007AFF;--primary-rgb: 0, 122, 255;--secondary: #5856D6;--btn-regen: #007AFF;--emo-text: #007AFF;--active-bg: #007AFF;--xp-bar-fill: #007AFF;--bg: #F2F2F7;--section-bg: #FFFFFF;--item-shadow: 0 1px 3px rgba(0,0,0,.08);--btn-gen-grad: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);--btn-reply-grad: linear-gradient(135deg, #5856D6 0%, #AF52DE 100%)}html.dark-mode.theme-pink,html.dark-mode.theme-gold,html.dark-mode.theme-teal,html.dark-mode.theme-purple,html.dark-mode.theme-wine,html.dark-mode.theme-colorful,html.dark-mode.theme-youtube,html.dark-mode.theme-plurk,html.dark-mode.theme-ios,html.dark-mode.theme-mono{--bg: #000000;--card: #000000;--section-bg: #16181C;--border: #2F3336;--hover: #16181C;--result-bg: #000000;--result-right-bg: #16181C}html.dark-mode.theme-pink{--primary: #FF85B3;--primary-rgb: 255, 133, 179;--emo-text: #FF85B3;--active-bg: #FF85B3;--xp-bar-fill: #FF85B3}html.dark-mode.theme-gold{--primary: #FFD60A;--primary-rgb: 255, 214, 10;--emo-text: #FFD60A}html.dark-mode.theme-mono{--primary: #8E8E93;--primary-rgb: 142, 142, 147;--btn-regen: #3A3A3C;--btn-emoji: #3A3A3C;--active-bg: #3A3A3C;--emo-text: #FFF;--emo-bg: #2C2C2E;--xp-bar-fill: #8E8E93;--fav-color: #8E8E93}html.dark-mode.theme-youtube{--emo-text: #FF4444}html.dark-mode.theme-plurk{--primary: #FF574D;--primary-rgb: 255, 87, 77;--emo-text: #FF574D}html.dark-mode.theme-ios{--primary: #0A84FF;--primary-rgb: 10, 132, 255;--emo-text: #0A84FF}body.pure-mode .ui-icon{display:none!important}body.pure-mode .category-btn.featured{background:var(--card);color:var(--text);border-color:var(--border)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes simpleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-150%) rotate(30deg)}to{transform:translate(150%) rotate(30deg)}}@keyframes backgroundShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes flyOut{to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes popInDropdown{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pressBounce{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}@keyframes trophyPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes fadeOutUp{0%{opacity:1;margin-top:-10px}to{opacity:0;margin-top:-40px}}@keyframes pulseText{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@keyframes magicalPulse{0%{transform:scale(1);box-shadow:0 2px 8px #0000000a;border-color:transparent;opacity:1}30%{transform:scale(1.03);box-shadow:0 0 20px var(--emo-bg);border:2px solid var(--primary);background-color:var(--section-bg);opacity:1}to{transform:scale(1);box-shadow:0 2px 8px #0000000a;border:2px solid transparent;opacity:1}}@keyframes textShimmer{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes shakeReject{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes tooltipFloatUp{0%{opacity:0;margin-top:5px;transform:translate(-50%,-80%) scale(.9)}15%{opacity:1;margin-top:0;transform:translate(-50%,-100%) scale(1)}80%{opacity:1;margin-top:-10px}to{opacity:0;margin-top:-30px;transform:translate(-50%,-100%) scale(1)}}.animate-in{will-change:transform,opacity}*,*:before,*:after{box-sizing:border-box}html,body{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:none;overscroll-behavior-x:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea{user-select:text;-webkit-user-select:text}::-webkit-scrollbar{display:none!important;width:0px!important;background:transparent!important}html{height:auto;min-height:100%;overflow-y:auto;overflow-x:hidden;width:100%;font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans JP,Noto Sans TC,Source Han Sans,Yu Gothic UI,Meiryo UI,Microsoft JhengHei,sans-serif;background-color:var(--bg);transition:background-color .4s cubic-bezier(.2,.8,.2,1)}@media (max-width: 899px){html{font-size:18px}}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg);color:var(--text);line-height:1.5}body.no-scroll{position:fixed;width:100%;height:100%;overflow:hidden}.container{max-width:900px;margin:0 auto;background:var(--card);min-height:85vh;padding:0 8px 8px;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color .3s,box-shadow .3s;position:relative;border-left:1px solid var(--border);border-right:1px solid var(--border)}.content-split{display:flex;flex-direction:column}.split-left,.split-right{min-width:0}@media (max-width: 899px){.container{margin:0;width:100%;border:none;border-radius:0;padding-left:0!important;padding-right:0!important;max-width:none;min-height:100vh;box-shadow:none}.header-row,.footer-control-area{padding-left:12px;padding-right:12px}.result-area{padding-left:0;padding-right:0;margin-left:12px!important;margin-right:12px!important;width:calc(100% - 24px)!important}.unified-control-panel{margin-left:12px;margin-right:12px}.image-analysis-container .unified-control-panel{margin-left:0;margin-right:0}.app-dashboard{width:100%;display:flex;justify-content:center;padding:0 12px;box-sizing:border-box}.dashboard-card{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;margin-top:8px;margin-bottom:6px;box-sizing:border-box}}html.dark-mode .container{border-left:none;border-right:none}@media (min-width: 900px){body{padding:90px 0 0}.container{border-radius:48px;box-shadow:var(--shadow-md);padding:0 28px 28px;min-height:calc(100vh - 100px);overflow:visible;border:1px solid var(--border)}html.dark-mode .container{border:none}}@media (min-width: 1024px){.container{max-width:1400px;border-radius:32px;padding:0 32px 32px}.content-split{display:grid;grid-template-columns:1.2fr 1fr;gap:0;align-items:stretch}.split-left{padding:8px 28px 24px 0;border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:70vh}.split-right{padding:8px 0 24px 28px;position:sticky;top:90px;align-self:start}html.dark-mode .split-left{border-right-color:#ffffff0f}.split-left .header-row{padding:8px 0 16px;margin:0 0 12px}.split-left .header-profile-btn{right:0}.split-left .status-tips-container{margin:0 0 12px;padding:0}.split-left .results-display-area{flex:1;display:flex;flex-direction:column}.split-left .result-area{flex:1;margin:0!important;width:100%!important}.split-right .unified-control-panel{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin-top:10px!important;gap:14px}.split-right .image-analysis-container{margin-top:0}.split-right .action-btn{height:50px}.split-right .action-row{gap:6px}.split-right .custom-ai-input{height:52px;line-height:52px}}.header-row{display:flex;align-items:center;justify-content:center;position:relative;top:0;z-index:100;min-height:52px;padding:8px 16px;margin:0 0 12px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;transition:background-color .3s}html.dark-mode .header-row{background:#000000d9!important}@media (max-width: 900px){.header-row{border-radius:0;justify-content:center;padding-top:max(20px,env(safe-area-inset-top) + 12px);padding-bottom:12px}}@media (min-width: 900px){.header-row{margin:0 0 14px;position:relative;border-radius:0;background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:16px 0 8px;min-height:auto;justify-content:center;border-bottom:none}html.dark-mode .header-row{border-bottom:none}}.cool-mode-switcher{display:flex;align-items:center;gap:16px;position:relative;z-index:5;width:auto}.cool-switch-btn{display:flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:20px;font-size:.95rem;font-weight:800;color:var(--sub-text);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);background:var(--section-bg);border:1px solid var(--border);gap:6px;white-space:nowrap;min-width:100px;box-shadow:var(--item-shadow)}html.dark-mode .cool-switch-btn{background:#ffffff0d;border-color:transparent}.cool-switch-btn svg{width:1.1em;height:1.1em;opacity:.6;transition:all .2s}.cool-switch-btn.active{background:var(--card);color:var(--primary);border-color:var(--primary);transform:scale(1.05);box-shadow:0 4px 15px rgba(var(--primary-rgb),.2)}.cool-switch-btn.active svg{opacity:1;fill:var(--primary)}.center-logo-container{width:52px;height:52px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a;border:2px solid var(--border);position:relative;cursor:pointer;z-index:10}.center-logo-icon{width:32px;height:32px;color:var(--text);z-index:2}.center-logo-container:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));opacity:.2;z-index:1}.center-logo-container:active{transform:scale(.95)}@media (max-width: 360px){.cool-switch-btn{padding:8px 12px;font-size:.85rem;min-width:80px}.center-logo-container{width:44px;height:44px}.center-logo-icon{width:26px;height:26px}}.header-profile-btn{position:absolute;right:20px;width:38px;height:38px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;box-shadow:var(--item-shadow);color:var(--sub-text);transition:all .2s;z-index:20;flex-shrink:0;top:50%;transform:translateY(-50%)}@media (max-width: 900px){.header-profile-btn{top:50%}}@media (min-width: 900px){.header-profile-btn{width:48px;height:48px;box-shadow:none;border:2px solid var(--border);right:0}.header-profile-btn:hover{border-color:var(--primary)}}.header-profile-btn:active{transform:translateY(-50%) scale(.92);background-color:var(--hover)}.header-profile-btn img{width:100%;height:100%;object-fit:cover}.settings-hitbox{position:absolute;right:0;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:20;cursor:pointer}@media (max-width: 900px){.settings-hitbox{top:60%}}.settings-visual{width:38px;height:38px;background-color:var(--section-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--text);transition:transform .2s,background-color .2s;box-shadow:var(--shadow-sm)}.settings-hitbox.active .settings-visual{transform:scale(.9) translateY(-50%);background-color:var(--hover)}.app-section-divider{display:none}.app-section-divider:before,.app-section-divider:after{content:"";flex:1;height:1px;background-color:var(--border);opacity:.6}.app-section-divider-content{padding:0 12px;color:var(--sub-text);opacity:.5;font-size:.8rem;display:flex;align-items:center;justify-content:center}.footer-control-area{margin-top:16px;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;align-items:center;gap:0;width:100%}.footer-divider{width:90%;height:1px;background-color:var(--border);margin-bottom:16px;opacity:.6}.footer-pill-container{display:flex;align-items:stretch;justify-content:space-between;background-color:var(--section-bg);border-radius:24px;padding:8px 12px;box-shadow:var(--item-shadow);border:1px solid var(--border);width:100%;box-sizing:border-box;margin-bottom:6px;margin-top:10px;gap:4px}html.dark-mode .footer-pill-container{background-color:#202327;border-color:#ffffff1a}.footer-pill-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;height:auto;background:transparent;border:none;color:var(--text);font-size:.7rem;font-weight:700;cursor:pointer;text-decoration:none;border-radius:16px;transition:transform .2s;white-space:nowrap;overflow:visible;padding:6px 2px}.footer-pill-btn span{max-width:100%;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.footer-pill-btn svg{width:1.3em;height:1.3em;opacity:1;color:var(--primary);margin-bottom:2px}.footer-pill-btn:hover{color:var(--primary);background-color:var(--hover)}.footer-pill-btn:active{transform:scale(.96);background-color:var(--hover)}.footer-pill-divider{display:none}.footer-desc{text-align:center;font-size:.75rem;color:var(--text);line-height:1.6;opacity:.8;font-weight:600;max-width:100%;margin:12px auto 0}.mobile-break{display:block}@media (min-width: 900px){.mobile-break{display:none}.footer-desc{font-size:.8rem}.footer-pill-container{padding:12px 16px;gap:8px}.footer-pill-btn{font-size:.85rem;min-height:60px;flex-direction:column}.footer-pill-btn svg{width:1.5em;height:1.5em}}.section-divider{border:0;height:1px;background:var(--border);margin:2px 16px}.dashboard-card{background-color:var(--card);border:1px solid var(--border);border-radius:28px;margin-top:8px;box-shadow:var(--item-shadow);display:flex;flex-direction:column;overflow:hidden;width:100%;margin-left:auto;margin-right:auto;position:relative}html.dark-mode .dashboard-card{border-color:var(--border)}.dashboard-divider{width:100%;height:1px;background-color:var(--border);opacity:.6}.bottom-nav-container{position:fixed;bottom:0;left:0;width:100%;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));background-color:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:4001;display:flex;justify-content:center;box-shadow:0 -2px 10px #0000000d;transition:all .3s ease}@media (min-width: 900px){.bottom-nav-container{top:0;bottom:auto;height:68px;border-top:none;border-bottom:1px solid var(--border);background-color:#fffffff2;padding-bottom:0;z-index:3000}}html.dark-mode .bottom-nav-container{background-color:#16181ce6;border-top-color:var(--border)}@media (min-width: 900px){html.dark-mode .bottom-nav-container{border-top:none;border-bottom-color:var(--border);background-color:#000!important;-webkit-backdrop-filter:none;backdrop-filter:none}}.bottom-nav-inner{display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:900px;height:100%;padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 900px){.bottom-nav-inner{padding-bottom:0;max-width:900px;gap:0px;margin:0 auto}}@media (min-width: 1024px){.bottom-nav-inner{max-width:1400px}}.nav-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sub-text);transition:all .2s;height:100%;position:relative}@media (max-width: 900px){.bottom-nav-container .bottom-nav-inner .nav-btn .nav-label{font-size:.78rem!important}.bottom-nav-container .bottom-nav-inner .nav-btn .nav-icon-box svg{width:1.68em!important;height:1.68em!important}}@media (min-width: 900px){.nav-btn{flex-direction:row;gap:12px;padding:0 16px}}.nav-btn:active{transform:scale(.95);background-color:#00000005}.nav-btn.active{color:var(--primary)}.nav-btn.active .nav-icon-box svg{fill:var(--primary);stroke:var(--primary)}.nav-btn .nav-icon-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-btn .nav-icon-box svg{width:1.4em!important;height:1.4em!important;transition:all .2s}.nav-btn .nav-label{font-size:.65rem;font-weight:600;opacity:.9}@media (min-width: 900px){.nav-btn .nav-label{font-size:.88rem;font-weight:900}.nav-btn .nav-icon-box{width:30px;height:30px}.nav-btn .nav-icon-box svg{width:2em!important;height:2em!important}}.bottom-spacer{width:100%;height:calc(100px + var(--bottom-nav-height));flex-shrink:0}@media (min-width: 900px){.bottom-spacer{height:75px}}body.no-scroll .ai-dock-container{display:none!important;visibility:hidden!important}.modal{display:none;position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0009!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:simpleFadeIn .3s;box-sizing:border-box;padding:30px 16px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 10px) 16px;padding-top:max(30px,env(safe-area-inset-top) + 10px);display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--modal-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);margin:0;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:32px;width:100%;max-width:500px;box-shadow:var(--shadow-md);position:relative;box-sizing:border-box;display:flex;flex-direction:column;max-height:100%;height:auto;animation:modalPopIn .4s cubic-bezier(.19,1,.22,1) forwards;will-change:transform,opacity;top:auto}@media (min-width: 1024px){.modal-content{max-width:680px}}#modal-content-box,#achieve-content-box,#tutorial-content-box{top:auto!important;max-height:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.modal-title{font-weight:800;font-size:1.2rem;color:var(--text);letter-spacing:-.01em}.close-x{color:var(--sub-text);font-size:1.6rem;font-weight:600;cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#0000000d;border-radius:50%;transition:background .2s;padding-bottom:3px}.close-x:active{background:#0000001a}.modal-footer{margin-top:0;padding-top:16px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);flex-shrink:0}.close-btn-full{width:100%;padding:14px;background-color:var(--card);color:var(--text);border:1px solid var(--border);border-radius:50px;font-weight:700;cursor:pointer;font-size:1rem;text-align:center;display:flex;justify-content:center;align-items:center}.tab-group{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;background:var(--section-bg);padding:4px;border-radius:50px;border:none;justify-content:flex-start;flex-shrink:0}.tab-btn{white-space:nowrap;width:32%;flex:1;padding:10px 4px;text-align:center;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--sub-text);border-radius:50px;transition:all .2s;border:none;background-color:transparent;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn.active{background-color:var(--card);color:var(--text);box-shadow:none}.history-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:0}.history-item{padding:16px;background-color:var(--section-bg);border-radius:32px;font-size:1rem;color:var(--text);cursor:pointer;border:none;transition:transform .1s,background-color .2s;word-break:break-word;overflow-wrap:break-word;display:flex;justify-content:space-between;align-items:flex-start}.history-item:active{transform:scale(.96);background-color:var(--hover)}.history-text{flex:1;margin-right:12px;font-weight:500;word-break:break-word;overflow-wrap:break-word;min-width:0}.delete-btn{color:var(--sub-text);padding:8px;font-size:1.2rem;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{color:var(--delete-color);background-color:#ff3b301a}.history-empty{text-align:center;color:var(--sub-text);padding:30px;font-size:1rem}.clear-btn{width:100%;padding:14px;background-color:transparent;color:var(--delete-color);border:1px solid var(--delete-color);border-radius:50px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center}.clear-btn:active{background-color:#ff3b300d}.milestone-container{position:relative;display:flex;flex-direction:column;gap:0}.milestone-table-header{display:grid;grid-template-columns:50px 1.5fr 1fr 40px;gap:10px;padding:12px;font-size:.75rem;font-weight:800;color:var(--sub-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);margin-bottom:8px;background-color:var(--modal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.milestone-list{display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.milestone-item{display:grid;grid-template-columns:50px 1.5fr 1fr 40px;gap:10px;align-items:center;padding:14px 12px;background-color:var(--card);border-radius:16px;border:1px solid var(--border);transition:all .2s;min-height:56px}.milestone-item.reached{background-color:var(--section-bg);border:1px solid var(--primary);box-shadow:0 4px 12px #0000000d;opacity:1}.milestone-item.locked{opacity:.6;background-color:transparent;border:1px dashed var(--border);box-shadow:none}.milestone-col-lvl{display:flex;justify-content:flex-start;flex-shrink:0}.milestone-badge{background:var(--bg);padding:4px 8px;border-radius:8px;font-size:.8rem;font-weight:800;color:var(--sub-text);border:1px solid var(--border);min-width:36px;text-align:center}.milestone-item.reached .milestone-badge{color:var(--primary);background-color:var(--card);border-color:transparent;box-shadow:0 2px 4px #0000000d}.milestone-col-title{font-size:.95rem;font-weight:700;color:var(--text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milestone-col-reward{font-size:.85rem;color:var(--sub-text);opacity:.9;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.milestone-col-status{display:flex;align-items:center;justify-content:center}.milestone-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem}.milestone-status-icon.reached{background-color:var(--primary);color:#fff;box-shadow:0 2px 5px #0003}.milestone-status-icon.locked{background-color:var(--border);color:var(--sub-text)}#welcome-modal{display:none;position:fixed;z-index:6000;left:0;top:0;width:100%;height:100%;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:simpleFadeIn .3s}.welcome-content{background:var(--modal-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:32px;padding:0;text-align:center;width:85%;max-width:340px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px #00000040;overflow:hidden;position:fixed;top:15%!important;left:50%!important;transform:translate(-50%)!important;margin:0 auto;animation:modalPopIn .5s cubic-bezier(.19,1,.22,1) forwards}.welcome-card-inner{padding:30px 24px 36px;background:linear-gradient(180deg,var(--card) 0%,var(--section-bg) 100%);position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:32px 32px 0 0;transition:all .3s}.welcome-header-group{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:20px}.welcome-header-pill{background:var(--primary);color:#fff;padding:8px 20px;border-radius:50px;font-size:.95rem;font-weight:700;margin-bottom:10px;box-shadow:0 6px 16px #007aff40;letter-spacing:.05em;z-index:2}.modal-date-row{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;color:var(--sub-text);font-size:.85rem;font-weight:600;opacity:.8}.modal-date-row:before,.modal-date-row:after{content:"";height:1px;background:var(--border);flex:1;max-width:50px}.welcome-body{position:relative;width:100%}.welcome-emoji{font-size:4.8rem;margin-bottom:16px;animation:shake 3s infinite;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.welcome-text{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:10px;line-height:1.4}.welcome-sub{font-size:.95rem;color:var(--sub-text);font-weight:500}.welcome-actions{display:flex;gap:10px;padding:16px;background:var(--section-bg);border-top:1px solid var(--border);border-radius:0 0 32px 32px}.welcome-btn{flex:1;padding:14px 4px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;border:none;transition:transform .1s;white-space:nowrap}.btn-dl-img{background:var(--card);color:var(--text);box-shadow:none}.btn-start{background:var(--primary);color:#fff;box-shadow:0 6px 20px #007aff4d;flex:1}@keyframes goldPulse{0%{box-shadow:0 0 #ffd70066;border-color:gold}50%{box-shadow:0 0 20px 5px #ffd7004d;border-color:#ffec8b}to{box-shadow:0 0 #ffd70000;border-color:gold}}@keyframes silverShine{0%{border-color:silver;box-shadow:0 0 10px #c0c0c033}50%{border-color:#e8e8e8;box-shadow:0 0 20px #c0c0c080}to{border-color:silver;box-shadow:0 0 10px #c0c0c033}}.gold-frame{border-color:gold!important;animation:goldPulse 2s infinite ease-in-out;background:linear-gradient(180deg,rgba(255,215,0,.08) 0%,var(--section-bg) 100%)!important}.silver-frame{border-color:silver!important;animation:silverShine 3s infinite ease-in-out;background:linear-gradient(180deg,rgba(192,192,192,.08) 0%,var(--section-bg) 100%)!important}.xp-popover{display:none;position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:5000;width:90%;max-width:380px;background-color:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:32px;box-shadow:var(--shadow-md);padding:0;animation:popInDropdown .25s cubic-bezier(.2,.8,.2,1);overflow:hidden;max-height:85vh;height:auto;display:flex;flex-direction:column}.xp-popover-header{background:#00000008;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:var(--text);flex-shrink:0}.xp-popover-close{cursor:pointer;padding:4px;opacity:.5;font-size:1.3rem}.xp-popover-content{padding:16px;overflow-y:auto;flex:1}.xp-tab-group{display:flex;padding:12px 16px 0;gap:8px}.xp-tab-btn{flex:1;text-align:center;padding:10px 0;font-size:1rem;color:var(--sub-text);cursor:pointer;border-bottom:3px solid transparent;font-weight:700;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.xp-tab-btn.active{color:var(--primary);border-bottom:3px solid var(--primary)}.toast{visibility:hidden;min-width:140px;background-color:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);text-align:center;border-radius:50px;padding:12px 20px;position:fixed;z-index:11000;left:50%;bottom:90px;transform:translate(-50%);font-size:.95rem;box-shadow:0 8px 30px #0003;border:1px solid var(--border)}.toast.show{visibility:visible;opacity:1}#achieve-toast{visibility:hidden;min-width:auto;width:max-content;max-width:85%;background-color:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--text);border:1px solid var(--achieve-icon);border-radius:50px;padding:10px 24px 10px 16px;position:fixed;z-index:10001;left:50%;top:auto;bottom:140px;transform:translate(-50%) scale(.9);text-align:left;box-shadow:0 10px 40px #00000040;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon title" "icon desc";column-gap:12px;align-items:center}#achieve-toast.show{visibility:visible;opacity:1;transform:translate(-50%) scale(1)}.achieve-toast-icon{grid-area:icon;font-size:2rem;margin-bottom:0;animation:trophyPop .6s;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.achieve-toast-title{grid-area:title;font-weight:800;font-size:1rem;color:var(--achieve-icon);margin-bottom:0;line-height:1.2;align-self:end}.achieve-toast-desc{grid-area:desc;font-size:.8rem;color:var(--sub-text);line-height:1.2;align-self:start}.achieve-popover-fixed{display:none;position:fixed;z-index:8000;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:center;justify-content:center}.achieve-detail-card{position:relative;width:280px;background:var(--modal-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:24px;box-shadow:0 20px 50px #0000004d;border:1px solid rgba(255,255,255,.1);overflow:hidden;animation:popInDropdown .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center center}.achieve-item{padding:12px 16px;background-color:var(--card);border:1px solid transparent;border-radius:24px;display:flex;align-items:center;gap:16px;opacity:.5;filter:grayscale(1);transition:all .3s;min-height:68px;box-shadow:none}.achieve-item.unlocked{opacity:1;filter:grayscale(0);background-color:var(--achieve-bg);border-color:var(--achieve-border);box-shadow:none}.achieve-icon{font-size:1.6rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff80;border-radius:50%;flex-shrink:0}.achieve-content{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:4px}.achieve-title{font-weight:800;font-size:1rem;color:var(--text);margin:0;display:flex;justify-content:space-between;align-items:center;line-height:1.2}.achieve-desc{font-size:.85rem;color:var(--sub-text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.achieve-date{font-size:.75rem;color:var(--primary);font-weight:700;margin-left:6px;background:#0000000d;padding:2px 8px;border-radius:12px}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}@media (min-width: 600px){.theme-grid{grid-template-columns:repeat(3,1fr)}}.theme-btn{padding:8px;border:none;background:var(--section-bg);border-radius:20px;cursor:pointer;font-size:.85rem;color:var(--text);text-align:center;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:32px;box-shadow:none}.theme-btn.active{background:var(--active-bg);color:var(--active-text);box-shadow:none;transform:scale(1.02)}.theme-btn.disabled{opacity:.4;background:var(--bg);color:var(--sub-text);box-shadow:none;pointer-events:none}.setting-group{margin-bottom:20px;border-radius:32px;overflow:hidden;box-shadow:none;border:none}.setting-group-header{background-color:transparent;padding:0 0 8px 12px;font-size:.85rem;font-weight:600;color:var(--sub-text);text-transform:uppercase;letter-spacing:.05em}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--border);background:var(--setting-group-bg)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:.95rem;font-weight:500;color:var(--text)}.setting-control{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.slider-val-display{font-weight:700;color:var(--primary);width:20px;text-align:right;font-size:.95rem;margin-left:6px}input[type=range]{-webkit-appearance:none;width:100%;max-width:120px;height:8px;background:#0000001a;border-radius:10px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0003;border:.5px solid rgba(0,0,0,.04)}.switch{position:relative;display:inline-block;width:46px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e9e9ea;transition:.3s;border-radius:30px}.slider:before{position:absolute;content:"";height:24px;width:24px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.2,.8,.2,1);border-radius:50%;box-shadow:0 2px 4px #00000026}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(18px)}.switch.disabled{opacity:.5;pointer-events:none;filter:grayscale(100%)}.dark-mode .slider{background-color:#39393d}.font-btn{padding:6px 12px;border:none;background:var(--bg);border-radius:20px;cursor:pointer;font-size:.9rem;color:var(--text);font-weight:500}.font-btn.active{background:var(--active-bg);color:var(--active-text)}.font-btn.disabled{opacity:.5;background:var(--bg);color:var(--sub-text)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;padding:5px}.emoji-chip{padding:4px;background-color:var(--section-bg);border:none;border-radius:16px;font-size:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;box-shadow:none;display:flex;align-items:center;justify-content:center;min-height:36px}.emoji-chip:active{transform:scale(.9)}.emoji-chip.disabled{opacity:.3;filter:grayscale(100%);background-color:transparent;box-shadow:none;border:1px dashed var(--sub-text)}.emoji-input-group{display:flex;gap:8px;margin-bottom:12px}.emoji-input{flex:1;padding:10px;border:none;border-radius:12px;background:var(--section-bg);color:var(--text);font-size:.95rem}.emoji-add-btn{padding:0 16px;background:var(--primary);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:.95rem}.help-banner{background:linear-gradient(to right,var(--ext-header-bg),var(--section-bg));color:var(--ext-header-text);padding:18px;border-radius:32px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;border:none;gap:10px;font-size:1rem;box-shadow:none;width:100%;box-sizing:border-box}.help-banner:active{transform:scale(.98);filter:brightness(.95)}.share-x-btn{background-color:#000;color:#fff;width:100%;margin:12px 0 0;padding:14px;border-radius:50px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:none;text-decoration:none;transition:opacity .2s;box-sizing:border-box;box-shadow:none}.share-x-btn:hover{opacity:.85}.dark-mode .share-x-btn{background-color:#fff;color:#000}.tutorial-list{display:flex;flex-direction:column;gap:12px}.tutorial-step-card{display:flex;align-items:flex-start;padding:16px;background-color:var(--section-bg);border-radius:24px;border:1px solid var(--border);gap:16px}.tutorial-step-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}.tutorial-step-icon svg{width:1em;height:1em;fill:currentColor}.tutorial-step-content{flex:1}.tutorial-step-title{font-size:1rem;font-weight:800;color:var(--text);margin-bottom:6px;line-height:1.3}.tutorial-step-desc{font-size:.9rem;color:var(--sub-text);line-height:1.5}.tutorial-step-desc ul{margin:4px 0 0;padding-left:20px}.tutorial-step-desc li{font-size:.85rem;margin-bottom:4px;color:var(--sub-text)}.tutorial-step-desc strong{color:var(--primary)}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--setting-group-bg)}.backup-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;background:var(--section-bg);border-radius:32px;border:1px solid var(--border);cursor:pointer;transition:all .2s;gap:6px}.backup-btn:active{transform:scale(.96);background:var(--hover)}.backup-icon{font-size:1.5rem;margin-bottom:4px}.backup-label{font-size:.9rem;font-weight:600;color:var(--text)}.locked-tooltip{position:fixed;background:#000000d9;color:#fff;padding:8px 16px;border-radius:50px;font-size:.9rem;font-weight:700;z-index:10000;pointer-events:none;box-shadow:0 4px 15px #0003;white-space:nowrap;transform:translate(-50%,-100%);animation:tooltipFloatUp 2s cubic-bezier(.19,1,.22,1) forwards}.setting-action-row{display:flex;justify-content:center;align-items:center;padding:16px;background:var(--setting-group-bg);color:var(--delete-color);font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s}.setting-action-row:active{background:var(--hover)}.lang-switch-row{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg);border:1px solid var(--border);border-radius:20px;padding:6px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;min-width:140px}.lang-switch-row:active{transform:scale(.98);border-color:var(--primary)}.lang-label{font-size:.85rem;font-weight:600;color:var(--sub-text);padding:4px 8px;transition:all .2s}.lang-label.active{color:var(--primary);font-weight:800}.lang-icon{display:flex;align-items:center;justify-content:center;color:var(--sub-text);opacity:.5;font-size:.9rem;padding:0 4px}.tour-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:11000;pointer-events:none}.tour-global-close{position:fixed;top:max(20px,env(safe-area-inset-top));right:20px;left:auto;bottom:auto;width:44px;height:44px;border-radius:50%;background-color:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:11005;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .2s,background-color .2s;box-shadow:0 4px 15px #0006;border:2px solid rgba(255,255,255,.2);pointer-events:auto}.tour-global-close:active{transform:scale(.9);background-color:#000}.tour-spotlight{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px #000000bf;z-index:11001;pointer-events:none;transition:all .4s cubic-bezier(.25,1,.5,1);border:2px solid rgba(255,255,255,.5)}.tour-tooltip{position:fixed;z-index:11002;background-color:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;border-radius:24px;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border);max-width:280px;width:90%;animation:simpleFadeIn .3s ease-out;transition:all .4s cubic-bezier(.25,1,.5,1)}.tour-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tour-step-badge{background-color:var(--primary);color:#fff;font-size:.75rem;font-weight:800;padding:4px 10px;border-radius:20px}.tour-title{font-size:1.1rem;font-weight:800;color:var(--text);margin-bottom:8px}.tour-desc{font-size:.95rem;color:var(--sub-text);line-height:1.5;margin-bottom:20px}.tour-actions{display:flex;justify-content:flex-end;gap:10px}.tour-btn{padding:10px 20px;border-radius:50px;font-weight:700;font-size:.9rem;cursor:pointer;border:none;transition:transform .1s}.tour-btn-next{background-color:var(--primary);color:#fff;box-shadow:0 4px 12px #00000026}.tour-btn-skip{background-color:transparent;color:var(--sub-text)}.tour-btn:active{transform:scale(.95)}.xp-popover-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4999;background-color:#0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer}.guided-tour-final-overlay{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;animation:simpleFadeIn .3s ease-out}@media (max-width: 900px){.modal,#welcome-modal,.achieve-popover-fixed,.xp-popover-overlay,.guided-tour-final-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.particle{pointer-events:none;position:fixed;font-size:1.2rem;animation:flyOut .8s forwards;z-index:9999}.hidden{display:none!important}.icon-svg{width:1.2em;height:1.2em;fill:currentColor;vertical-align:middle}.action-icon svg{width:1.4em;height:1.4em}.xp-container{position:relative;background-color:transparent;border:none;border-radius:0;padding:14px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:14px;box-shadow:none;overflow:visible;transition:background-color .2s;height:auto;min-height:56px;width:100%;box-sizing:border-box;margin:0}.xp-container:active{transform:none;background-color:var(--hover)}.xp-left-col{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;min-width:44px}.xp-level-label{font-size:.65rem;font-weight:800;color:var(--primary);opacity:.8;margin-bottom:2px}.xp-level-num{font-size:1.6rem;font-weight:900;color:var(--text);letter-spacing:-.05em;background:linear-gradient(135deg,var(--text) 30%,var(--sub-text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.xp-mid-col{flex:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-left:4px}.xp-title-text{font-size:1rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.xp-sub-text{font-size:.72rem;color:var(--sub-text);opacity:.8;font-weight:500}.xp-right-col{display:flex;align-items:center;justify-content:flex-end;font-size:.85rem;font-weight:700;color:var(--sub-text)}.xp-val-current{color:var(--primary);margin-right:2px;font-size:1rem;font-weight:800}.xp-val-next{font-size:.65rem;opacity:.6;margin-top:3px}.xp-progress-track{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:transparent}.xp-progress-fill{height:100%;background-color:var(--primary);transition:width .6s cubic-bezier(.25,1,.5,1);box-shadow:0 -1px 6px rgba(var(--primary-rgb),.4)}@media (min-width: 900px){.xp-container{padding:16px 28px}}.group-section{background-color:var(--section-bg);border-radius:32px;margin-top:32px;margin-bottom:8px;border:none;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.panel-header{padding:12px 22px;background:transparent;border-bottom:none;color:var(--text);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:space-between;letter-spacing:.02em;cursor:pointer;flex-wrap:wrap;gap:8px}html.dark-mode .panel-header{background:transparent}.panel-header span{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.panel-header-sub{font-size:.85rem;opacity:.6;font-weight:400;margin-left:auto}.panel-content{padding:0 10px 10px;transition:all .3s ease}.panel-content.compact-panel{padding-top:0;padding-bottom:6px}.panel-content.hidden,.section-title{display:none}.sub-placeholder{text-align:center;color:var(--sub-text);font-size:.9rem;padding:2px 10px 10px;width:100%;transition:all .3s ease}.compact-panel .sub-placeholder{padding:4px 10px;margin-top:-2px}.panel-header.sub-header{padding-top:5px}.dict-arrow{transition:transform .3s ease;display:inline-block;margin-left:6px;opacity:.6;transform:rotate(0)}.dict-arrow svg{width:1.3em;height:1.3em;vertical-align:middle;fill:currentColor}.dict-arrow.expanded{transform:rotate(180deg)}.category-btn{color:var(--text);font-weight:500;opacity:.9;padding:8px 4px;border:1px solid var(--btn-border-light);background:var(--card);border-radius:12px;font-size:.9rem;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-height:42px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s cubic-bezier(.2,.8,.2,1);box-shadow:var(--item-shadow);width:100%;box-sizing:border-box;height:auto}.category-btn.active{background-color:var(--active-bg);color:var(--active-text);font-weight:700;box-shadow:none;transform:scale(1.02);border-color:var(--active-bg)}@media (max-width: 900px){.category-btn{font-size:.95rem;padding:6px 2px;min-height:42px}}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}@media (min-width: 900px){.grid-container{grid-template-columns:repeat(4,1fr);gap:10px}.category-btn{font-size:1.05rem;padding:10px 6px;min-height:48px}}.theme-btn{padding:14px 10px;border:1px solid var(--border);background:var(--card);border-radius:20px;cursor:pointer;font-size:.9rem;color:var(--text);text-align:center;font-weight:800;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:84px;box-shadow:var(--item-shadow);box-sizing:border-box;overflow:visible}.theme-btn svg{flex-shrink:0}.theme-btn.active{border:2px solid var(--primary);background-color:var(--hover)}.theme-btn.disabled{opacity:.5;cursor:default;background-color:#00000005}.dict-selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;margin-bottom:6px;width:100%;box-sizing:border-box}.dict-select-btn{background-color:var(--card);border:1px solid var(--border);border-radius:16px;padding:4px 8px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;box-shadow:var(--item-shadow);min-height:46px;min-width:0}.dict-select-btn:active{transform:scale(.96);background-color:var(--hover)}.dict-select-btn.disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}.dict-select-icon{width:26px;height:26px;border-radius:50%;background-color:var(--section-bg);display:flex;align-items:center;justify-content:center;color:var(--sub-text);flex-shrink:0}.dict-select-icon svg{width:1em;height:1em}.dict-select-content{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:0;align-items:flex-start;text-align:left}.dict-select-label{font-size:.75rem;color:var(--sub-text);font-weight:600}.dict-select-value{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}@media (min-width: 900px){.dict-select-content{flex-direction:row;align-items:center;gap:12px;justify-content:flex-start}.dict-select-label{font-size:.85rem;margin-bottom:0;min-width:fit-content}.dict-select-value{font-size:1rem}}.dict-select-arrow{color:var(--sub-text);opacity:.5;transform:rotate(-90deg);flex-shrink:0}.dict-select-arrow svg{width:1em;height:1em}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:transparent}.backup-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:12px 16px;background:var(--card);border-radius:99px;border:1px solid var(--border);cursor:pointer;transition:all .2s;gap:10px;box-shadow:var(--item-shadow);min-height:48px;color:var(--text)}.backup-btn:active{transform:scale(.96);background-color:var(--hover)}.backup-icon{display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0}.backup-icon svg{width:1.4em!important;height:1.4em!important;fill:currentColor;display:block}.backup-label{font-size:.95rem;font-weight:800;color:inherit}.unified-control-panel{background-color:var(--section-bg);border-radius:32px;padding:16px 12px;margin-top:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px;position:relative}.has-menu-indicator{position:relative}.has-menu-indicator:before{content:"";position:absolute;bottom:6px;right:12px;width:0;height:0;border-style:solid;border-width:0 0 6px 6px;border-color:transparent transparent currentColor transparent;opacity:.6;pointer-events:none;transition:opacity .2s;z-index:5}.has-menu-indicator:active:before{opacity:.9}@keyframes buttonPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.is-loading-pulse{animation:buttonPulse 1.5s infinite ease-in-out;cursor:wait;opacity:.8}.is-loading-pulse.disabled{filter:none!important}.style-inline-controls{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:6px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:20px}.inline-chip-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:10px;padding:4px 0}.inline-chip-label{display:flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:var(--sub-text);white-space:nowrap;opacity:.6}.inline-chip-label svg{width:1em;height:1em;flex-shrink:0}.inline-chip-options{display:flex;gap:4px}.inline-chip{flex:1;padding:6px 0;border-radius:10px;font-size:.85rem;font-weight:600;border:none;background:transparent;color:var(--sub-text);cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.2;text-align:center}.inline-chip:hover{background:var(--hover);color:var(--text)}.inline-chip:active{transform:scale(.96)}.inline-chip.active{background:var(--primary);color:#fff;font-weight:800;box-shadow:0 2px 6px #0003}.style-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}.style-selector-wrapper{position:relative;width:100%}.style-select-btn{background-color:var(--card);border:1px solid var(--border);border-radius:20px;padding:8px 6px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s;box-shadow:var(--item-shadow);height:100%;min-height:52px;box-sizing:border-box;width:100%}.style-select-btn:active{transform:scale(.98);background-color:var(--hover)}.style-select-btn.active{border-color:var(--primary);background-color:var(--hover)}.style-select-icon{width:24px;height:24px;border-radius:50%;background-color:var(--section-bg);display:flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0;transition:all .2s}.style-select-icon svg{width:1em;height:1em;fill:currentColor}.style-select-content{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.style-select-label{font-size:.65rem;color:var(--sub-text);font-weight:600;opacity:.8;line-height:1;margin-bottom:2px}.style-select-value{font-size:.85rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1}.style-select-arrow{display:none}.reroll-btn{flex-direction:row;justify-content:center;padding:0 8px;gap:4px}.reroll-btn .style-select-icon{background:none;border:none;font-size:1.2rem;width:auto;height:auto;border-radius:0;padding:0;margin-right:0;display:inline-flex;color:var(--sub-text)}.reroll-btn .style-select-value{font-size:.75rem}@media (min-width: 900px){.style-select-btn{justify-content:flex-start;padding:8px 12px}.style-select-content{flex:1;flex-direction:row;align-items:center;gap:8px;justify-content:flex-start}.style-select-label{margin-bottom:0;min-width:fit-content;font-size:.85rem}.style-select-value{font-size:1rem}.style-select-arrow{display:block;color:var(--sub-text);opacity:.5;transition:transform .2s}.style-select-arrow svg{width:1em;height:1em}.reroll-btn{flex-direction:row;justify-content:center;padding:8px 12px;gap:6px}.reroll-btn .style-select-icon{font-size:1rem;background:none;width:auto;height:auto}.reroll-btn .style-select-value{font-size:1rem}}.style-popup-menu{position:absolute;bottom:110%;left:0;width:100%;min-width:160px;background-color:var(--modal-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #00000026;padding:6px;z-index:100;transform-origin:bottom center;max-height:280px;display:flex;flex-direction:column}@keyframes popUpScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-pop-up{animation:popUpScale .2s cubic-bezier(.175,.885,.32,1.275)}.style-popup-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px;font-size:.75rem;color:var(--sub-text);font-weight:700;flex-shrink:0}.style-help-link{cursor:pointer;display:flex;align-items:center;gap:4px;opacity:.7;transition:opacity .2s}.style-help-link:hover{opacity:1;color:var(--primary)}.style-popup-list{overflow-y:auto;flex:1}.style-popup-item{padding:10px 12px;border-radius:14px;font-size:.9rem;font-weight:600;color:var(--sub-text);cursor:pointer;display:flex;align-items:center;gap:10px;transition:background-color .1s;margin-bottom:2px}.style-popup-item:hover{background-color:var(--hover);color:var(--text)}.style-popup-item.selected{background-color:var(--section-bg);color:var(--text);font-weight:800}.style-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 2px currentColor}.action-row{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:8px;width:100%}.action-btn{display:flex;align-items:center;justify-content:center;height:60px;border-radius:20px;font-size:.8rem;font-weight:800;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;padding:0;box-shadow:var(--item-shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;gap:3px;border:1px solid transparent}.action-btn svg{width:1.4em;height:1.4em;margin-bottom:2px}@media (min-width: 900px){.action-btn{flex-direction:row;gap:8px;height:56px;border-radius:999px}.action-btn span{font-size:1rem!important}.action-btn svg{width:1.3em!important;height:1.3em!important;margin-bottom:0}}.action-btn:active{transform:scale(.96);opacity:.9}.action-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.8)}.btn-secondary{background-color:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--item-shadow)}.btn-secondary:hover{border-color:var(--btn-border-light)}html.dark-mode .btn-secondary{border-color:#ffffff0d;background:var(--card)}.btn-style-gen{background:var(--btn-gen-grad);color:#fff;box-shadow:0 6px 16px #0000001f;border:none}.btn-style-rewrite{background:var(--btn-reply-grad);color:#fff;box-shadow:0 6px 16px #0000001f;border:none}.btn-style-reply{background:transparent;color:var(--primary);border:1px solid var(--primary);box-shadow:none}.btn-style-gen:after,.btn-style-rewrite:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 3s infinite;pointer-events:none}.btn-ai-batch.disabled{background:var(--border)!important;color:var(--sub-text)!important}.btn-ai-batch.disabled:after{display:none}.long-press-menu{position:fixed;background:var(--modal-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px;border-radius:16px;box-shadow:0 10px 40px #00000040;z-index:9999;display:flex;flex-direction:column;gap:4px;min-width:140px;border:1px solid var(--border);animation:popInDropdown .2s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto}.long-press-item{padding:10px 16px;border-radius:12px;font-size:.95rem;font-weight:700;color:var(--sub-text);background:transparent;transition:all .15s;text-align:center;white-space:nowrap;border:1px solid transparent}.long-press-item.hovered{background:var(--primary);color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.long-press-item.active-tone{background:var(--section-bg);color:var(--primary);border-color:var(--primary)}.custom-ai-input{width:100%;box-sizing:border-box;padding:0 80px 0 24px;border-radius:50px;font-size:1.05rem;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:var(--card);border:2px solid transparent;box-shadow:0 2px 8px #0000000f;color:var(--text);height:60px;line-height:60px;display:flex;align-items:center}@media (min-width: 900px){.custom-ai-input{font-size:1rem}}.ai-input-btn svg{width:1.7em;height:1.7em}input[type=range]{-webkit-appearance:none;width:100%;max-width:140px;height:8px;background:#0000001a;border-radius:10px;outline:none}html.dark-mode input[type=range]{background:#fff3}.adv-panel-container{width:100%;display:flex;flex-direction:column;align-items:center}.adv-trigger-area{width:100%;padding:20px 0;margin-top:-12px;margin-bottom:-12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s;position:relative;z-index:5}.adv-trigger-area:active{opacity:1}.adv-toggle-handle{width:36px;height:5px;background-color:var(--primary);border-radius:10px;transition:all .2s;opacity:.5}.adv-trigger-area:hover .adv-toggle-handle,.adv-trigger-area:active .adv-toggle-handle{opacity:.6;background-color:var(--primary);transform:scaleX(1.1)}.adv-panel-content{width:100%;background-color:var(--card);border-radius:20px;padding:16px;margin-top:16px;margin-bottom:12px;box-shadow:none;border:none;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;overflow:visible;animation:popInDropdown .3s cubic-bezier(.175,.885,.32,1.275)}.adv-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;box-sizing:border-box;min-width:0}@media (max-width: 900px){.adv-grid-row{grid-template-columns:1fr}}.adv-full-row{width:100%;box-sizing:border-box}.adv-input-wrapper{position:relative;width:100%;display:flex;align-items:center;background-color:var(--section-bg);border:1px solid transparent;border-radius:50px;transition:all .2s;height:46px;box-sizing:border-box;overflow:visible;max-width:100%}.adv-input-wrapper:focus-within{background-color:var(--card);border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.15)}html.dark-mode .adv-input-wrapper:focus-within{background-color:#000}.adv-icon-left{padding:0 8px 0 16px;color:var(--sub-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.adv-icon-left svg{width:1.1em;height:1.1em}.adv-input-wrapper:focus-within .adv-icon-left{color:var(--primary)}.adv-input-field{flex:1;background:transparent;border:none;color:var(--text);font-size:.95rem;padding:0;outline:none;min-width:0;height:100%;width:100%}.adv-input-field::placeholder{color:var(--sub-text);opacity:.6}.adv-actions-right{display:flex;align-items:center;padding-right:6px;gap:2px;flex-shrink:0}.adv-action-btn{background:transparent;border:none;color:var(--sub-text);padding:4px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s;width:34px;height:34px}.adv-action-btn:hover{background-color:#00000014;opacity:1;color:var(--text)}html.dark-mode .adv-action-btn:hover{background-color:#ffffff26}.adv-action-btn.history{color:var(--primary);opacity:.9}.adv-action-btn svg{width:1.4em;height:1.4em}.ai-input-container{background-color:var(--section-bg);border-radius:32px;margin-top:8px;margin-bottom:8px;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm)}.ai-input-wrapper{position:relative;width:100%}.custom-ai-input{width:100%;box-sizing:border-box;padding:0 100px 0 24px;border-radius:50px;font-size:1.05rem;outline:none;transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:var(--card);border:2px solid transparent;box-shadow:0 2px 8px #0000000f;color:var(--text);height:60px;line-height:60px;display:flex;align-items:center}html.dark-mode .custom-ai-input{background-color:#ffffff1f!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:0 4px 12px #0000004d}.custom-ai-input:focus{background-color:var(--card)!important;border:2px solid var(--primary)!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.2),0 8px 20px #0000001a!important;transform:translateY(-2px)}html.dark-mode .custom-ai-input:focus{background-color:#202327!important;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.3),0 8px 24px #00000080!important}@media (min-width: 900px){.custom-ai-input{font-size:.95rem;padding-right:110px}}.ai-input-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--sub-text);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;opacity:.6;border-radius:50%;transition:all .2s}.ai-input-clear:hover{background:#0000000d;opacity:1;color:var(--primary)}html.dark-mode .ai-input-clear:hover{background:#ffffff1a;color:#fff}.ai-input-clear svg{width:1.6em;height:1.6em}.ai-action-bar{display:flex;justify-content:space-between;gap:10px;width:100%}.ai-group{display:flex;align-items:center;gap:8px;flex:1}.btn-history-round{width:46px;height:46px;border-radius:50%;background-color:var(--card);border:1px solid var(--border);color:var(--sub-text);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;box-shadow:var(--item-shadow);transition:all .2s;flex-shrink:0}.btn-history-round:active{transform:scale(.92);background-color:var(--hover)}html.dark-mode .btn-history-round{background-color:var(--section-bg);border-color:transparent}.btn-main-action{flex:1;height:46px;border-radius:50px;font-size:1rem;font-weight:800;cursor:pointer;border:none;color:#fff;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;position:relative;overflow:hidden;white-space:nowrap}.btn-main-action:active{transform:scale(.96);opacity:.9}.btn-main-action.disabled{background:var(--border)!important;color:var(--sub-text)!important;cursor:not-allowed;box-shadow:none;pointer-events:none}.gen-theme{background:linear-gradient(135deg,var(--secondary) 0%,var(--primary) 100%)}.reply-theme{background:linear-gradient(135deg,#34c759,#30b0c7)}.btn-main-action:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 3s infinite;pointer-events:none}.btn-main-action.disabled:after{display:none}@media (max-width: 360px){.btn-main-action{font-size:.9rem;padding:0 8px}.btn-history-round{width:40px;height:40px;font-size:1.1rem}}.ai-dock-container{position:fixed;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));left:0;width:100%;z-index:2000;background-color:var(--card);border-top:1px solid var(--btn-border-light);box-shadow:0 -5px 25px #0000001f,0 -2px 8px #0000000d;border-radius:24px 24px 0 0;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-radius .3s,width .4s,opacity .3s;display:flex;flex-direction:column;max-width:100%;box-sizing:border-box;max-height:calc(85vh - var(--bottom-nav-height));will-change:transform;backface-visibility:hidden}html.dark-mode .ai-dock-container{border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -2px 15px #ffffff0d}.ai-dock-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;transition:opacity .4s ease}.ai-dock-backdrop.open{opacity:1;pointer-events:auto}.ai-dock-container.closed{transform:translateY(calc(100% - 24px));box-shadow:0 -2px 10px #0000000d}.ai-dock-container.closed .dock-tabs{opacity:1;pointer-events:auto}.ai-dock-container.open{transform:translateY(0)}@media (min-width: 900px){.ai-dock-container{left:50%;right:auto;bottom:20px;margin:0;width:90%;max-width:520px;border-radius:32px;transform:translate3d(-50%,0,0);border:1px solid rgba(0,0,0,.05);background-color:#ffffffe6;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:0 15px 50px #0000001f,0 5px 15px #0000000d}html.dark-mode .ai-dock-container{background-color:#16181ceb;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0006}.ai-dock-container.closed{transform:translate3d(-50%,calc(100% - 14px),0);width:60%;border-radius:36px;opacity:.95}.ai-dock-container.open{transform:translate3d(-50%,0,0);width:90%;border-radius:32px;opacity:1}.ai-dock-header{height:28px;padding:0 24px;border-radius:32px 32px 0 0}.ai-dock-handle{top:6px!important}.dock-tabs{height:52px;gap:8px;background-color:#00000008;margin-top:10px!important}html.dark-mode .dock-tabs{background-color:#ffffff0d}.dock-tab-btn{font-size:1rem}.ai-dock-body{padding:8px 24px 20px!important;height:auto;min-height:240px;max-height:50vh;overflow:hidden;display:flex;flex-direction:column}.tab-content{height:100%;width:100%;display:none;flex-direction:column;justify-content:center}.tab-content.active{display:flex}.tab-content:has(.dict-selector-grid){justify-content:flex-start;overflow-y:auto;padding-right:4px}}.ai-dock-header{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:grab;background-color:transparent;border-bottom:none;border-radius:24px 24px 0 0;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative}.ai-dock-header:active{cursor:grabbing}.ai-dock-handle{position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:5px;background-color:var(--primary);border-radius:10px;opacity:.5;z-index:5;transition:opacity .2s,width .3s}.ai-dock-container.open .ai-dock-handle{opacity:.3;width:24px}.dock-tabs{display:flex;gap:4px;height:52px;background-color:var(--section-bg);padding:4px;border-radius:16px;flex:1;margin-top:12px;align-items:stretch}.dock-tab-btn{flex:1;padding:0 4px;border-radius:12px;border:none;background:transparent;color:var(--sub-text);font-size:.99rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.2,.8,.2,1);white-space:nowrap;height:100%}.dock-tab-btn.active{background-color:var(--card);color:var(--primary);box-shadow:0 2px 8px #0000000f}.ai-dock-toggle-icon{display:none}.ai-dock-body{padding:12px 16px 20px;display:flex;flex-direction:column;background-color:transparent;overflow-y:auto;height:auto;min-height:150px;justify-content:flex-start;overscroll-behavior-y:contain}.tab-content{display:none;flex-direction:column;gap:12px;width:100%}.tab-content.active{display:flex;animation:fadeInTab .3s ease-out}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-input-btn{color:var(--sub-text);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;opacity:.6;border-radius:50%;transition:all .2s}.ai-input-btn:hover{background:#0000000d;opacity:1;color:var(--primary)}html.dark-mode .ai-input-btn:hover{background:#ffffff1a;color:#fff}.ai-input-btn svg{width:1.6em;height:1.6em}.ai-action-bar{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8px;width:100%}@media (min-width: 900px){.ai-action-bar{gap:10px}}.ai-side-btn,.ai-main-btn{height:48px;padding:0;border-radius:14px;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;white-space:nowrap;box-shadow:var(--item-shadow);-webkit-user-select:none;user-select:none;font-size:.95rem}@media (min-width: 900px){.ai-side-btn,.ai-main-btn{height:52px;border-radius:18px;font-size:1rem}}.ai-side-btn{font-weight:700;background-color:var(--section-bg);border:1px solid var(--border);color:var(--text)}.ai-main-btn{font-weight:800;color:#fff;border:none;box-shadow:0 4px 15px #00000026}.gen-theme{background:var(--btn-gen-grad)}.reply-theme{background:var(--btn-reply-grad);color:#fff;border:none}.ai-main-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:shimmer 3s infinite;pointer-events:none}.ai-main-btn.disabled:after{display:none}@media (max-width: 900px){.ai-dock-backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.search-block{margin-top:0;margin-bottom:0;padding:0;background-color:var(--section-bg);border:none;border-radius:0;box-shadow:none;display:grid;grid-template-columns:repeat(5,1fr);width:100%;box-sizing:border-box;height:auto;min-height:60px}.search-box{display:flex;gap:8px;width:100%;order:2}.history-group{display:flex;gap:8px;width:100%;order:1}.search-input-wrapper{position:relative;width:100%;display:flex;align-items:center;flex:1}.search-input{flex:1;padding:12px 40px 12px 20px;border:1px solid var(--btn-border-light);border-radius:50px;font-size:1rem;outline:none;background:var(--card);color:var(--text);transition:all .2s ease;box-shadow:none;width:100%}.search-input:focus{background:var(--card);box-shadow:0 0 0 2px var(--primary);border-color:var(--primary)}.search-btn{width:70px;background-color:var(--card);color:var(--text);border:1px solid var(--border);border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:none;padding:12px 0}@media (max-width: 900px){.search-btn{font-size:1rem}.search-input{font-size:1.05rem}}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sub-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s;width:32px;height:32px;opacity:.6}.search-clear-btn:hover{background-color:#0000000d;color:var(--text);opacity:1}.search-clear-btn svg{width:1.1em;height:1.1em}.history-btn{flex:1;height:100%;padding:12px 0;background-color:transparent;border:none;border-radius:0;color:var(--sub-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .2s;min-height:64px;position:relative}.history-btn:active{transform:scale(.95);background-color:#0000000d;color:var(--text);box-shadow:none}.history-btn:hover{color:var(--text);background-color:#00000005}@media (min-width: 900px){.search-block{flex-direction:row;align-items:center;padding:12px;display:flex}.history-group{flex:2.5;order:1;margin-right:12px}.search-box{flex:1;order:2;margin-bottom:0}.history-btn{font-size:1.1rem;padding:12px 0}}.nav-divider{display:none}.nav-icon-box{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background-color:transparent;color:inherit;padding:0;margin:0;border-radius:8px}.nav-icon-box svg{width:22px!important;height:22px!important;opacity:.9;fill:currentColor;margin:0}.nav-label{font-size:.7rem;font-weight:700;opacity:.8;white-space:nowrap;line-height:1}@media (max-width: 400px){.nav-label{font-size:.65rem}.history-btn{min-height:56px;padding:8px 0}}@media (min-width: 600px){.search-block{min-height:70px}.nav-label{font-size:.75rem}}.result-item{background-color:var(--result-bg);border:1px solid var(--result-border);border-radius:32px;cursor:pointer;position:relative;display:flex;overflow:hidden;-webkit-user-select:none;user-select:none;box-shadow:var(--item-shadow);min-height:50px;transition:transform .1s,background-color .1s;opacity:0;flex-wrap:nowrap!important}.result-item.animate-in{animation:fadeInUp .5s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,opacity}.result-item:active{transform:scale(.97)!important;transition:.05s}.result-item.is-fav{border-color:var(--fav-color);background-color:#ffcc000d}@keyframes thinkingPulse{0%{opacity:.4;background-color:var(--hover)}50%{opacity:.7;background-color:rgba(var(--primary-rgb),.05)}to{opacity:.4;background-color:var(--hover)}}.result-item.is-thinking{pointer-events:none;animation:thinkingPulse 1.5s infinite ease-in-out!important;border-color:var(--primary);opacity:1!important}.result-item.is-thinking .result-left{opacity:.4}.result-item.is-thinking .result-right{color:var(--primary);font-weight:800}.result-left{flex:0 0 var(--resizer-percent, 50%)!important;width:var(--resizer-percent, 50%)!important;min-width:0;padding:14px;font-size:var(--fs-jp);line-height:1.35;color:var(--text);word-break:break-word;overflow-wrap:break-word;display:block;text-align:left;font-weight:500}.result-right{flex:1!important;min-width:0;background-color:var(--result-right-bg);padding:14px 12px;display:block;text-align:left;font-size:var(--fs-cn);color:var(--result-right-text);border-left:1px solid var(--result-border);font-weight:500;line-height:1.25;word-break:break-word;overflow-wrap:break-word}.hide-cn .result-right{display:none}.hide-cn .result-left{flex:1!important;width:100%!important}.result-area{position:relative;display:flex;flex-direction:column;gap:4px;margin-top:0;padding:0;min-height:auto;scroll-margin-top:20px}.resizer-handle{position:absolute;top:0;bottom:0;width:30px;margin-left:-15px;background:transparent;cursor:col-resize;z-index:100;display:flex;align-items:center;justify-content:center;touch-action:none}.resizer-handle:before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:1px;background:var(--border);transform:translate(-50%);transition:all .2s;opacity:.4}.resizer-visual-indicator{width:30px;height:44px;background:var(--card);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #0000001f;opacity:.25;transition:all .2s;z-index:2}.resizer-dots{color:var(--primary);font-size:16px;font-weight:700;line-height:1}.is-resizing .resizer-handle:before{width:2px;background:var(--primary);opacity:1}.is-resizing .resizer-visual-indicator{opacity:1;transform:scale(1.15);border-color:var(--primary);background-color:var(--hover)}.is-global-resizing{-webkit-user-select:none!important;user-select:none!important;overflow:hidden!important}@media (min-width: 900px){.resizer-handle{width:20px;margin-left:-10px}.resizer-visual-indicator{width:24px;height:36px;opacity:.2}.resizer-dots{font-size:14px}.result-left{padding:14px 16px;font-size:calc(var(--fs-jp) + .15rem)}}.empty-state{border:2px dashed var(--border);border-radius:32px;padding:15px;text-align:center;color:var(--sub-text);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;opacity:.6}@media (min-width: 1024px){.split-left .empty-state{flex:1;min-height:0;border-style:solid;border-color:var(--border);border-width:1px;opacity:.45}.split-left .empty-state svg.empty-icon-svg{width:100px;height:100px}}svg.empty-icon-svg{width:90px;height:90px;margin-bottom:16px;fill:currentColor;animation:floating 3s ease-in-out infinite;will-change:transform,opacity}.empty-state-desc{font-size:.85rem;line-height:1.5;opacity:.9;margin-top:8px;max-width:80%}.skeleton-item{opacity:1!important;background-color:var(--card);pointer-events:none;min-height:52px;padding:0 20px}.skeleton-text{height:12px;background:linear-gradient(90deg,var(--border) 25%,var(--hover) 50%,var(--border) 75%);background-size:200% 100%;animation:backgroundShimmer 1.5s infinite linear;border-radius:6px}.skeleton-text.short{width:35%}.skeleton-text.long{width:50%;opacity:.6}.status-tips-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin:4px 0 8px;padding:0;box-sizing:border-box;min-height:44px}@media (max-width: 899px){.status-tips-container{width:calc(100% - 24px);margin-left:15px;margin-right:9px}}@media (min-width: 900px){.status-tips-container{margin-top:10px;padding:0 4px}}.status-capsule{display:flex;align-items:center;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:6px 20px 20px 6px;padding:4px 10px;font-size:.85rem;font-weight:800;color:var(--text);box-shadow:0 2px 8px #0000000d;transition:all .3s ease;max-width:75%;white-space:nowrap;overflow:hidden;position:relative;box-sizing:border-box}html.dark-mode .status-capsule{background:#1e1e1eb3;border-color:#ffffff1a;border-left-color:var(--primary);box-shadow:0 2px 10px #0003}.status-capsule svg{color:var(--primary);width:1.1em;height:1.1em}.status-capsule.pulsing{animation:glowPulse 2s infinite ease-in-out;border-left-color:var(--secondary)}@keyframes glowPulse{0%{box-shadow:0 0 rgba(var(--primary-rgb),0);border-color:var(--border)}50%{box-shadow:0 0 10px #1d9bf033;border-color:var(--primary)}to{box-shadow:0 0 rgba(var(--primary-rgb),0);border-color:var(--border)}}.status-text-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;padding-left:4px}.status-dot{display:none}.tips-text-right{margin-left:auto;display:flex;align-items:center}@media (max-width: 450px){.status-capsule{font-size:.75rem;padding:5px 12px;border-left-width:4px}}.undo-redo-group{display:flex;align-items:center;gap:6px}.history-action-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background-color:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sub-text);transition:all .2s;box-shadow:var(--item-shadow)}html.dark-mode .history-action-btn{background-color:var(--section-bg);border-color:#ffffff0d;color:var(--text)}.history-action-btn:active{transform:scale(.92);background-color:var(--hover);color:var(--primary)}.history-action-btn.disabled{opacity:.3;pointer-events:none;background-color:transparent;border-color:transparent;box-shadow:none}.image-analysis-container{margin-top:8px;display:flex;flex-direction:column;gap:6px;width:100%}@media (max-width: 899px){.image-analysis-container{width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}}.dropzone{width:100%;min-height:100px;border:2px dashed var(--border);border-radius:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);background-color:rgba(var(--primary-rgb),.02);overflow:hidden;position:relative}@media (min-width: 1024px){.split-right .dropzone{min-height:180px!important}}.dropzone:hover{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.05)}.dropzone.dragging{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.1);transform:scale(1.02)}.dropzone.has-preview{border-style:solid;min-height:160px}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--sub-text)}.dropzone-icon{font-size:1.8rem;opacity:.6}.dropzone-text{text-align:center}.dropzone-text .main-tip{font-weight:800;font-size:.95rem;color:var(--text)}.dropzone-text .sub-tip{font-size:.75rem;opacity:.7}.preview-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:250px;object-fit:contain;border-radius:12px}@media (min-width: 1024px){.split-right .preview-wrapper{height:200px!important}}.preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.preview-wrapper:hover .preview-overlay{opacity:1}.analysis-actions{display:flex;gap:8px;width:100%;animation:fadeInUp .3s ease-out;will-change:transform,opacity}