:root{--bg-0: #0a0b0d;--bg-1: #111215;--bg-2: #181a1e;--bg-3: #1e2126;--border: #2a2d33;--text: #e4e6eb;--text-muted: #8b8f98;--accent: #3b82f6;--accent-dim: #2563eb;--danger: #ef4444;--success: #0ea5e9;--warning: #f59e0b;--radius: 10px;--shadow: 0 4px 20px rgba(0,0,0,.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:linear-gradient(135deg,#111215f2,#1e2126f2);color:var(--text);min-height:100vh;height:100vh;overflow:hidden;overflow-x:hidden;line-height:1.5;position:relative}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.bg-decoration:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 100%);pointer-events:none}body.app-view{background:linear-gradient(135deg,#111215f2,#1e2126f2)}body.auth-view{background:linear-gradient(135deg,#14171efa,#1e222cfa)}body.auth-view .bg-mesh,body.auth-view .bg-stars,body.auth-view .bg-grid{opacity:0!important;pointer-events:none}.bg-mesh{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(ellipse 40% 30% at 10% 20%,rgba(59,130,246,.07),transparent 50%),radial-gradient(ellipse 35% 25% at 90% 30%,rgba(59,130,246,.05),transparent 50%),radial-gradient(ellipse 30% 20% at 70% 80%,rgba(14,165,233,.04),transparent 50%);animation:meshPulse 15s ease-in-out infinite;pointer-events:none}@keyframes meshPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.025) 1px,transparent 1px);background-size:60px 60px;opacity:.5;pointer-events:none}.bg-stars{position:absolute;width:100%;height:100%;opacity:.9;z-index:0;animation:starsTwinkle 6s ease-in-out infinite}.bg-cloud{position:absolute;opacity:.42;animation:cloudDrift 80s ease-in-out infinite;filter:blur(8px) drop-shadow(0 0 12px rgba(59,130,246,.1))}.bg-cloud-1{top:-16%;left:-22%;width:40%;animation-delay:0s}.bg-cloud-2{top:64%;right:-24%;width:44%;animation-delay:-20s}body.auth-view .bg-cloud{opacity:.24}body.app-view .bg-cloud{opacity:.26}body.auth-view .bg-decoration:after{background:linear-gradient(180deg,#00000008,#0000001a)}.app-clouds{display:none}@keyframes cloudDrift{0%,to{transform:translate(0) scale(1)}50%{transform:translate(14px,-10px) scale(1.02)}}@keyframes starsTwinkle{0%,to{opacity:.8}50%{opacity:1}}.app{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;position:relative;z-index:1;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(135deg,#111215f2,#1e2126f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(42,45,51,.5);flex-shrink:0;position:relative;z-index:10;box-shadow:0 2px 20px #0000004d}.logo{display:flex;align-items:center;gap:12px;position:relative}[data-reload-page]{cursor:pointer;-webkit-user-select:none;user-select:none}.logo-icon{font-size:24px;color:var(--accent);animation:pulse 2s ease-in-out infinite;margin-right:8px}.logo-icon i{color:var(--accent)}.logo:after{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:30px;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.5}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.logo h1{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.layout{display:flex;flex-direction:row;flex:1 1 0;flex-wrap:nowrap;overflow:hidden;position:relative;z-index:1;min-height:0;align-items:stretch;width:100%}.sidebar{width:340px;min-width:340px;padding:20px;overflow:hidden;border-right:1px solid rgba(42,45,51,.5);background:linear-gradient(135deg,#111215f2,#1e2126f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1;min-height:0}.sidebar-inner{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;position:relative;overflow-y:hidden;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}.sidebar-inner::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-inner.has-overflow{overflow-y:auto}.sidebar-mobile-header{display:none;align-items:center;justify-content:space-between;padding:16px 20px;background:#0003;border-bottom:1px solid rgba(42,45,51,.5);flex-shrink:0}.sidebar-mobile-title{font-size:1.1rem;font-weight:600;color:var(--text)}.sidebar-close{width:40px;height:40px;padding:0;border:none;background:#2a2d3380;color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.sidebar-close:hover{color:var(--text);background:#3b82f633}.sidebar:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.3}.sidebar-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all .3s;border:1px solid transparent;position:relative;overflow:hidden;flex-shrink:0}.sidebar-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.sidebar-item:hover{color:var(--text);background:#3b82f61a;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 4px 15px #3b82f61a}.sidebar-item:hover:before{opacity:.5}.sidebar-item.active{color:var(--accent);background:#3b82f626;border-color:#3b82f666;box-shadow:0 4px 15px #3b82f626}.sidebar-item.active:before{opacity:.6}.sidebar-item i{font-size:1rem;width:20px;text-align:center;transition:transform .3s}.sidebar-item:hover i{transform:scale(1.1)}.sidebar-item .script-info-btn{margin-left:auto;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sidebar-item .script-info-btn:hover{color:var(--accent);background:#3b82f626}.sidebar-item .script-info-btn svg{width:14px;height:14px}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-section-items{display:flex;flex-direction:column;gap:4px;overflow:hidden;max-height:2000px;transition:max-height .3s ease,opacity .2s ease}.sidebar-section.collapsed .sidebar-section-items{max-height:0!important;opacity:0;pointer-events:none}.sidebar-section-label{margin:14px 8px 6px;padding:10px 10px 9px;display:flex;align-items:center;gap:8px;font-size:.98rem;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(59,130,246,.22)}.sidebar-section-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,color .2s;border-radius:8px;margin:14px 0 6px}.sidebar-section-toggle:hover{background:#3b82f614}.sidebar-section-chevron{font-size:.7rem;color:var(--accent);transition:transform .25s ease;width:14px;text-align:center}.sidebar-section.expanded .sidebar-section-chevron{transform:rotate(0)}.sidebar-section.collapsed .sidebar-section-chevron{transform:rotate(-90deg)}.sidebar-section-label i:not(.sidebar-section-chevron){color:var(--accent);font-size:.95rem}.sidebar-section-label span{background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-info-label{margin:0 8px 6px;padding:10px 10px 9px;display:flex;align-items:center;gap:8px;font-size:.98rem;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(59,130,246,.22);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;border-radius:8px}.sidebar-info-label:hover{background:#3b82f614}.sidebar-info-label i{color:var(--accent);font-size:.95rem}.sidebar-info-label span{background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-item.sidebar-hostings-direct{margin:14px 0 6px;padding:10px 10px 9px;font-size:.98rem;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(59,130,246,.22);border-radius:8px}.sidebar-item.sidebar-hostings-direct i{color:var(--accent);width:auto;font-size:.95rem}.sidebar-item.sidebar-hostings-direct span{background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-item.sidebar-hostings-direct:hover{background:#3b82f614;border-color:transparent;box-shadow:none;transform:none}.modal-content.modal-info{position:relative;max-width:680px;width:100%;padding:32px 40px}.modal-content.modal-info:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6;border-radius:10px 10px 0 0}.modal-content.modal-info h3{font-size:1.4rem;margin-bottom:24px;padding-right:40px}.modal-close{position:absolute;top:16px;right:20px;background:#2a2d3380;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{color:var(--text);background:#3b82f633}.script-info-body{max-height:min(65vh,500px);overflow-y:auto;overflow-x:hidden;line-height:1.65;font-size:1rem;padding-right:4px}.script-info-body::-webkit-scrollbar{width:10px}.script-info-body::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:5px}.script-info-body::-webkit-scrollbar-thumb:hover{background:#3b82f680}.script-info-body .info-desc{color:var(--text-muted);margin-bottom:28px;font-size:1.05rem;line-height:1.7}.script-info-body .info-desc-compact{margin-bottom:0;line-height:1.9}.script-info-body .info-desc a{color:#60a5fae6;text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.script-info-body .info-desc a:hover{color:var(--text)}.script-info-body .info-section{margin-bottom:28px}.script-info-body .info-section:last-child{margin-bottom:0}.script-info-body .info-section h4{font-size:1.05rem;font-weight:600;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;gap:10px}.script-info-body .info-section h4 i{opacity:.9}.script-info-body .info-files{display:flex;flex-direction:column;gap:12px}.script-info-body .info-file-item{display:flex;flex-direction:column;gap:8px;padding:16px 20px;background:#181a1e99;border:1px solid rgba(42,45,51,.5);border-radius:10px;transition:border-color .2s}.script-info-body .info-file-item:hover{border-color:#3b82f64d}.script-info-body .info-file-item .path{font-family:JetBrains Mono,monospace;font-size:.92rem;color:var(--accent);background:#3b82f614;padding:8px 14px;border-radius:6px;word-break:break-all}.script-info-body .info-file-item .action{color:var(--text-muted);font-size:.95rem;padding-left:2px}.script-info-body .info-section ul{margin:0;padding-left:24px;color:var(--text);font-size:1rem}.script-info-body .info-section ul li{margin-bottom:8px}.script-info-body .info-section ul li:last-child{margin-bottom:0}.script-info-body .info-output{padding:16px 20px;background:#181a1e99;border-radius:10px;border-left:4px solid var(--accent);color:var(--text);font-size:1rem}.script-info-body .info-section>p{color:var(--text);font-size:1rem;margin:0}.sidebar-bg-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4;animation:sidebarFloat 25s ease-in-out infinite}@keyframes sidebarFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-10px,20px) scale(1.05)}}.sidebar>*:not(.sidebar-bg-svg){position:relative;z-index:1}.main-content{flex:1 1 0;display:flex;flex-direction:column;min-width:0;min-height:0;background:linear-gradient(135deg,#111215f2,#1e2126f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding:24px;position:relative;z-index:1}.panel{background:linear-gradient(135deg,#111215e6,#181a1ee6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(42,45,51,.6);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px;box-shadow:0 4px 15px #0003;max-width:1100px;position:relative;overflow:hidden;transition:all .3s}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.panel:after{content:"";position:absolute;top:-50%;right:-20%;width:150%;height:150%;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none;opacity:0;transition:opacity .3s}.panel:hover:before{opacity:.5}.panel:hover:after{opacity:1}.panel:hover{border-color:transparent;box-shadow:0 8px 25px #3b82f61f,0 0 30px #3b82f60f;transform:translateY(-2px);background:linear-gradient(135deg,#111215f2,#1e2126f2)}.panel-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text);transition:color .3s}.panel-icon,.panel-icon i{color:var(--accent);transition:transform .3s}.panel:hover .panel-icon{transform:scale(1.1)}.panel:hover .panel-icon i{transform:rotate(5deg)}.config-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.field label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:6px}.field input{width:100%;padding:10px 14px;background:#181a1e99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(42,45,51,.6);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.9rem;transition:all .3s}.field input:hover{border-color:#3b82f666;background:#181a1eb3}.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626,0 4px 15px #3b82f61a;background:#181a1ee6;transform:translateY(-1px)}.field input::placeholder{color:var(--text-muted);opacity:.6}.btn{padding:10px 18px;border:none;border-radius:8px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn:hover:not(:disabled):before{left:100%}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:hover:not(:disabled) i{transform:scale(1.1)}.btn i{transition:transform .3s;position:relative;z-index:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#1e2126f2,#181a1ef2);color:var(--text);border:1px solid rgba(59,130,246,.4);box-shadow:0 2px 10px #0003}.btn-primary:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#24272cf2,#1e2126f2);border-color:#3b82f699;box-shadow:0 4px 15px #3b82f633}.btn-primary i{color:#3b82f6cc}.btn-primary:hover:not(:disabled) i{color:#3b82f6}.btn-secondary{background:linear-gradient(135deg,#1e2126e6,#181a1ee6);color:var(--text);border:1px solid rgba(42,45,51,.6);box-shadow:0 2px 10px #0003}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#24272cf2,#1e2126f2);border-color:var(--accent);box-shadow:0 4px 15px #3b82f633}.btn-danger{background:linear-gradient(135deg,#ef444433,#dc262640);color:var(--danger);border:1px solid rgba(239,68,68,.4)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ef44444d,#dc262659);border-color:var(--danger);box-shadow:0 4px 15px #ef444433}.btn-danger i{color:var(--danger)}.btn-small{padding:6px 12px;font-size:.8rem}.config-actions{display:flex;gap:12px;margin-top:16px}.auth-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:2}.auth-box{background:linear-gradient(135deg,#111215f7,#181a1ef7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(42,45,51,.6);border-radius:var(--radius);padding:36px 40px;width:100%;max-width:420px;box-shadow:0 16px 42px #00000085;position:relative;z-index:3;isolation:isolate;overflow:hidden;transition:all .3s}.auth-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.auth-box:after{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:150%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 60%);pointer-events:none;display:none}.auth-box h2{margin-bottom:28px;font-size:1.35rem;color:var(--text);display:flex;align-items:center;gap:12px}.auth-box h2 i{color:var(--accent);font-size:1.4rem;animation:pulse 2s ease-in-out infinite}.telegram-login-block{margin-bottom:20px;text-align:center}.telegram-login-block #telegramWidgetContainer{min-height:44px;display:flex;justify-content:center;align-items:center}.telegram-login-block iframe{border-radius:8px}.telegram-bot-hint{margin:12px 0 8px;font-size:.88rem;color:var(--text-muted)}.telegram-bot-link{display:inline-flex;align-items:center;gap:8px;color:var(--accent);text-decoration:none;font-size:.95rem;transition:color .2s}.telegram-bot-link:hover{color:var(--text)}.auth-email-toggle{margin:20px 0 16px;padding-top:16px;border-top:1px solid rgba(42,45,51,.5)}.auth-email-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#1e2126e6,#181a1ee6);border:1px solid rgba(42,45,51,.6);border-radius:8px;color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #0003}.auth-email-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.auth-email-toggle-btn:hover{color:var(--text);background:linear-gradient(135deg,#24272cf2,#1e2126f2);border-color:#3b82f666;box-shadow:0 4px 15px #3b82f633;transform:translateY(-1px)}.auth-email-toggle-btn:hover:before{left:100%}.auth-email-toggle-btn i:first-child{color:#3b82f6cc;transition:color .3s}.auth-email-toggle-btn:hover i:first-child{color:var(--accent)}.toggle-chevron{font-size:.75rem;transition:transform .3s;position:relative;z-index:1}.toggle-chevron.rotated{transform:rotate(180deg)}.email-auth-block{margin-top:16px;max-height:500px;opacity:1;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.email-auth-block.collapsed{max-height:0;opacity:0;margin-top:0;pointer-events:none}.auth-tabs{display:flex;gap:10px;margin-bottom:26px}.auth-tab{flex:1;padding:12px 16px;border:1px solid transparent;border-radius:8px;background:#2a2d3380;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.auth-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.15),transparent);transition:left .5s}.auth-tab:hover{color:var(--text);background:#3b82f61f;border-color:#3b82f64d;transform:translateY(-1px)}.auth-tab:hover:before{left:100%}.auth-tab.active{background:#3b82f633;color:var(--accent);border-color:#3b82f680;box-shadow:0 4px 20px #3b82f633}.auth-tab.active:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.auth-form .field{margin-bottom:18px}.auth-form .field input{padding:12px 16px;font-size:1rem;min-height:48px}.auth-form .btn{width:100%;margin-top:12px;padding:12px 20px;font-size:1rem;min-height:48px}.auth-form .btn:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.auth-form .btn:hover:not(:disabled){box-shadow:0 6px 24px #3b82f640}.auth-box{animation:authBoxIn .4s ease-out}@keyframes authBoxIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-error{color:var(--danger);font-size:.85rem;margin-top:12px}.instructions{background:#181a1e99;border-radius:8px;padding:16px 20px;margin-top:20px;font-size:.9rem;line-height:1.7;color:var(--text-muted)}.instructions h4{color:var(--text);margin-bottom:10px;font-size:.95rem}.instructions ol{margin-left:20px;margin-top:8px}.instructions code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85em}.copyable-code,.copyable-action{cursor:pointer;transition:all .2s ease}.copyable-code:hover,.copyable-action:hover{color:var(--text)}.copyable-code{display:inline-block;border:1px solid transparent}.copyable-code:hover{border-color:#3b82f659;background:#3b82f61f}.instruction-cards{display:grid;gap:12px}.instruction-card{background:#181a1e9e;border:none;border-radius:10px;padding:14px 16px}.instruction-title{width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-size:.95rem;font-weight:600;margin:0 0 10px;padding:0;line-height:1.4}.instruction-title:hover{color:var(--accent)}.instruction-card .copyable-code{display:inline-block;vertical-align:top;max-width:100%;white-space:pre-wrap;word-break:break-word;font-family:JetBrains Mono,monospace;font-size:.85em;line-height:1.5;padding:2px 6px;border-radius:4px;background:#0000004d;border:1px solid transparent;margin-top:8px}.instruction-card .copyable-code:hover{border-color:#3b82f659;background:#3b82f61f;color:var(--text)}.instruction-note{color:var(--text-muted);margin-bottom:10px;font-size:.88rem}#scriptHostings .instruction-note a{color:#60a5fa;text-decoration:underline;text-underline-offset:2px}#scriptHostings .instruction-note a:hover{color:#93c5fd}#scriptHostings .instruction-title{display:flex;align-items:center;gap:8px}.hosting-flag{width:18px;height:13px;border-radius:2px;border:1px solid rgba(255,255,255,.2);object-fit:cover;flex-shrink:0}.project-card{display:flex;flex-direction:column;gap:4px}.project-card-header{display:flex;align-items:center;gap:8px}.project-card .project-status{flex-shrink:0;font-size:.9rem}.project-card .instruction-title{margin:0;flex:1}.project-card .instruction-title a{color:var(--text);text-decoration:none}.project-card .instruction-title a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.project-card .instruction-note{margin:4px 0 0;flex:1}.project-card .instruction-note a{color:#60a5fa;text-decoration:none;font-size:.82rem}.project-card .instruction-note a:hover{color:#93c5fd;text-decoration:underline}.inline-copy{display:inline-block!important}.text-danger{color:var(--danger);font-weight:600}.text-info{color:#60a5fa;font-weight:600}.text-success{color:#22c55e;font-weight:600}.text-warning{color:var(--warning);font-weight:600}.sidebar-notes-section{margin-top:auto;padding-top:16px;border-top:1px solid rgba(42,45,51,.5)}.sidebar-notes-section .sidebar-item{border-radius:8px;font-weight:700;font-size:.98rem;letter-spacing:.01em}.sidebar-notes-section .sidebar-item i{color:var(--accent)}.sidebar-notes-section .sidebar-item span{background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-notes-section .sidebar-item:hover span,.sidebar-notes-section .sidebar-item.active span{-webkit-text-fill-color:inherit;background:none}.sidebar-notes-section .sidebar-item:hover{color:var(--text)}.sidebar-notes-section .sidebar-item.active{color:var(--accent)}.notes-panel-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(42,45,51,.5)}.notes-panel .notes-panel-title{font-size:1.15rem;font-weight:600;margin-bottom:8px;color:var(--text)}.notes-panel .panel-icon i{color:var(--accent)}.notes-panel-desc{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.admin-notice{position:fixed;top:92px;right:28px;z-index:1200;width:min(620px,calc(100vw - 36px));padding:18px 48px 18px 18px;background:linear-gradient(140deg,#0d121ffa,#1e2944fa);border:1px solid rgba(96,165,250,.42);border-radius:14px;box-shadow:0 16px 38px #00000080}.admin-notice-label{color:#93c5fd;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:700}.admin-notice-title{color:var(--text);font-weight:700;margin-right:18px;font-size:1rem}.admin-notice-message{color:#dbeafe;margin-top:8px;line-height:1.5;white-space:pre-wrap}.admin-notice-close{position:absolute;top:10px;right:10px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.35rem}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.admin-stat-card{background:#2a2d3359;border:1px solid rgba(59,130,246,.15);border-radius:10px;padding:12px}.admin-stat-card .label{font-size:.78rem;color:var(--text-muted);margin-bottom:6px}.admin-stat-card .value{font-size:1.25rem;font-weight:700;color:var(--text)}.admin-chart-wrap h4,.admin-users-wrap h4,.admin-actions-wrap h4{margin-bottom:10px;color:var(--text)}.admin-chart{display:flex;align-items:end;gap:4px;min-height:130px;padding:10px;border:1px solid rgba(59,130,246,.15);border-radius:10px;background:#181a1e99;margin-bottom:16px}.admin-chart-bar{flex:1;min-width:6px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#60a5faf2,#2563ebcc);opacity:.9}.admin-users-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.admin-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(42,45,51,.7);background:#181a1e8c;border-radius:10px;padding:10px 12px}.admin-user-meta{color:var(--text-muted);font-size:.85rem}.admin-user-name{color:var(--text);font-weight:600;margin-bottom:4px}.admin-user-actions{display:flex;gap:6px}.admin-user-actions .btn{padding:6px 10px;font-size:.78rem}.admin-select,#adminNotifyMessage{width:100%;padding:10px 14px;background:#181a1e99;border:1px solid rgba(42,45,51,.6);border-radius:8px;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.9rem}.notes-actions{margin-bottom:24px}.notes-list{display:flex;flex-direction:column;gap:12px}.notes-empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.notes-empty i{font-size:2.5rem;opacity:.5;margin-bottom:12px;display:block}.notes-empty p{font-size:.95rem}.notes-error{color:var(--danger)}.note-card{background:linear-gradient(135deg,#1e2126e6,#181a1ee6);border:1px solid rgba(42,45,51,.6);border-radius:var(--radius);padding:16px;transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.note-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.08),transparent);transition:left .5s}.note-card:hover{border-color:#3b82f666;box-shadow:0 4px 15px #3b82f626;transform:translateY(-1px)}.note-card:hover:before{left:100%}.note-card.pinned{border-color:#3b82f659;box-shadow:0 2px 12px #3b82f61a}.note-card.pinned .note-btn[data-action=pin] i{color:var(--accent)}.note-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.note-card-title{font-weight:600;font-size:1rem;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card-actions{display:flex;gap:8px;flex-shrink:0}.note-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:none;background:#2a2d3380;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .2s;font-size:1rem}.note-btn:hover{background:#3b82f633;color:var(--accent)}.note-btn[data-action=delete]:hover{background:#ef444433;color:var(--danger)}.note-card-content{font-size:.9rem;color:var(--text-muted);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:80px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.note-form-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px}.modal-note.modal-content{max-width:none;width:80vw;height:80vh;max-height:80vh;display:flex;flex-direction:column;padding:28px 32px;overflow:hidden}.modal-note #noteForm{flex:1;display:flex;flex-direction:column;min-height:0}.modal-note .field{flex-shrink:0}.modal-note .field:first-of-type{margin-bottom:24px}.note-format-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.note-format-hint i{color:var(--accent);flex-shrink:0}.modal-note .field-note-content{flex:1;display:flex;flex-direction:column;min-height:0}.modal-note .field-note-content label{flex-shrink:0}.modal-note .note-content-editor{flex:1;min-height:200px}@media (max-width: 900px){.modal-note.modal-content{width:95vw;height:85vh;max-height:85vh;padding:20px 24px}}.note-pin-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-muted);font-size:.9rem;-webkit-user-select:none;user-select:none}.note-pin-toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;margin:0;cursor:pointer;background:#181a1ecc;border:1px solid rgba(42,45,51,.8);border-radius:6px;transition:all .2s;flex-shrink:0;position:relative}.note-pin-toggle input:hover{border-color:#3b82f680;background:#181a1ef2}.note-pin-toggle input:checked{background:#3b82f640;border-color:var(--accent)}.note-pin-toggle input:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid var(--accent);border-width:0 2px 2px 0;transform:rotate(45deg)}.note-pin-toggle:hover{color:var(--text)}.note-content-editor{width:100%;padding:12px 16px;font-size:.95rem;font-family:JetBrains Mono,monospace;background:#181a1e99;border:1px solid rgba(42,45,51,.6);border-radius:8px;color:var(--text);min-height:120px;transition:all .3s;overflow-y:auto}.note-content-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted);opacity:.6}.note-content-editor:hover{border-color:#3b82f666;background:#181a1eb3}.note-content-editor:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.note-content-editor a{color:#7dd3fc;text-decoration:none;border-bottom:1px solid rgba(125,211,252,.4);transition:color .2s,border-color .2s}.note-content-editor a:hover{color:#bae6fd;border-bottom-color:#bae6fd99}.note-content-editor code,.note-content-editor .mono,.note-content-editor span.mono{font-family:Consolas,Monaco,monospace;font-size:.9em;background:#2a2d3380;padding:2px 6px;border-radius:4px}.note-content-editor blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--accent);background:#3b82f614;border-radius:0 8px 8px 0}.note-format-menu{position:fixed;z-index:2000;left:0;top:0;background:#1e2026fa;border:1px solid rgba(42,45,51,.9);border-radius:10px;padding:6px 0;min-width:220px;box-shadow:0 4px 20px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.note-format-menu-item{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);font-size:.9rem;transition:background .15s}.note-format-menu-item:hover{background:#3b82f626}.note-format-menu-item .shortcut{font-size:.8rem;color:var(--text-muted);margin-left:12px}.note-format-menu-divider{height:1px;background:#2a2d3399;margin:4px 0}#confirmModal{z-index:2100}.modal-content.modal-confirm{max-width:380px;width:90vw}.modal-confirm h3{margin-bottom:12px;font-size:1.15rem}.modal-confirm h3 i{color:var(--danger);margin-right:8px}.modal-confirm .confirm-message{color:var(--text-muted);font-size:.95rem;margin-bottom:20px;line-height:1.5}.modal-confirm .modal-actions{gap:12px;justify-content:flex-end}.modal-confirm .modal-actions .btn{flex:none}#linkModal{z-index:2100}.modal-content.modal-link{max-width:420px;width:90vw}.modal-link h3{margin-bottom:16px;font-size:1.1rem}.modal-link .field{margin-bottom:16px}.modal-link .field input{padding:12px 16px;font-size:.95rem}.modal-link .modal-actions{gap:12px;margin-top:4px}.modal-content.modal-note-preview{max-width:none!important;width:90vw!important;height:90vh!important;max-height:90vh!important;display:flex;flex-direction:column;padding:0;overflow:hidden}.note-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(42,45,51,.6);flex-shrink:0}.note-preview-header h3{margin:0;font-size:1.2rem;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.note-preview-actions{display:flex;align-items:center;gap:12px}.note-preview-actions .modal-close{position:static;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1}.note-preview-content{flex:1;overflow-y:auto;padding:24px;font-size:.95rem;line-height:1.6;word-break:break-word}.note-preview-content b,.note-preview-content strong{font-weight:700}.note-preview-content i,.note-preview-content em{font-style:italic}.note-preview-content div,.note-preview-content p{margin:0 0 .5em}.note-preview-content div:last-child,.note-preview-content p:last-child{margin-bottom:0}.note-preview-content blockquote{margin:12px 0;padding:12px 16px;border-left:4px solid var(--accent);background:#3b82f614;border-radius:0 8px 8px 0}.note-preview-content a{color:#7dd3fc;text-decoration:none;border-bottom:1px solid rgba(125,211,252,.4)}.note-preview-content a:hover{color:#bae6fd;border-bottom-color:#bae6fd99}.note-preview-content code,.note-preview-content .mono,.note-preview-content span.mono{font-family:Consolas,Monaco,monospace;font-size:.9em;background:#2a2d3380;padding:2px 6px;border-radius:4px}.note-empty-hint{color:var(--text-muted);font-style:italic}@media (max-width: 900px){.modal-content.modal-note-preview{width:95vw!important;height:92vh!important;max-height:92vh!important}}.hidden{display:none!important}.welcome-placeholder{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;position:relative;z-index:1}.welcome-content{text-align:center;padding:48px}.welcome-content i{font-size:4rem;color:var(--accent);opacity:.5;margin-bottom:24px;display:block;animation:pulse 2s ease-in-out infinite}.welcome-content h2{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:12px;background:linear-gradient(135deg,var(--text) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-content p{color:var(--text-muted);font-size:.95rem}.welcome-hint-mobile{display:none}@media (max-width: 900px){.welcome-hint-desktop{display:none}.welcome-hint-mobile{display:inline}}.user-menu-wrap{position:relative}.user-email-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#2a2d3366;border:1px solid rgba(42,45,51,.6);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .3s}.user-email-btn:hover{color:var(--text);border-color:#3b82f666;background:#3b82f61a}.user-email-btn i{font-size:.7rem;transition:transform .3s}.user-menu-wrap.open .user-email-btn i{transform:rotate(180deg)}.user-menu{position:absolute;top:100%;right:0;margin-top:8px;min-width:200px;background:linear-gradient(135deg,#111215fa,#181a1efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(42,45,51,.6);border-radius:var(--radius);box-shadow:0 8px 32px #0006;padding:8px;z-index:100}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:.9rem;text-align:left;transition:all .2s}.user-menu-item:hover{color:var(--accent);background:#3b82f61a}.user-menu .btn{width:100%;margin-top:4px;justify-content:center}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:14px 24px;background:linear-gradient(135deg,#111215fa,#181a1efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.4);border-radius:var(--radius);box-shadow:0 8px 32px #0006,0 0 20px #3b82f633;color:var(--text);font-size:.95rem;z-index:1000;transition:transform .3s,opacity .3s;display:flex;align-items:center;gap:10px}.toast.show{transform:translate(-50%) translateY(0)}.toast.success i{color:var(--success)}.toast.error i{color:var(--danger)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:linear-gradient(135deg,#111215fa,#181a1efa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(42,45,51,.6);border-radius:var(--radius);padding:28px 32px;max-width:400px;width:100%;box-shadow:0 8px 32px #0006,0 0 40px #3b82f614}.modal-content h3{margin-bottom:20px;font-size:1.2rem;color:var(--text);display:flex;align-items:center;gap:10px}.modal-content h3 i{color:var(--accent)}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn{flex:1}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.header-status{font-size:.9rem;color:var(--text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-2);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.menu-toggle{display:none;width:44px;height:44px;padding:0;border:none;background:#2a2d3380;color:var(--text);border-radius:8px;cursor:pointer;font-size:1.2rem;align-items:center;justify-content:center;flex-shrink:0}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:50;opacity:0;pointer-events:none;transition:opacity .3s}@media (max-width: 900px){.menu-toggle,.sidebar-mobile-header{display:flex}.sidebar{position:fixed;top:0;left:0;width:min(320px,85vw);min-width:0;height:100%;z-index:51;transform:translate(-100%);transition:transform .3s;box-shadow:4px 0 24px #00000080;background:linear-gradient(135deg,#111215f2,#1e2126f2);border-right:1px solid rgba(59,130,246,.15);padding:0;flex-direction:column;padding-top:env(safe-area-inset-top)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block;opacity:1;pointer-events:auto}.sidebar-inner{padding:16px;overflow-y:hidden;overflow-x:hidden}.sidebar-inner.has-overflow{overflow-y:auto}.sidebar .sidebar-bg-svg{display:none}.sidebar-item{padding:16px 18px;font-size:1rem}.sidebar-item span{flex:1}.layout{margin-left:0}.main-content{padding:16px;padding-left:calc(16px + env(safe-area-inset-left))}.header{padding:12px 16px;padding-left:calc(16px + env(safe-area-inset-left))}.logo h1{font-size:1rem}.logo:after{display:none}.user-email-btn span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-content p{font-size:.9rem}.welcome-content h2{font-size:1.2rem}}@media (max-width: 600px){body{font-size:15px;min-height:-webkit-fill-available}.auth-box{padding:24px 20px;margin:16px}.auth-tabs{flex-direction:column}.auth-tab{padding:12px}.header{padding:10px 12px}.logo h1{font-size:.95rem}.user-email-btn{padding:8px 12px;font-size:.85rem}.user-email-btn span{max-width:100px}.main-content{padding:12px}.panel{padding:16px}.config-actions{flex-direction:column}.config-actions .btn{width:100%}.modal-content{padding:20px 24px;margin:12px}.modal-content.modal-info{max-width:100%;padding:24px}.script-info-body .info-file-item{padding:12px 16px}.toast{bottom:16px;left:16px;right:16px;transform:translate(0) translateY(100px);width:auto}.toast.show{transform:translateY(0)}}@media (max-width: 380px){.logo h1{font-size:.85rem}.user-email-btn span{display:none}}@media (hover: none){.sidebar-item{min-height:48px;padding:14px 16px}.btn{min-height:44px;padding:12px 20px}.auth-tab{min-height:44px}.field input{min-height:44px;padding:12px 14px}}