.language-selector{position:relative;display:inline-block}.language-trigger{display:flex;align-items:center;gap:8px;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--text-primary, #333);cursor:pointer;transition:all .2s ease;font-size:14px}.language-trigger:hover{background:#fff3;border-color:#ffffff4d}.language-trigger:focus{outline:2px solid #646cff;outline-offset:2px}.language-flag{font-size:16px;line-height:1}.language-name{flex:1;text-align:left;font-weight:500}.language-arrow{font-size:10px;transition:transform .2s ease;color:var(--text-secondary, #666)}.language-arrow.open{transform:rotate(180deg)}.language-overlay{position:fixed;inset:0;z-index:999}.language-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--dropdown-bg, #ffffff);border:1px solid var(--border-color, #e1e5e9);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;color:var(--text-primary, #333);cursor:pointer;transition:background-color .2s ease;font-size:14px;text-align:left}.language-option:hover{background:var(--hover-bg, #f5f5f5)}.language-option.active{background:var(--active-bg, #f0f7ff);color:var(--primary-color, #646cff)}.language-option .language-name{flex:1}.language-check{color:var(--primary-color, #646cff);font-weight:700}@media (prefers-color-scheme: dark){.language-trigger{background:#ffffff0d;border-color:#ffffff1a;color:#ffffffde}.language-trigger:hover{background:#ffffff1a;border-color:#fff3}.language-dropdown{--dropdown-bg: #2a2a2a;--border-color: #404040}.language-option{color:#ffffffde}.language-option:hover{--hover-bg: #3a3a3a}.language-option.active{--active-bg: #1a2332}}@media (max-width: 768px){.language-trigger{min-width:100px;padding:6px 10px;font-size:13px}.language-dropdown{min-width:140px}.language-option{padding:10px 14px;font-size:13px}}header{position:fixed;left:0;top:0;width:100%;height:82px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease}[data-theme=dark] header{background-color:#1a1a1af2;box-shadow:0 2px 4px #0000004d}nav{max-width:1200px;margin:0 auto;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:flex;align-items:center;gap:12px}.logo img{height:60px;width:auto}[data-theme=dark] .logo-text{color:#ffffffde}.nav-actions{display:flex;align-items:center;gap:16px}@media (max-width: 768px){header{height:55px}.logo img{height:40px;width:auto}nav{padding:8px 12px}.nav-actions{gap:12px}}.language-selector{display:flex;align-items:center;gap:.8rem}.share-link-container{max-width:800px;width:100%;min-width:375px;margin:0 auto;padding:20px;background:var(--bg-color, #ffffff);border-radius:12px;box-shadow:0 2px 12px #0000001a;min-height:400px;word-break:break-all;max-height:calc(calc(100 * var(--vh)) - 230px);display:flex;flex-direction:column}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-color, #666);padding-top:150px}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding-top:150px;color:var(--text-error, #dc3545)}.error-icon{font-size:48px;margin-bottom:12px}.error-message{font-size:16px;text-align:center}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary, #666)}.empty-icon{font-size:48px;margin-bottom:12px}.empty-message{font-size:16px}.group-header{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color, #eee);margin-bottom:20px}.group-avatar{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.group-icon{font-size:24px;color:#fff}.group-info{flex:1}.group-name{margin:0 0 8px;font-size:24px;font-weight:600;color:var(--text-primary, #333)}.group-meta{display:flex;gap:16px;font-size:14px;color:var(--text-secondary, #666)}.messages-container{max-height:600px;overflow-y:auto;padding-right:8px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #c1c1c1);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #a8a8a8)}.message-item{display:flex;margin-bottom:16px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.avatar-text{color:#fff;font-weight:600;font-size:14px}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;margin-bottom:4px;gap:8px}.sender-name{font-weight:600;color:var(--text-primary, #333);font-size:14px}.message-time{font-size:12px;color:var(--text-secondary, #999)}.message-body{margin-top:4px}.message-bubble{text-align:left;background:var(--message-bg, #f8f9fa);padding:12px 16px;border-radius:4px 12px 12px;color:var(--text-primary, #333);line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease}.message-bubble img{max-width:100%;border-radius:8px;max-height:700px}.message-bubble:hover{background:var(--message-bg-hover, #f0f1f2)}.share-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color, #eee);text-align:center}.share-info{color:var(--text-secondary, #666);font-size:14px}@media (prefers-color-scheme: dark){.share-link-container{--bg-color: #1a1a1a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-error: #ff6b6b;--border-color: #333;--message-bg: #2a2a2a;--message-bg-hover: #333;--scrollbar-track: #2a2a2a;--scrollbar-thumb: #555;--scrollbar-thumb-hover: #666}}@media (prefers-color-scheme: light){.share-link-container{--bg-color: #ffffff;--text-primary: #333;--text-secondary: #666;--text-error: #dc3545;--border-color: #eee;--message-bg: #f8f9fa;--message-bg-hover: #f0f1f2;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a8a8a8}}@media (max-width: 768px){.share-link-container{max-width:80vw;margin:0 auto;padding:16px;max-height:calc(calc(100 * var(--vh)) - 160px)}.message-bubble img{max-width:100%;border-radius:8px;max-height:300px}.group-header{padding:16px 0}.group-name{font-size:20px}.group-meta{flex-direction:column;gap:4px}.message-item{margin-bottom:12px}.message-avatar{width:36px;height:36px}.avatar-text{font-size:12px}}.hero{text-align:center;padding:3.5rem 1rem;max-width:800px;margin:0 auto;padding-bottom:0}.hero h1{font-size:5rem;margin-bottom:1.5rem;color:var(--primary-color);position:relative;display:inline-block}.animate-fade-in{opacity:0;transform:translateY(20px) scale(.95);animation:fadeIn 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1);text-shadow:0 0 20px rgba(240,151,44,.3)}}.hero-text{font-size:1.25rem;margin-bottom:2rem;animation:floatText 3s ease-in-out infinite}@keyframes floatText{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.download-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;animation:fadeInUp .3s ease-out}.download-btn{display:flex;align-items:center;gap:12px;text-decoration:none;background:var(--primary-color);color:#fff;border:none;padding:1.2rem 2.4rem;font-size:1.25rem;border-radius:100px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 20px #f0972c4d;background-size:200% 200%}.download-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #f0972c66;background-position:100% 100%;color:#fff}.download-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .4s ease}.download-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #f0972c66}.download-btn:hover:before{opacity:1}.download-btn:active{transform:translateY(-2px) scale(.98);box-shadow:0 8px 15px #f0972c4d}.download-btn svg{width:24px;height:24px}.download-btn:hover svg{transform:scale(1.1) rotate(-5deg)}@media (max-width: 768px){.download-buttons{margin-top:12px;gap:10px}.download-btn{max-width:280px;justify-content:center;padding:8px 12px;font-size:12px;gap:10px}}:root{--primary-color: #fdb145;--secondary-color: #fdb145;--text-color: #4b4b4b;--background-color: #ffffff;--card-background: #f3f4f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);padding-top:100px;padding-bottom:20px}@media (max-width: 768px){body{padding-top:70px}}#root{max-width:1280px;margin:0 auto}