:root{--color-bg:#0e0e0e;--color-bg-dark:#0a0a0a;--color-bg-card:rgba(10,10,10,0.5);--color-bg-hover:rgba(10,10,10,0.9);--color-primary:#ff7300;--color-primary-dark:#ff4500;--color-primary-light:#ff8c00;--color-accent:#ffcc00;--color-text:#fff;--color-text-muted:#888;--color-text-dim:#777;--color-text-dark:#555;--color-text-secondary:#aaa;--color-border:rgba(255,255,255,0.08);--color-border-hover:rgba(255,255,255,0.15);--color-border-solid:#242424;--color-divider:#333;--color-success:#00ff00;--blur-amount:6px;--border-radius:10px;--border-radius-lg:12px;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--shadow-card:0 15px 50px rgba(0,0,0,0.5),0 0 30px rgba(255,115,0,0.08);--gradient-primary:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-light));--gradient-divider:linear-gradient(90deg,transparent,var(--color-divider),transparent);--gradient-glow:conic-gradient(from var(--angle),var(--color-primary-dark),var(--color-primary-light),var(--color-accent),var(--color-primary-dark))}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Arial',sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;position:relative;line-height:1.6}#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.2;pointer-events:none}.content-wrapper{position:relative;z-index:1}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.blur-bg{background-color:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}.section-divider::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;max-width:600px;height:1px;background:var(--gradient-divider)}header{padding:16px 0;border-bottom:1px solid rgba(255,255,255,0.05);background:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount))}.header-content{display:flex;justify-content:space-between;align-items:center}.header-right{display:flex;gap:12px;align-items:center}.logo{display:flex;align-items:center;gap:15px;text-decoration:none}.logo-container{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;--bg-base:#1c1c1c;--bg-hover:#1c1c1c}.logo-gradient{position:relative;width:100%;height:100%;border-radius:var(--border-radius-lg);display:flex;justify-content:center;align-items:center}.logo-gradient::before,.logo-gradient::after{content:'';position:absolute;height:56px;width:56px;border-radius:var(--border-radius-lg);z-index:0;background-image:var(--gradient-glow);animation:4s spin linear infinite}.logo-gradient::before{filter:blur(5px);opacity:0.8}.extension-logo{width:60px;height:60px;border-radius:var(--border-radius-lg);position:relative;z-index:1;background:var(--color-bg-dark);border:1px solid rgba(255,106,0,0.42);padding:5px}.logo-text{font-size:24px;font-weight:700;color:var(--color-text);letter-spacing:1px}.online-counter{display:flex;align-items:center;gap:10px;background-color:rgba(10,10,10,0.6);padding:10px 16px;border-radius:var(--border-radius);border:1px solid var(--color-border);transition:border-color var(--transition-normal)}.language-selector{display:flex;align-items:center;background-color:rgba(10,10,10,0.6);border-radius:var(--border-radius);border:1px solid var(--color-border);transition:border-color var(--transition-normal)}.online-counter:hover,.language-selector:hover{border-color:var(--color-border-hover)}.language-selector:hover{border-color:var(--color-primary)}.online-dot{width:8px;height:8px;background-color:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.online-text{color:var(--color-text-secondary);font-size:14px}.online-number{color:var(--color-text);font-weight:700;font-size:16px}.language-selector select{border:none;background:none;color:var(--color-text);font-size:14px;font-weight:600;cursor:pointer;outline:none;padding:10px 40px 10px 16px;appearance:none;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.language-selector:hover select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ff7300' stroke-width='2'/%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.language-selector select option{background:var(--color-bg-dark);color:var(--color-text);font-weight:700}.hero{padding:100px 0 60px;text-align:center}.hero h1{font-size:56px;font-weight:700;margin-bottom:20px;letter-spacing:2px}.hero .subtitle{font-size:18px;color:var(--color-text-muted);margin-bottom:50px;max-width:500px;margin-left:auto;margin-right:auto;animation:fadeIn 0.8s ease 0.2s backwards}.download-section{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:60px;animation:fadeIn 0.8s ease 0.4s backwards}.btn-primary,.btn-text{display:flex;align-items:center;gap:12px;background-color:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);text-decoration:none;font-weight:600;transition:transform var(--transition-normal);cursor:pointer;--bg-base:var(--color-bg-dark);--bg-hover:#151515}.btn-primary{padding:14px 28px;font-size:15px}.btn-text{padding:12px 24px;font-size:14px}.btn-primary:hover,.btn-text:hover{border-color:var(--color-primary);background-color:var(--color-bg-hover);backdrop-filter:none;-webkit-backdrop-filter:none}.btn-primary:hover{transform:translateY(-3px)}.btn-text:hover{transform:translateY(-2px)}.browser-icon,.support-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.browser-icon{width:30px;height:30px}.support-icon{width:24px;height:24px}.footer-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.browser-icon svg,.support-icon svg{width:100%;height:100%;display:block}.features,.support-section,.patch-notes-section{position:relative}.features::before,.support-section::before,.patch-notes-section::before,.footer-links::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;max-width:600px;height:1px;background:var(--gradient-divider)}.features{padding:60px 0 80px}.support-section{padding:80px 0;text-align:center}.patch-notes-section{padding:80px 0;text-align:center}.discord-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1),opacity 0.4s cubic-bezier(0.4,0,0.2,1)}.discord-sidebar.collapsed{transform:translateY(-50%) translateX(calc(100% - 44px))}.discord-sidebar.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:none !important}.discord-sidebar.hidden.collapsed{transform:translateY(-50%) translateX(calc(100% - 44px))}.discord-sidebar:not(.hidden){opacity:1;visibility:visible}.discord-toggle{width:44px;height:60px;background:rgba(88,101,242,0.9);backdrop-filter:blur(8px);border:1px solid rgba(88,101,242,0.5);border-right:none;border-radius:8px 0 0 8px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease,transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s ease}.discord-toggle:hover{background:rgba(88,101,242,1);transform:scale(1.05);box-shadow:0 4px 20px rgba(88,101,242,0.5)}.discord-toggle:active{transform:scale(0.95)}.discord-widget-container{background:var(--color-bg-dark);border:1px solid var(--color-border);border-right:none;border-radius:8px 0 0 8px;overflow:hidden;opacity:1;transform:translateX(0);transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1)}.discord-sidebar.collapsed .discord-widget-container{opacity:0;pointer-events:none;transform:translateX(20px)}.discord-widget-container iframe{display:block}@media (max-width:768px){.discord-sidebar{top:auto;bottom:20px;right:20px;transform:none;flex-direction:column-reverse;align-items:flex-end}.discord-sidebar.collapsed{transform:none}.discord-sidebar.hidden{transition:none !important}.discord-sidebar.hidden.collapsed{transform:none}.discord-sidebar.collapsed .discord-widget-container{opacity:0;max-height:0;margin-bottom:0;pointer-events:none;transform:scale(0.9) translateY(20px)}.discord-toggle{border-radius:50%;border:1px solid rgba(88,101,242,0.5);width:56px;height:56px;box-shadow:0 4px 15px rgba(88,101,242,0.4);position:fixed !important;bottom:20px !important;right:20px !important;z-index:1001;flex-shrink:0}.discord-toggle:hover{box-shadow:0 6px 25px rgba(88,101,242,0.6)}.discord-widget-container{border-radius:8px;border:1px solid var(--color-border);margin-bottom:70px;max-height:300px;transform:scale(1) translateY(0);transition:opacity 0.3s cubic-bezier(0.4,0,0.2,1),max-height 0.3s cubic-bezier(0.4,0,0.2,1),margin-bottom 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1)}.discord-widget-container iframe{width:280px;height:300px}}.features h2,.support-section h2,.patch-notes-section h2{font-size:36px;margin-bottom:16px;color:var(--color-text);font-weight:700}.features h2{text-align:center;margin-bottom:50px}.support-section .subtitle,.patch-notes-section .subtitle{font-size:16px;color:var(--color-text-muted);margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.support-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.card{background-color:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border-radius:var(--border-radius-lg);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);position:relative}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-card)}.card:hover::before{opacity:1}.card-inner{position:relative;width:100%;height:100%}.card-front{padding:28px;min-height:170px;display:flex;flex-direction:column}.card-front h3{font-size:17px;margin-bottom:12px;color:var(--color-text);font-weight:600;transition:color var(--transition-normal)}.card:hover .card-front h3{color:var(--color-primary)}.card-front p{color:var(--color-text-dim);line-height:1.6;font-size:14px}.card-back{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(5,5,5,0.95);opacity:0;display:flex;align-items:center;justify-content:center;padding:15px;transition:opacity var(--transition-normal);pointer-events:none}.card-back:empty,.card-back:not(:has(img)){display:none}.card:hover .card-back{opacity:1;pointer-events:auto}.card-back img{width:100%;height:100%;object-fit:contain;border-radius:6px}.footer-links{display:flex;justify-content:center;gap:20px;padding:60px 0;flex-wrap:wrap;position:relative}footer{text-align:center;padding:30px 0;color:var(--color-text-dark);border-top:1px solid rgba(255,255,255,0.05);background:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));font-size:13px}footer p{margin-bottom:6px}footer p:last-child{margin-bottom:0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);animation:fadeIn 0.3s ease}.modal.show{display:block}.modal-content{position:relative;background-color:var(--color-bg);margin:2% auto;width:90%;max-width:900px;border-radius:var(--border-radius);border:1px solid var(--color-border-solid);box-shadow:0 4px 20px rgba(0,0,0,0.5);animation:fadeIn 0.4s ease}.modal-header{padding:20px 30px;border-bottom:1px solid var(--color-border-solid);display:flex;justify-content:space-between;align-items:center}.modal-header h1{font-size:32px;font-weight:700;margin:0}.close-modal{color:var(--color-text-secondary);font-size:32px;font-weight:700;cursor:pointer;transition:color var(--transition-normal);background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-modal:hover{color:var(--color-text)}.modal-body{padding:30px;max-height:70vh;overflow-y:auto}.modal-body h2{color:var(--color-text);font-size:24px;margin-top:30px;margin-bottom:15px;font-weight:600}.modal-body h2:first-child{margin-top:0}.modal-body h3{color:var(--color-text-secondary);font-size:18px;margin-top:20px;margin-bottom:10px}.modal-body p{color:var(--color-text-secondary);margin-bottom:15px;font-size:16px}.modal-body ul,.modal-body ol{color:var(--color-text-secondary);margin-left:25px;margin-bottom:15px}.modal-body li{margin-bottom:8px}.modal-body code{background-color:#1a1a1a;color:var(--color-primary);padding:3px 8px;border-radius:4px;font-family:'Monaco','Consolas',monospace;font-size:14px}.modal-body a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.modal-body a:hover{color:var(--color-primary-dark)}.modal-body strong{color:var(--color-text);font-weight:600}.modal-body small{color:var(--color-text-dim);font-size:14px}.highlight{background-color:rgba(255,115,0,0.1);padding:20px;border-left:4px solid var(--color-primary);border-radius:8px;margin:20px 0}.highlight p{color:var(--color-text)}.contact-info{background-color:var(--color-bg-dark);padding:25px;border-radius:var(--border-radius);border:1px solid var(--color-border-solid);margin-top:30px}.contact-info h2{margin-top:0}hr{border:none;border-top:1px solid var(--color-border-solid);margin:30px 0}.notification{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,rgb(42,42,42),rgba(42,42,42,0.71));color:var(--color-text);font-weight:600;padding:10px 20px;border-radius:8px;display:none;font-size:16px;z-index:1000;opacity:0;transition:opacity var(--transition-normal);box-shadow:0 4px 10px rgba(0,0,0,0.3)}.notification.show{display:block;opacity:1}.hidden{display:none}.patch-notes-collapsible{background-color:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);max-width:700px;margin:0 auto;text-align:left;transition:border-color var(--transition-normal)}.patch-notes-collapsible:hover{border-color:var(--color-border-hover)}.patch-notes-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background-color var(--transition-fast)}.patch-notes-header:hover{background-color:rgba(255,255,255,0.02)}.patch-notes-title{font-size:16px;font-weight:700;color:var(--color-text);letter-spacing:0.5px;flex:1}.patch-notes-lang-badge{background-color:rgba(255,115,0,0.2);color:var(--color-primary);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;margin-right:12px}.patch-notes-chevron{color:var(--color-text-muted);transition:transform var(--transition-normal)}.patch-notes-header.expanded .patch-notes-chevron{transform:rotate(180deg)}.patch-notes-content{padding:20px;transition:max-height var(--transition-normal),padding var(--transition-normal),opacity var(--transition-normal);border-top:1px solid var(--color-border-solid)}.patch-notes-content.collapsed{max-height:0;padding:0 20px;opacity:0;overflow:hidden;border-top:none}.patch-notes-loading{color:var(--color-text-dim);text-align:center;padding:20px}.patch-notes-error{color:#f55;text-align:center;padding:20px}.patch-note{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border-solid)}.patch-note:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.patch-note-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.patch-note-version{font-weight:700;color:var(--color-primary);font-size:18px}.patch-note-title{font-weight:600;color:var(--color-text);font-size:14px;flex:1}.patch-note-description{color:var(--color-text-secondary);font-size:14px;line-height:1.6;margin:0;padding-left:20px;list-style-type:disc}.patch-note-description li{margin-bottom:4px}.patch-note-images{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.patch-note-image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:6px;border:1px solid var(--color-border-solid);cursor:pointer;transition:opacity var(--transition-fast),border-color var(--transition-fast)}.patch-note-image:hover{opacity:0.9;border-color:var(--color-primary)}.patch-note-images.single{grid-template-columns:1fr}.patch-note-images.single .patch-note-image{aspect-ratio:auto;max-height:150px;object-fit:contain}.patch-note-image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);display:flex;justify-content:center;align-items:center;z-index:1001;cursor:pointer;padding:20px;box-sizing:border-box}.patch-note-image-overlay img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;border:1px solid var(--color-border-solid)}@media (max-width:768px){.card-back:has(img){position:relative;opacity:1;pointer-events:auto;height:200px;border-top:1px solid var(--color-border);display:flex}.card:hover .card-back{opacity:1}.card:hover{transform:none}.card-front{min-height:auto}.header-right{flex-wrap:wrap;justify-content:center}.header-content{flex-direction:column;gap:16px}.logo-container{width:56px;height:56px}.logo-gradient::before,.logo-gradient::after{height:48px;width:48px}.extension-logo{width:52px;height:52px}.hero h1{font-size:38px}.hero .subtitle{font-size:16px}.download-section{flex-direction:column;align-items:center}.features h2,.support-section h2,.patch-notes-section h2{font-size:32px}.features-grid{grid-template-columns:1fr}.support-buttons,.footer-links{flex-direction:column;align-items:center}.btn-primary,.btn-text{width:100%;max-width:300px;justify-content:center}.modal-content{width:95%;margin:5% auto}.modal-header h1{font-size:24px}.modal-body{padding:20px}.modal-body h2{font-size:20px}.language-selector select{padding:8px 32px 8px 12px}.patch-notes-collapsible{margin:0 10px}.patch-note-images{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.privacy-header h1{font-size:32px}.privacy-card{padding:25px}.privacy-card h2{font-size:1.25rem}}.privacy-page{min-height:calc(100vh - 97px - 85px);padding:60px 0 80px}.back-to-home{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;padding:12px 24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);text-decoration:none;font-size:14px;font-weight:600;transition:all var(--transition-normal)}.back-to-home:hover{border-color:var(--color-primary);background:var(--color-bg-hover);transform:translateX(-5px)}.back-to-home svg{width:16px;height:16px;transition:transform var(--transition-fast)}.back-to-home:hover svg{transform:translateX(-3px)}.privacy-header{text-align:center;margin-bottom:50px}.privacy-header h1{font-size:48px;font-weight:700;margin-bottom:15px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-header .last-updated{color:var(--color-text-muted);font-size:14px}.privacy-grid{display:grid;gap:25px}.privacy-card{background:var(--color-bg-card);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(var(--blur-amount));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:40px;transition:border-color var(--transition-normal)}.privacy-card:hover{border-color:var(--color-border-hover)}.privacy-card h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:12px}.privacy-card h2 svg{width:24px;height:24px;stroke:var(--color-primary);flex-shrink:0}.privacy-card h3{color:var(--color-text);font-size:1.1rem;margin-top:25px;margin-bottom:12px}.privacy-card p{color:var(--color-text-secondary);line-height:1.8;margin-bottom:15px}.privacy-card ul{color:var(--color-text-secondary);margin-left:20px;margin-bottom:15px}.privacy-card li{margin-bottom:10px;line-height:1.7}.privacy-card a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.privacy-card a:hover{color:var(--color-primary-light);text-decoration:underline}.highlight-box{background:rgba(255,115,0,0.08);border-left:3px solid var(--color-primary);padding:20px 25px;margin:25px 0;border-radius:0 var(--border-radius) var(--border-radius) 0}.highlight-box p{margin:0;color:var(--color-text)}.contact-card{background:linear-gradient(135deg,rgba(255,115,0,0.1),rgba(255,115,0,0.02));border:1px solid var(--color-primary)}.contact-card h2{color:var(--color-text)}.privacy-footer-text{text-align:center;color:var(--color-text-muted);font-size:14px;margin-top:40px}