@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&display=swap);.dashboard{display:flex;flex-direction:column;min-height:100vh}.dashboard-content{display:flex;flex:1 1}.sidebar{background:var(--bg-secondary);border-right:4px dashed var(--border-color);display:flex;flex-direction:column;overflow:hidden;position:relative;width:280px}.sidebar:before{background:repeating-linear-gradient(45deg,#0000,#0000 20px,var(--shadow-color) 20px,var(--shadow-color) 22px);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.sidebar-header{background:var(--bg-accent);border-bottom:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;margin:10px;padding:30px 20px;position:relative;transform:rotate(-.5deg)}.logo-image{animation:doodle-bounce 3s infinite;border:2px solid var(--border-color);filter:drop-shadow(2px 2px 4px var(--shadow-color));height:40px;width:40px}.logo-text{transform:rotate(2deg)}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-nav ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.sidebar-nav li{padding:0 20px}.nav-item{align-items:center;border:2px solid #0000;border-radius:12px 18px 15px 22px;color:var(--text-secondary);display:flex;font-size:16px;font-weight:500;gap:15px;padding:15px 20px;position:relative;text-decoration:none;transform:rotate(-.5deg);transition:all .3s ease}.nav-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(.5deg) translateX(5px)}.nav-item.active,.nav-item:hover{background:var(--bg-accent);border-color:var(--border-color);color:var(--text-accent)}.nav-item.active{box-shadow:0 6px 20px var(--shadow-color);transform:rotate(1deg) translateX(8px)}.nav-item.active:after{border-bottom:8px solid #0000;border-left:10px solid var(--border-color);border-top:8px solid #0000;content:"";height:0;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:0}.nav-icon{filter:drop-shadow(1px 1px 2px var(--shadow-color));font-size:20px}.nav-text{color:inherit;font-family:Kalam,cursive}.nav-doodle{background:repeating-linear-gradient(90deg,var(--border-color),var(--border-color) 4px,#0000 4px,#0000 8px);bottom:-2px;height:2px;left:20px;opacity:0;position:absolute;right:20px;transition:opacity .3s ease}.nav-item.active .nav-doodle,.nav-item:hover .nav-doodle{opacity:1}.sidebar-footer{background:var(--bg-primary);border-radius:15px 25px 20px 30px;border-top:3px dashed var(--border-color);margin:10px;padding:20px;transform:rotate(.5deg)}.user-card{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;display:flex;flex-direction:column;gap:15px;padding:15px;transform:rotate(-.5deg);transition:all .3s ease}.user-card:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(.5deg) scale(1.02)}.user-info-row{gap:12px}.user-avatar,.user-info-row{align-items:center;display:flex}.user-avatar{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:50%;font-size:18px;height:40px;justify-content:center;width:40px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:var(--text-primary);font-size:14px;font-weight:600}.user-status{color:var(--text-secondary);font-size:12px;padding-left:12px;position:relative}.user-status:before{animation:pulse 2s infinite;background:#51cf66;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:50%;top:6.5px;transform:translateY(-50%);width:6px}.header{background:var(--bg-secondary);border-bottom:3px dashed var(--border-color);justify-content:center;padding:30px 20px}.header,.header-content{align-items:center;display:flex;position:relative}.header-content{gap:20px}.header-decoration-left,.header-decoration-right{align-items:center;animation:doodle-bounce 4s infinite;color:var(--border-color);display:flex;font-size:24px;gap:10px}.header-decoration-right{animation-delay:2s}.header-title{color:var(--text-accent);font-family:Caveat,cursive;font-size:48px;font-weight:700;margin:0;position:relative;text-shadow:3px 3px 6px var(--shadow-color);transform:rotate(-1deg)}.header-title:before{border:3px dashed var(--border-color);border-radius:20px 30px 25px 35px;bottom:-10px;content:"";left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px;z-index:-1}.header-title:after{background:repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 8px,#0000 8px,#0000 16px);border-radius:50px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120%}.empty{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;margin:40px;padding:60px 20px;text-align:center;transform:rotate(-.5deg)}.empty p{color:var(--text-secondary);font-size:18px;font-style:italic;margin-bottom:20px}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);padding:20px 0}.card{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 15px var(--shadow-color);padding:20px;position:relative;transform:rotate(-.5deg);transition:all .3s ease}.card:hover{border-color:var(--hover-color);box-shadow:0 8px 25px var(--shadow-color);transform:rotate(.5deg) translateY(-5px)}.card h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0 0 10px;transform:rotate(1deg)}.card p{color:var(--text-secondary);line-height:1.4;margin:8px 0}.card strong{color:var(--text-primary);font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.tag{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:15px;color:var(--text-accent);font-size:12px;font-weight:500;padding:4px 12px;transform:rotate(-2deg);transition:all .3s ease}.tag:nth-child(2n){transform:rotate(2deg)}.tag:hover{background:var(--hover-color);transform:rotate(0deg) scale(1.1)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn:disabled:hover,button:disabled:hover{background:var(--bg-accent);box-shadow:0 4px 10px var(--shadow-color);transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid var(--text-accent);border-radius:50%;border-top:2px solid #0000;display:inline-block;height:16px;margin-right:8px;width:16px}.dashboard-footer{background:var(--bg-secondary);border-top:4px dashed var(--border-color);margin-top:auto;padding:40px 20px 20px;position:relative}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-section h4{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0 0 15px;position:relative;transform:rotate(-1deg)}.footer-section h4:after{background:var(--border-color);border-radius:50px;bottom:-3px;content:"";height:2px;left:0;position:absolute;width:60%}.footer-section p{color:var(--text-secondary);font-style:italic;margin:0;transform:rotate(.5deg)}.footer-section ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.footer-section ul li a{color:var(--text-secondary);display:block;padding:5px 0;text-decoration:none;transform:rotate(-.3deg);transition:all .3s ease}.footer-section ul li a:hover{color:var(--text-accent);transform:rotate(.3deg) translateX(5px)}.social-links{display:flex;gap:15px;margin-top:10px}.social-link{align-items:center;background:var(--bg-accent);border:2px solid var(--border-color);border-radius:50%;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transform:rotate(-5deg);transition:all .3s ease;width:40px}.social-link:hover{background:var(--hover-color);box-shadow:0 4px 15px var(--shadow-color);transform:rotate(5deg) scale(1.1)}.footer-bottom{border-top:2px dashed var(--border-color);margin-top:30px;padding-top:20px;text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:14px;margin:0;transform:rotate(-.5deg)}@media (max-width:768px){.dashboard-content{flex-direction:column}.sidebar{order:2;width:100%}.sidebar-nav ul{-ms-overflow-style:none;flex-direction:row;overflow-x:auto;padding:0 10px;scrollbar-width:none}.sidebar-nav li{flex-shrink:0;padding:0 5px}.nav-item{flex-direction:column;gap:5px;min-width:80px;padding:10px;text-align:center}.nav-text{font-size:12px}.footer-content{gap:20px;grid-template-columns:1fr}.header-title{font-size:36px}.header-decoration-left,.header-decoration-right{font-size:18px}}@media (max-width:1024px){.sidebar{width:220px}.sidebar-header{font-size:18px;padding:24px 14px}.sidebar-footer{padding:14px}}@media (max-width:768px){.dashboard-content{flex-direction:column}.sidebar{background:var(--bg-secondary);border-right:none;box-shadow:4px 0 24px var(--shadow-color);height:100vh;left:0;max-width:100vw;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:100vw;z-index:2000}.sidebar.open{transform:translateX(0)}.sidebar-header{font-size:16px;margin:8px;padding:20px 10px}.sidebar-footer{margin:8px;padding:10px}.dashboard-content>.sidebar+div{margin-left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000040;display:block;height:100vh;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s;width:100vw;z-index:1999}.sidebar-backdrop.hide{opacity:0;pointer-events:none}}.sign-out-btn{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-secondary);font-size:12px;padding:8px 16px;transform:rotate(1deg);transition:all .3s ease}.sign-out-btn:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff;transform:rotate(-1deg) scale(1.05)}.clickable-card{cursor:pointer;transition:all .3s ease}.clickable-card:hover{border-color:var(--hover-color);box-shadow:0 12px 35px var(--shadow-color);transform:rotate(.5deg) translateY(-8px) scale(1.02)}.bot-header{border-bottom:2px dashed var(--border-color);gap:15px;margin-bottom:15px;padding-bottom:15px}.bot-avatar,.bot-header{align-items:center;display:flex}.bot-avatar{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;font-size:24px;height:50px;justify-content:center;overflow:hidden;width:50px}.bot-avatar.large{font-size:36px;height:80px;width:80px}.bot-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.bot-info h3{font-size:20px;margin:0 0 5px}.status-indicator{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.status-indicator.online{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.status-indicator.offline{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.bot-details{margin-top:15px}.bot-management-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.bot-info-card{grid-column:1/-1}.bot-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.status-btn{background:var(--bg-secondary);border:2px solid;border-radius:12px 18px 15px 22px;cursor:pointer;font-family:Kalam,cursive;font-weight:600;padding:10px 20px;transform:rotate(-1deg);transition:all .3s ease}.status-btn.online{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.status-btn.offline{background:#51cf661a;border-color:#51cf66;color:#51cf66}.status-btn:hover{transform:rotate(1deg) scale(1.05)}.edit-btn{background:var(--bg-accent);border:2px solid var(--border-color);color:var(--text-accent)}.delete-btn,.edit-btn{font-family:Kalam,cursive}.delete-btn{background:#ff6b6b1a;border:2px solid #ff6b6b;color:#ff6b6b}.delete-btn:hover{background:#ff6b6b;color:#fff}.save-btn{background:#51cf661a;border:2px solid #51cf66;color:#51cf66;font-family:Kalam,cursive;margin-top:15px}.save-btn:hover{background:#51cf66;color:#fff}.invite-btn{background:#58a6ff1a;border:2px solid #58a6ff;color:#58a6ff;font-family:Kalam,cursive}.invite-btn:hover{background:#58a6ff;color:#fff}.edit-form{display:flex;flex-direction:column;gap:15px}.edit-form input,.edit-form textarea{box-sizing:border-box;width:100%}.edit-form label{align-items:center;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px;transition:all .3s ease}.edit-form label:hover{background:var(--bg-accent);color:var(--text-accent)}.settings-display p{color:var(--text-secondary);margin:10px 0}.settings-display strong{color:var(--text-primary)}.token-card{background:var(--bg-primary);border-color:#ff6b6b}.token-display{text-align:center}.token-warning{color:#ff6b6b;font-size:14px;margin-top:10px}.bot-avatar-large{margin-bottom:15px}.logo{align-items:center;background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border:2px solid var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 8px 25px var(--shadow-color);display:flex;gap:15px;padding:15px 20px;transform:rotate(-1deg);transition:all .3s ease}.logo:hover{box-shadow:0 12px 30px var(--shadow-color);transform:rotate(1deg) scale(1.02)}.logo-image{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 4px 15px var(--shadow-color);height:45px;width:45px}.logo-text{font-size:28px;margin:0;text-shadow:2px 2px 4px var(--shadow-color)}.default-bot-logo,.logo-text{color:var(--text-accent);font-family:Caveat,cursive;font-weight:700}.default-bot-logo{align-items:center;background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border-radius:50%;display:flex;font-size:24px;height:100%;justify-content:center;text-shadow:1px 1px 2px var(--shadow-color);width:100%}.default-bot-logo.large{font-size:36px}.bot-actions-dashboard{border-top:2px dashed var(--border-color);margin-top:15px;padding-top:15px}.settings-btn{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-accent);cursor:pointer;font-family:Kalam,cursive;font-size:14px;font-weight:500;padding:8px 16px;transform:rotate(-1deg);transition:all .3s ease}.settings-btn:hover{background:var(--hover-color);box-shadow:0 4px 15px var(--shadow-color);transform:rotate(1deg) scale(1.05)}.bot-id,.bot-requests{color:var(--text-secondary);font-size:12px;margin:2px 0}.bot-detailed-info{margin:15px 0}.info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.info-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;display:flex;flex-direction:column;gap:3px;padding:8px;transform:rotate(-.5deg)}.info-item:nth-child(2n){transform:rotate(.5deg)}.info-label{color:var(--text-secondary);font-size:12px;font-weight:500}.info-value{color:var(--text-primary);font-size:14px;font-weight:600}.edit-form-enhanced{display:flex;flex-direction:column;gap:20px}.form-label{font-size:14px}.form-input,.form-textarea{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-primary);font-family:Kalam,cursive;font-size:14px;padding:12px 15px;transform:rotate(-.3deg);transition:all .3s ease}.form-input:focus,.form-textarea:focus{border-color:var(--hover-color);border-style:solid;box-shadow:0 0 15px var(--shadow-color);outline:none;transform:rotate(.3deg) scale(1.02)}.form-textarea{min-height:80px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{align-items:center;border-radius:8px 12px 10px 14px;font-size:14px;padding:12px;transform:rotate(-.2deg)}.checkbox-label:hover{transform:rotate(.2deg)}.checkmark{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:3px;display:inline-block;height:16px;position:relative;width:16px}.settings-display-enhanced{display:flex;flex-direction:column;gap:15px}.setting-item{align-items:center;background:var(--bg-primary);display:flex;justify-content:space-between;padding:10px}.setting-item:nth-child(2n){transform:rotate(.3deg)}.setting-label{color:var(--text-secondary);font-size:14px;font-weight:600}.setting-value{color:var(--text-primary);font-size:14px}.analytics-main{margin:0 auto;max-width:1400px;overflow-x:hidden}.stats-grid{grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto 30px;max-width:900px}@media (max-width:480px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.stat-card{border:2px solid var(--border-color);border-radius:12px 18px 15px 22px;font-family:Kalam,cursive;margin:0 auto;max-width:260px;width:100%}.stat-card:hover{box-shadow:0 8px 25px var(--shadow-color)}.stat-card.highlight{background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border-color:var(--hover-color)}.stat-card.requests{background:#74c0fc1a;border-color:#74c0fc}.stat-card.recent{background:#a78bfa1a;border-color:#a78bfa}.stat-icon{font-size:2rem;min-width:40px;text-align:center}.stat-label,.stat-number{margin:0}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.doughnut-chart{height:150px;width:150px}.chart-total{font-size:2rem}.chart-label{display:block;font-size:.8rem}.model-tier-table{margin-top:20px;width:100%}.model-tier-table h3{margin-bottom:16px;text-align:center}.model-tier-table table{background:var(--bg-primary);border-collapse:collapse;width:100%}.model-tier-table td,.model-tier-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.model-tier-table th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.model-tier-table tbody tr:last-child td{border-bottom:none}.model-tier-table td:first-child{color:var(--text-accent);font-weight:500}.bar-chart{height:150px;padding:20px}.bar-item{gap:8px}.bar{min-height:10px;width:40px}.bar-value{color:#fff;text-shadow:1px 1px 2px #00000080}.bar-label{word-wrap:break-word;font-size:.7rem;max-width:60px}.chart-legend{gap:8px}.legend-item{border-radius:8px;padding:5px;transition:all .2s ease}.legend-item:hover{background:var(--bg-accent)}.legend-label{color:var(--text-primary);font-size:.9rem}.legend-value{color:var(--text-secondary);font-size:.8rem}.highlight-card{border-color:var(--hover-color)}.active-bot-info{margin-top:15px}.bot-avatar-large{flex-shrink:0}.bot-avatar-placeholder{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-accent)}.active-bot-details h4{color:var(--text-accent);font-size:1.5rem}.main{-ms-overflow-style:none;background:var(--bg-primary);color:var(--text-primary);flex:1 1;min-width:0;overflow-x:hidden;padding:20px;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.dashboard-layout{-ms-overflow-style:none;background:var(--bg-primary);box-sizing:border-box;display:flex;min-height:100vh;overflow-x:hidden;scrollbar-width:none;width:100%}.dashboard-layout::-webkit-scrollbar{display:none}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-grid{gap:15px;grid-template-columns:1fr}.active-bot-info{flex-direction:column;text-align:center}.analytics-main{padding:15px}.sidebar{max-width:100vw;width:100vw}}@media (max-width:480px){.sidebar{max-width:100vw;width:100vw}.chart-card{min-height:250px;padding:15px}.doughnut-chart{height:120px;width:120px}}.stat-label{font-size:.9rem;margin-top:5px}.charts-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media (max-width:768px){.charts-grid{grid-template-columns:1fr}}.chart-card{display:flex;flex-direction:column;min-height:300px;padding:20px}.chart-card h3{color:var(--text-primary);font-family:Kalam,cursive;margin-bottom:20px}.chart-container{height:100%}.chart-visual{flex:1 1;margin-bottom:20px}.doughnut-chart{height:160px;width:160px}.chart-segment:hover{stroke-width:10}.chart-label{font-size:.9rem}.bar{border-radius:4px 4px 0 0}.bar:hover{transform:scale(1.05)}.highlight-card{background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border:2px solid var(--hover-color);margin-bottom:30px}.highlight-card h3{font-size:1.5rem;margin-bottom:20px}.active-bot-info{justify-content:center}.active-bot-details h4{font-size:1.3rem}.active-bot-stats{flex-wrap:wrap;gap:20px}.stat-item{color:var(--text-secondary);font-size:.9rem;margin:2px 0}.stat-item strong{color:var(--text-primary)}.table-container{border:2px solid var(--border-color);border-radius:8px;margin-top:15px}.analytics-table{font-family:Kalam,cursive}.analytics-table th{border-bottom:2px solid var(--border-color);font-weight:700;padding:15px 10px;text-align:left}.analytics-table td{border-bottom:1px solid var(--border-color);padding:12px 10px}.table-row-clickable{transition:all .2s ease}.table-row-clickable:hover{background:var(--bg-accent);transform:scale(1.01)}.bot-cell{gap:10px}.bot-avatar-small{flex-shrink:0;height:32px;width:32px}.bot-info{min-width:0}.status-badge{font-size:.8rem;white-space:nowrap}.features-cell{gap:5px}.feature-badge{font-size:.7rem}.feature-badge,.visibility-badge{font-weight:700;white-space:nowrap}.visibility-badge{font-size:.8rem}.tags-cell{max-width:150px}.tag-mini{font-size:.7rem;white-space:nowrap}.tag-more{background:var(--border-color);border-radius:8px;font-size:.7rem;padding:2px 6px}.no-tags{font-size:.8rem}.no-data{height:200px}.bot-avatar-placeholder,.no-data{align-items:center;display:flex;justify-content:center}.bot-avatar-placeholder{background:var(--bg-accent);border-radius:50%;font-size:2rem;height:60px;width:60px}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-grid{gap:20px;grid-template-columns:1fr}.chart-card{min-height:300px}.active-bot-info{flex-direction:column;text-align:center}.analytics-table{font-size:.8rem}.analytics-table td,.analytics-table th{padding:8px 6px}.bot-management-container{grid-template-columns:1fr}.bot-actions,.bot-header{flex-direction:column}.bot-header{text-align:center}.info-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-ms-overflow-style:none;animation:modal-bounce .3s ease-out;background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 20px 40px var(--shadow-color);max-height:80vh;max-width:600px;overflow-y:auto;scrollbar-width:none;transform:rotate(-.5deg);width:90%}.modal-content::-webkit-scrollbar{display:none}@keyframes modal-bounce{0%{opacity:0;transform:rotate(-.5deg) scale(.8)}to{opacity:1;transform:rotate(-.5deg) scale(1)}}.modal-header{align-items:center;border-bottom:2px dashed var(--border-color);display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0;transform:rotate(-1deg)}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .3s ease;width:30px}.modal-close:hover{background:var(--bg-accent);color:var(--text-accent);transform:rotate(90deg)}.modal-body{padding:20px}.modal-body p{color:var(--text-secondary);margin-bottom:15px}.invite-link-container{display:flex;gap:10px;margin:15px 0}.invite-link-input{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-primary);flex:1 1;font-family:Kalam,cursive;font-size:14px;padding:12px 15px;transform:rotate(-.3deg)}.copy-btn{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-accent);cursor:pointer;font-family:Kalam,cursive;font-weight:500;padding:12px 20px;transform:rotate(1deg);transition:all .3s ease}.copy-btn:hover{background:var(--hover-color);transform:rotate(-1deg) scale(1.05)}.invite-note{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-secondary);font-size:12px;font-style:italic;margin-top:10px;padding:10px;transform:rotate(.5deg)}.modal-footer{border-top:2px dashed var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-secondary{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-secondary);cursor:pointer;font-family:Kalam,cursive;padding:10px 20px;text-decoration:none;transform:rotate(-1deg);transition:all .3s ease}.btn-secondary:hover{background:var(--bg-accent);color:var(--text-accent);transform:rotate(1deg) scale(1.05)}.btn-primary{background:#58a6ff1a;border:2px solid #58a6ff;border-radius:10px 15px 12px 18px;color:#58a6ff;cursor:pointer;display:inline-block;font-family:Kalam,cursive;padding:10px 20px;text-decoration:none;transform:rotate(1deg);transition:all .3s ease}.btn-primary:hover{background:#58a6ff;color:#fff;transform:rotate(-1deg) scale(1.05)}.token-controls{display:flex;flex-direction:column;gap:10px}.token-display{align-items:center;display:flex;gap:8px}.token-input{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-primary);flex:1 1;font-family:Kalam,cursive;font-size:12px;padding:8px 12px;transform:rotate(-.3deg)}.token-btn{background:var(--bg-accent);border:2px solid var(--border-color);border-radius:6px 8px 7px 9px;color:var(--text-accent);cursor:pointer;font-size:14px;padding:8px 10px;transform:rotate(1deg);transition:all .3s ease}.token-btn:hover{background:var(--hover-color);transform:rotate(-1deg) scale(1.1)}.token-warning{color:var(--text-secondary);font-size:11px;font-style:italic;margin:0}.bot-header-centered{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px;text-align:center}.bot-avatar-card{height:100px;position:relative;width:100px}.bot-profile-image{object-fit:cover}.bot-profile-image,.default-bot-avatar{border:3px solid var(--border-color);border-radius:15px;box-shadow:0 4px 15px var(--shadow-color);height:100%;width:100%}.default-bot-avatar{align-items:center;background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));color:var(--text-accent);display:flex;font-family:Caveat,cursive;font-size:36px;font-weight:700;justify-content:center;text-shadow:1px 1px 2px var(--shadow-color)}.bot-info-centered{align-items:center;display:flex;flex-direction:column;gap:8px}.bot-info-centered h2{color:var(--text-accent);font-family:Caveat,cursive;font-size:28px;margin:0;text-shadow:1px 1px 2px var(--shadow-color)}.toast{animation:toast-slide-in .3s ease-out;border:2px solid var(--border-color);border-radius:10px 15px 12px 18px;box-shadow:0 4px 15px var(--shadow-color);min-width:250px;padding:15px 20px;position:fixed;right:20px;top:20px;transform:rotate(-1deg);z-index:10000}.toast-success{background:#51cf661a;border-color:#51cf66;color:#51cf66}.toast-error{background:#ff6b6b1a;border-color:#ff6b6b;color:#ff6b6b}.toast-content{align-items:center;display:flex;font-family:Kalam,cursive;font-weight:500;gap:10px}.toast-icon{font-size:16px}.toast-message{font-size:14px}@keyframes toast-slide-in{0%{opacity:0;transform:rotate(-1deg) translateX(100%)}to{opacity:1;transform:rotate(-1deg) translateX(0)}}.compact-card{align-items:center;display:flex;flex-direction:column;max-height:250px;min-height:200px;padding:15px;position:relative;text-align:center}.compact-bot-avatar{flex-shrink:0;height:60px;margin-bottom:10px;width:60px}.compact-bot-image{object-fit:cover}.compact-bot-image,.compact-default-avatar{border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color);height:100%;width:100%}.compact-default-avatar{align-items:center;background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));color:var(--text-accent);display:flex;font-family:Caveat,cursive;font-size:24px;font-weight:700;justify-content:center;text-shadow:1px 1px 2px var(--shadow-color)}.compact-bot-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:0}.compact-bot-name{color:var(--text-accent);font-family:Caveat,cursive;font-size:18px;font-weight:700;line-height:1.2;margin:0;text-shadow:1px 1px 2px var(--shadow-color)}.compact-status{border-radius:8px;display:inline-block;font-size:11px;font-weight:500;margin-bottom:4px;padding:2px 6px}.compact-status.online{background:#51cf6633;border:1px solid #51cf66;color:#51cf66}.compact-status.offline{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.compact-bot-id,.compact-bot-requests{color:var(--text-secondary);font-size:10px;line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-bot-actions{margin-top:auto;padding-top:8px}.compact-settings-btn{background:var(--bg-accent);border:2px dashed var(--border-color);border-radius:8px 10px 9px 11px;color:var(--text-accent);cursor:pointer;font-family:Kalam,cursive;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-shadow:1px 1px 2px var(--shadow-color);transform:rotate(-.5deg);transition:all .3s ease}.compact-settings-btn:hover{background:var(--hover-color);box-shadow:0 4px 12px var(--shadow-color);transform:rotate(.5deg) scale(1.08)}@media (max-width:1400px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.grid{grid-template-columns:1fr}}.analytics-main{-ms-overflow-style:none;background:var(--bg-primary);display:flex;flex-direction:column;gap:30px;overflow-y:auto;padding:20px;scrollbar-width:none}.analytics-main::-webkit-scrollbar{display:none}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 10px var(--shadow-color);display:flex;gap:15px;padding:20px;transform:rotate(-.5deg);transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px var(--shadow-color);transform:rotate(.5deg) scale(1.02)}.stat-card.highlight{background:var(--bg-accent);border-color:var(--text-accent)}.stat-card.online{background:#51cf661a;border-color:#51cf66}.stat-card.offline{background:#ff6b6b1a;border-color:#ff6b6b}.stat-card.requests{background:#58a6ff1a;border-color:#58a6ff}.stat-card.average{background:#ffd43b1a;border-color:#ffd43b}.stat-card.recent{background:#f783ac1a;border-color:#f783ac}.stat-icon{align-items:center;background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;display:flex;font-size:24px;height:40px;justify-content:center;width:40px}.stat-content{flex:1 1}.stat-number{color:var(--text-primary);font-family:Caveat,cursive;font-size:32px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.chart-card{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 10px var(--shadow-color);padding:25px;transform:rotate(.5deg);transition:all .3s ease}.chart-card:hover{box-shadow:0 6px 20px var(--shadow-color);transform:rotate(-.5deg) scale(1.01)}.chart-card h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0 0 20px;text-align:center;transform:rotate(-1deg)}.chart-container{display:flex;flex-direction:column;gap:20px}.chart-visual{align-items:center;display:flex;justify-content:center;min-height:200px}.doughnut-chart{height:200px;margin:0 auto;position:relative;width:200px}.chart-svg{height:100%;transform:rotate(-90deg);width:100%}.chart-segment{transition:all .3s ease}.chart-segment:hover{stroke-width:12}.chart-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.chart-total{color:var(--text-primary);display:block;font-family:Kalam,cursive;font-size:28px;font-weight:700}.chart-label{color:var(--text-secondary);font-size:14px}.bar-chart{align-items:end;display:flex;flex-wrap:wrap;gap:15px;height:180px;justify-content:center;padding:15px}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:60px}.bar{align-items:end;border-radius:8px 8px 4px 4px;display:flex;justify-content:center;min-height:20px;padding:5px;position:relative;transform:rotate(-1deg);transition:all .3s ease;width:100%}.bar:hover{transform:rotate(1deg) scale(1.05)}.bar-value{color:var(--text-primary);font-size:.8rem;font-weight:700;position:absolute;top:-25px;white-space:nowrap}.bar-label{color:var(--text-secondary);font-size:.8rem;text-align:center;word-break:break-word}.chart-legend{display:flex;flex-direction:column;gap:10px}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:10px}.legend-color{border-radius:50%;flex-shrink:0;height:16px;width:16px}.legend-label{color:var(--text-secondary);flex:1 1}.legend-value{color:var(--text-primary);font-weight:700}.highlight-card{background:var(--bg-accent);border:3px dashed var(--text-accent);border-radius:15px 25px 20px 30px;box-shadow:0 4px 15px var(--shadow-color);padding:25px;transform:rotate(-.5deg);transition:all .3s ease}.highlight-card:hover{box-shadow:0 6px 25px var(--shadow-color);transform:rotate(.5deg) scale(1.01)}.highlight-card h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:28px;margin:0 0 20px;text-align:center;transform:rotate(-1deg)}.active-bot-info{align-items:center;display:flex;gap:20px}.bot-avatar-large{align-items:center;background:var(--bg-primary);border:3px solid var(--border-color);border-radius:50%;display:flex;font-size:32px;height:80px;justify-content:center;overflow:hidden;width:80px}.bot-avatar-placeholder{font-size:32px}.bot-avatar-small .bot-avatar-placeholder{align-items:center;background:var(--bg-accent);border-radius:50%;color:var(--text-accent);display:flex;font-size:14px;font-weight:700;height:100%;justify-content:center;width:100%}.active-bot-details{flex:1 1}.active-bot-details h4{color:var(--text-primary);font-family:Caveat,cursive;font-size:24px;margin:0 0 5px;transform:rotate(-.5deg)}.active-bot-details p{color:var(--text-secondary);font-style:italic;margin:0 0 10px}.active-bot-stats{display:flex;flex-direction:column;gap:8px}.stat-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px;font-size:14px;padding:8px 12px;transform:rotate(.3deg)}.stat-item .online{color:#51cf66;font-weight:700}.stat-item .offline{color:#ff6b6b;font-weight:700}.table-card{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 10px var(--shadow-color);padding:25px;transform:rotate(.3deg);transition:all .3s ease}.table-card:hover{box-shadow:0 6px 20px var(--shadow-color);transform:rotate(-.3deg) scale(1.005)}.table-card h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0 0 20px;text-align:center;transform:rotate(-1deg)}.table-container{-ms-overflow-style:none;border:2px dashed var(--border-color);border-radius:12px;overflow-x:auto;scrollbar-width:none}.table-container::-webkit-scrollbar{display:none}.analytics-table{background:var(--bg-primary);border-collapse:collapse;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px dashed var(--border-color);padding:12px 15px;text-align:left}.analytics-table th{color:var(--text-accent);font-family:Kalam,cursive;font-weight:600;transform:rotate(-.2deg)}.analytics-table th,.analytics-table tr:hover{background:var(--bg-accent)}.table-row-clickable{cursor:pointer;transition:all .3s ease}.table-row-clickable:hover{background:var(--hover-color);transform:scale(1.005)}.bot-cell{gap:12px}.bot-avatar-small,.bot-cell{align-items:center;display:flex}.bot-avatar-small{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;font-size:16px;height:40px;justify-content:center;overflow:hidden;width:40px}.bot-info{display:flex;flex-direction:column;gap:2px}.bot-name{color:var(--text-primary);font-size:14px;font-weight:600}.bot-username{color:var(--text-secondary);font-size:12px;font-style:italic}.status-badge{border:1px solid;border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.online{background:#51cf6633;border-color:#51cf66;color:#51cf66}.status-badge.offline{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b}.requests-count{color:var(--text-primary);font-family:Caveat,cursive;font-size:16px;font-weight:700}.features-cell{display:flex;flex-wrap:wrap;gap:4px}.feature-badge{border:1px solid;border-radius:8px;font-size:10px;font-weight:500;padding:2px 6px}.feature-badge.slang{background:#ffd43b33;border-color:#ffd43b;color:#ffd43b}.feature-badge.image{background:#f783ac33;border-color:#f783ac;color:#f783ac}.feature-badge.basic{background:#868e9633;border-color:#868e96;color:#868e96}.visibility-badge{border:1px solid;border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.visibility-badge.public{background:#58a6ff33;border-color:#58a6ff;color:#58a6ff}.visibility-badge.private{background:#a78bfa33;border-color:#a78bfa;color:#a78bfa}.tags-cell{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.tag-mini{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:8px;color:var(--text-accent);font-size:10px;font-weight:500;padding:2px 6px}.tag-more{font-size:10px}.no-tags,.tag-more{color:var(--text-secondary);font-style:italic}.no-tags{font-size:12px}.no-data{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-secondary);font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.charts-grid{gap:20px;grid-template-columns:1fr}.chart-card{min-height:300px}.active-bot-info{flex-direction:column;text-align:center}.analytics-main{padding:15px}.sidebar{max-width:100vw;width:100vw}}@media (max-width:480px){.sidebar{max-width:100vw;padding:0;width:100vw}.sidebar-header{font-size:15px;padding:14px 6px}.sidebar-footer{font-size:13px;padding:6px}.nav-item{font-size:14px;padding:10px 12px}}.hamburger{align-items:center;background:var(--bg-accent);border:3px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);cursor:pointer;display:none;height:44px;justify-content:center;left:24px;position:fixed;top:24px;transition:background .3s;width:44px;z-index:2100}.hamburger span,.hamburger span:after,.hamburger span:before{background:var(--text-accent);border-radius:2px;display:block;height:4px;position:absolute;transition:all .3s;width:28px}.hamburger span{position:relative}.hamburger span:before{content:"";left:0;position:absolute;top:-10px}.hamburger span:after{content:"";left:0;position:absolute;top:10px}.hamburger.open span{background:#0000}.hamburger.open span:before{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:after{transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:768px){.hamburger{display:flex}}.settings-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.settings-modal{-ms-overflow-style:none;animation:modalBounce .3s ease-out;background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:20px 30px 25px 35px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;scrollbar-width:none;transform:rotate(-.5deg);width:90%}.settings-modal::-webkit-scrollbar{display:none}@keyframes modalBounce{0%{opacity:0;transform:rotate(-.5deg) scale(.8)}to{opacity:1;transform:rotate(-.5deg) scale(1)}}.settings-modal-header{align-items:center;background:var(--bg-accent);border-bottom:2px dashed var(--border-color);border-radius:17px 27px 0 0;display:flex;justify-content:space-between;margin:-3px -3px 0;padding:25px 30px;transform:rotate(.5deg)}.settings-modal-header h2{color:var(--text-accent);font-family:Caveat,cursive;font-size:28px;margin:0;transform:rotate(-1deg)}.close-btn{align-items:center;background:none;border:2px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transform:rotate(5deg);transition:all .3s ease;width:40px}.close-btn:hover{background:var(--hover-color);box-shadow:0 4px 15px var(--shadow-color);transform:rotate(-5deg) scale(1.1)}.settings-modal-content{display:flex;flex-direction:column;gap:25px;padding:30px}.setting-group{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 20px;padding:20px;transform:rotate(.3deg);transition:all .3s ease}.setting-group:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(-.3deg) scale(1.01)}.setting-group h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:22px;margin:0 0 15px;transform:rotate(-.5deg)}.setting-options{display:flex;flex-direction:column;gap:10px}.font-option,.theme-option{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;gap:15px;min-height:50px;padding:15px;transform:rotate(-.2deg);transition:all .3s ease}.font-option:hover,.theme-option:hover{background:var(--bg-accent);box-shadow:0 4px 10px var(--shadow-color);transform:rotate(.2deg) scale(1.02)}.font-option.active,.theme-option.active{background:var(--bg-accent);border-color:var(--text-accent);box-shadow:0 6px 15px var(--shadow-color);color:var(--text-accent);transform:rotate(.5deg) scale(1.03)}.theme-preview{border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;height:20px;width:30px}.light-preview{background:linear-gradient(135deg,#fff,#f8f9fa)}.dark-preview{background:linear-gradient(135deg,#1a1a2e,#16213e)}.current-settings{display:flex;flex-direction:column;gap:10px}.current-setting{align-items:center;background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:6px 8px 7px 9px;display:flex;justify-content:space-between;padding:10px 15px;transform:rotate(.2deg)}.setting-name{color:var(--text-secondary);font-weight:600}.setting-value{color:var(--text-accent);font-family:Caveat,cursive;font-size:16px;font-weight:500}[data-font=inter],[data-font=inter] .compact-bot-name,[data-font=inter] .form-label,[data-font=inter] .logo-text,[data-font=inter] .nav-text{font-family:Inter,sans-serif!important}[data-font=poppins],[data-font=poppins] .compact-bot-name,[data-font=poppins] .form-label,[data-font=poppins] .logo-text,[data-font=poppins] .nav-text{font-family:Poppins,sans-serif!important}[data-font=inter] .header-title,[data-font=inter] h1,[data-font=inter] h2,[data-font=inter] h3,[data-font=poppins] .header-title,[data-font=poppins] h1,[data-font=poppins] h2,[data-font=poppins] h3{font-family:Caveat,cursive!important}@media (max-width:768px){.settings-modal-overlay{padding:15px}.settings-modal{border-radius:15px;max-height:85vh;max-width:none;transform:none;width:95%}.settings-modal-header{border-radius:12px 12px 0 0;margin:-3px -3px 0;padding:20px;transform:none}.settings-modal-header h2{font-size:24px;transform:none}.close-btn{font-size:20px;height:36px;transform:none;width:36px}.close-btn:hover{transform:scale(1.05)}.settings-modal-content{gap:20px;padding:20px}.setting-group{border-radius:10px;padding:15px;transform:none}.setting-group:hover{transform:scale(1.005)}.setting-group h3{font-size:20px;margin-bottom:12px;transform:none}.setting-options{gap:8px}.font-option,.theme-option{border-radius:8px;gap:12px;min-height:48px;padding:12px;transform:none}.font-option:hover,.theme-option:hover{transform:scale(1.01)}.font-option.active,.theme-option.active{transform:scale(1.02)}.theme-preview{height:16px;width:24px}.current-setting{border-radius:6px;padding:8px 12px;transform:none}.setting-name,.setting-value{font-size:14px}}@media (max-width:480px){.settings-modal-overlay{padding:10px}.settings-modal{max-height:90vh;width:100%}.settings-modal-header{padding:15px}.settings-modal-header h2{font-size:20px}.close-btn{font-size:18px;height:32px;width:32px}.settings-modal-content{gap:15px;padding:15px}.setting-group{padding:12px}.setting-group h3{font-size:18px;margin-bottom:10px}.font-option,.theme-option{font-size:14px;gap:10px;min-height:44px;padding:10px}.theme-preview{height:14px;width:20px}.current-setting{align-items:flex-start;flex-direction:column;gap:4px;padding:6px 10px}.setting-name,.setting-value{font-size:13px}}@media (max-width:768px){.close-btn,.font-option,.theme-option{min-height:44px;min-width:44px}}@media (max-width:768px) and (orientation:landscape){.settings-modal{max-height:95vh}.settings-modal-content{padding:15px}.setting-group{padding:10px}}.library-welcome-section.cartoon{margin-bottom:2rem;padding:0 1rem}.welcome-card.cartoon{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);border:3px solid #ff6b9d;border-radius:25px;box-shadow:0 8px 25px #ff6b9d4d;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transform:rotate(-1deg);transition:all .3s ease}.welcome-card.cartoon:hover{box-shadow:0 12px 35px #ff6b9d66;transform:rotate(0deg) scale(1.02)}.welcome-doodles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.doodle-star{animation:doodleBounce 3s ease-in-out infinite;font-size:2rem;position:absolute;right:15%;top:10%}.doodle-heart{animation:doodleBounce 2.5s ease-in-out .5s infinite;font-size:1.5rem;left:10%;position:absolute;top:20%}.doodle-rocket{animation:doodleBounce 2.8s ease-in-out 1s infinite;bottom:15%;font-size:1.8rem;position:absolute;right:10%}.doodle-sparkle{animation:doodleBounce 2.2s ease-in-out 1.5s infinite;bottom:15%;font-size:1.6rem;left:10%;position:absolute}@keyframes doodleBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-3deg)}75%{transform:translateY(-8px) rotate(2deg)}}.welcome-content{position:relative;z-index:2}.welcome-icon{animation:welcomeWiggle 2s ease-in-out infinite;font-size:3.5rem;margin-bottom:1rem}@keyframes welcomeWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.welcome-title{color:#2d3748;font-size:2.2rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 0 #fff,4px 4px 0 #ff6b9d4d}.welcome-description{color:#4a5568;font-size:1.1rem;font-weight:600;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:500px}.welcome-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.welcome-btn.cartoon{border:3px solid #0000;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:.8rem 1.8rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.welcome-btn.primary.cartoon{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#5a67d8;box-shadow:0 4px 15px #667eea66;color:#fff}.welcome-btn.primary.cartoon:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-3px) scale(1.05)}.welcome-btn.secondary.cartoon{background:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea33;color:#667eea}.welcome-btn.secondary.cartoon:hover{background:#667eea;color:#fff;transform:translateY(-3px) scale(1.05)}.library-stats-section.cartoon{margin-bottom:2.5rem;padding:0 1rem}.stats-title.cartoon{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 0 #ff6b9d33}.stats-grid.cartoon{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.stat-card.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transform:rotate(-1deg);transition:all .3s ease}.stat-card.cartoon:nth-child(2n){transform:rotate(1deg)}.stat-card.cartoon:hover{box-shadow:0 12px 30px #0003;transform:translateY(-8px) rotate(0deg) scale(1.05)}.stat-card.total.cartoon{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a67d8;color:#fff}.stat-card.online.cartoon{background:linear-gradient(135deg,#48bb78,#38a169);border-color:#38a169;color:#fff}.stat-card.feature.cartoon{background:linear-gradient(135deg,#ed8936,#dd6b20);border-color:#dd6b20;color:#fff}.stat-icon-wrapper{display:inline-block;margin-bottom:1rem;position:relative}.stat-icon{animation:statWiggle 3s ease-in-out infinite;display:block;font-size:2.5rem}@keyframes statWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.stat-sparkles{animation:sparkleRotate 2s linear infinite;font-size:1rem;position:absolute;right:-5px;top:-5px}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stat-number{font-size:2rem;font-weight:800;margin-bottom:.3rem}.stat-label{font-size:1rem;font-weight:700;margin-bottom:.2rem}.stat-feature,.stat-percentage,.stat-trend{font-size:.8rem;font-weight:600;opacity:.9}.featured-section.cartoon{margin-bottom:2.5rem;padding:0 1rem}.section-title.cartoon{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 0 #ff6b9d33}.section-decoration.cartoon{display:none}.featured-carousel.cartoon{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1100px}.featured-bot-card.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transform:rotate(-1deg);transition:all .4s ease}.featured-bot-card.cartoon.tilt-right{transform:rotate(1deg)}.featured-bot-card.cartoon:hover{border-color:#ff6b9d;box-shadow:0 15px 40px #0003;transform:translateY(-8px) rotate(0deg) scale(1.03)}.featured-bot-badge.cartoon{background:linear-gradient(45deg,gold,#ffed4e);border:2px solid #f6ad55;border-radius:15px;box-shadow:0 2px 10px #ffd70066;color:#2d3748;font-size:.7rem;font-weight:700;padding:.4rem .8rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.bot-avatar-featured.cartoon{border:3px solid #ff6b9d;border-radius:50%;box-shadow:0 4px 15px #ff6b9d4d;height:70px;overflow:hidden;position:relative;width:70px}.bot-avatar-img.cartoon{filter:brightness(1.1) contrast(1.1)}.bot-avatar-placeholder-featured.cartoon{align-items:center;background:linear-gradient(45deg,#ff6b9d,#c084fc);color:#fff;display:flex;font-size:1.8rem;font-weight:800;height:100%;justify-content:center;text-shadow:1px 1px 2px #0000004d;width:100%}.featured-bot-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.feature-tag.cartoon{border:2px solid #0000;border-radius:15px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.feature-tag.slang.cartoon{background:linear-gradient(45deg,#667eea,#764ba2);border-color:#5a67d8;color:#fff}.feature-tag.image.cartoon{background:linear-gradient(45deg,#ed8936,#dd6b20);border-color:#c05621;color:#fff}.feature-tag.autonomous.cartoon{background:linear-gradient(45deg,#48bb78,#38a169);border-color:#2f855a;color:#fff}.feature-tag.tag.cartoon{background:linear-gradient(45deg,#c084fc,#a855f7);border-color:#9333ea;color:#fff}.feature-tag.basic.cartoon{background:linear-gradient(45deg,#718096,#4a5568);border-color:#2d3748;color:#fff}.feature-tag.cartoon:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px) scale(1.05)}.featured-invite-btn.cartoon{border:3px solid #0000;border-radius:15px;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.8rem;text-transform:uppercase;transition:all .3s ease;width:100%}.featured-invite-btn.online.cartoon{background:linear-gradient(45deg,#48bb78,#38a169);border-color:#2f855a;box-shadow:0 4px 15px #48bb7866;color:#fff}.featured-invite-btn.online.cartoon:hover{box-shadow:0 8px 25px #48bb7899;transform:translateY(-3px) scale(1.02)}.featured-invite-btn.offline.cartoon{background:#e2e8f0;border-color:#cbd5e0;color:#718096;cursor:not-allowed}.library-controls.cartoon{margin-bottom:2rem;padding:0 1rem}.controls-title.cartoon{color:var(--text-primary);font-size:1.8rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 0 #ff6b9d33}.controls-decoration.cartoon{display:none}.filter-toggle-btn.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:15px;color:var(--text-primary);cursor:pointer;font-weight:700;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s ease}.filter-toggle-btn.cartoon.active,.filter-toggle-btn.cartoon:hover{background:#ff6b9d;border-color:#e53e3e;color:#fff;transform:translateY(-2px)}.view-btn.cartoon,.view-toggle.cartoon{display:none}.search-box.cartoon{margin:0 auto 1rem;max-width:500px;position:relative}.search-icon{color:var(--text-secondary);font-size:1.2rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-input.cartoon{background:var(--card-bg);border:2px solid var(--border-color);border-radius:25px;box-shadow:0 2px 10px #0000001a;color:var(--text-primary);font-size:1rem;font-weight:600;padding:.8rem .8rem .8rem 2.5rem;transition:all .3s ease;width:100%}.search-input.cartoon:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none;transform:scale(1.02)}.search-clear.cartoon{align-items:center;background:#ff6b9d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;padding:.3rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);transition:all .3s ease;width:24px}.search-clear.cartoon:hover{background:#e53e3e;transform:translateY(-50%) scale(1.1)}.suggestion-tag.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.3rem .6rem;transition:all .3s ease}.suggestion-tag.cartoon:hover{background:#ff6b9d;border-color:#e53e3e;color:#fff;transform:translateY(-1px)}.filters-section.cartoon{background:var(--card-bg);border:none;border-radius:20px;box-shadow:0 2px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.filter-title.cartoon{color:var(--text-primary);font-size:1rem;font-weight:800;letter-spacing:1px;margin-bottom:.8rem;text-transform:uppercase}.feature-filter.cartoon,.tag-filter.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:15px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase;transition:all .3s ease}.feature-filter.cartoon.active,.feature-filter.cartoon:hover,.tag-filter.cartoon.active,.tag-filter.cartoon:hover{background:#ff6b9d;border-color:#e53e3e;color:#fff;transform:translateY(-2px)}.sort-select.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:15px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:700;padding:.6rem 1rem;transition:all .3s ease}.sort-select.cartoon:focus{border-color:#ff6b9d;box-shadow:0 0 0 2px #ff6b9d33;outline:none}.clear-filters-btn.cartoon{background:linear-gradient(45deg,#e53e3e,#c53030);border:3px solid #c53030;border-radius:15px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s ease}.clear-filters-btn.cartoon:hover{box-shadow:0 8px 25px #e53e3e66;transform:translateY(-2px)}.active-filter.cartoon{background:#ff6b9d;border:2px solid #e53e3e;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem}.results-title.cartoon{color:var(--text-primary);font-size:1.4rem;font-weight:800;margin-bottom:.25rem;text-shadow:1px 1px 0 #ff6b9d33}.pagination-info.cartoon{background:var(--card-bg);border:2px solid #ff6b9d4d;border-radius:12px;color:var(--text-secondary);font-weight:700;padding:.4rem .8rem}.loading-spinner.cartoon{animation:spin 1s linear infinite;border:2px solid #ff6b9d4d;border-radius:50%;border-top:4px solid #ff6b9d;height:50px;margin:0 auto 1rem;width:50px}.bots-grid.cartoon{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2.5rem}.bots-grid.cartoon.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bots-grid.cartoon.list{gap:1rem;grid-template-columns:1fr}.library-bot-card.cartoon{background:var(--card-bg);border:2px solid #ff6b9d33;border-radius:18px;cursor:pointer;overflow:hidden;padding:1.2rem;position:relative;transform:rotate(-.5deg);transition:all .4s ease}.library-bot-card.cartoon.tilt-right{transform:rotate(.5deg)}.library-bot-card.cartoon:hover{border-color:#ff6b9d;box-shadow:0 12px 30px #00000026;transform:translateY(-5px) rotate(0deg) scale(1.02)}.library-bot-card.cartoon.list-view{align-items:center;display:flex;gap:1.5rem;padding:1rem 1.2rem;transform:rotate(0deg)}.bot-avatar-library.cartoon{border:3px solid #ff6b9d;border-radius:50%;box-shadow:0 4px 12px #ff6b9d4d;flex-shrink:0;height:60px;overflow:hidden;position:relative;width:60px}.bot-avatar-img.cartoon{filter:brightness(1.1) contrast(1.1) saturate(1.2);height:100%;object-fit:cover;width:100%}.bot-avatar-placeholder-library.cartoon{align-items:center;background:linear-gradient(45deg,#ff6b9d,#c084fc);color:#fff;display:flex;font-size:1.5rem;font-weight:800;height:100%;justify-content:center;text-shadow:1px 1px 2px #0000004d;width:100%}.bot-name-library{color:var(--text-primary);font-size:1.1rem;font-weight:800;margin-bottom:.2rem}.bot-username-library{color:var(--text-secondary);font-size:.8rem;font-weight:600}.bot-popularity.cartoon{align-items:center;display:flex}.popularity-score.cartoon{background:linear-gradient(45deg,#ff6b9d,#e53e3e);border:2px solid #c53030;border-radius:12px;box-shadow:0 2px 8px #ff6b9d4d;color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .6rem;text-transform:uppercase}.bot-description-library{color:var(--text-secondary);font-weight:500;line-height:1.4;margin-bottom:1rem}.bot-features-library.cartoon{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.bot-tags-library.cartoon{display:flex;flex-wrap:wrap;gap:.3rem}.bot-tag.cartoon{background:#c084fc;border:2px solid #a855f7;border-radius:10px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase;transition:all .3s ease}.bot-tag.cartoon:hover{background:#a855f7;box-shadow:0 2px 8px #c084fc66;transform:translateY(-1px) scale(1.05)}.bot-tag-more.cartoon{background:var(--border-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-secondary);font-size:.7rem;font-weight:700;padding:.2rem .5rem}.bot-card-footer.cartoon{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:auto}.bot-stats-library .stat.cartoon{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bot-stats-library .status.cartoon.online{color:#38a169;font-weight:800}.bot-stats-library .status.cartoon.offline{color:#e53e3e;font-weight:800}.invite-bot-btn.cartoon{border:3px solid #0000;border-radius:15px;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.invite-bot-btn.cartoon.online{background:linear-gradient(45deg,#48bb78,#38a169);border-color:#2f855a;box-shadow:0 4px 15px #48bb7866;color:#fff}.invite-bot-btn.cartoon.online:hover{box-shadow:0 8px 25px #48bb7899;transform:translateY(-2px) scale(1.02)}.invite-bot-btn.cartoon.offline{background:#e2e8f0;border-color:#cbd5e0;color:#718096;cursor:not-allowed}.pagination-controls.cartoon{align-items:center;background:var(--card-bg);border-radius:15px;box-shadow:0 2px 15px #0000001a;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:2.5rem;padding:1rem}.pagination-btn.cartoon{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:.7rem 1.2rem;transition:all .3s ease}.pagination-btn.cartoon:hover:not(:disabled){background:linear-gradient(45deg,#5a67d8,#6b46c1);box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.pagination-btn.cartoon:disabled{background:#e2e8f0;box-shadow:none;color:#a0aec0;cursor:not-allowed}.pagination-number.cartoon{align-items:center;background:#f7fafc;border:none;border-radius:8px;box-shadow:0 1px 3px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:35px;justify-content:center;transition:all .3s ease;width:35px}.pagination-number.cartoon:hover{background:#e2e8f0;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.pagination-number.cartoon.active{background:linear-gradient(45deg,#667eea,#764ba2);box-shadow:0 3px 12px #667eea66;color:#fff;transform:translateY(-1px)}.status-indicator.cartoon{border:3px solid var(--card-bg);border-radius:50%;bottom:3px;height:14px;position:absolute;right:3px;width:14px}.status-indicator.cartoon.online{animation:onlinePulse 2s ease-in-out infinite;background:#38a169;box-shadow:0 0 10px #38a16999}.status-indicator.cartoon.offline{background:#e53e3e;box-shadow:0 0 5px #e53e3e66}@keyframes onlinePulse{0%,to{box-shadow:0 0 10px #38a16999}50%{box-shadow:0 0 20px #38a169e6}}.empty-state.cartoon h3{color:var(--text-primary);font-size:1.6rem;font-weight:800;margin-bottom:.5rem;text-shadow:1px 1px 0 #ff6b9d33}.empty-state.cartoon p{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:2rem}.create-bot-btn.cartoon{background:linear-gradient(45deg,#667eea,#764ba2);border:3px solid #5a67d8;border-radius:15px;color:#fff;font-weight:700;letter-spacing:.5px;padding:.8rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.create-bot-btn.cartoon:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.welcome-title{font-size:1.8rem}.welcome-description{font-size:1rem}.welcome-actions{flex-direction:column}.stats-grid.cartoon{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.featured-carousel.cartoon{grid-template-columns:1fr}.controls-header{align-items:stretch;flex-direction:column}.controls-actions{justify-content:center}.filters-grid{gap:1rem}.bots-grid.cartoon.grid,.filters-grid{grid-template-columns:1fr}.library-bot-card.cartoon.list-view{align-items:stretch;flex-direction:column;gap:1rem}.bot-card-footer.cartoon{align-items:stretch;flex-direction:column;gap:.5rem}.pagination-controls.cartoon{gap:.5rem}.pagination-btn.cartoon{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:480px){.welcome-card.cartoon{padding:1.5rem 1rem}.welcome-title{font-size:1.5rem}.stats-grid.cartoon{grid-template-columns:1fr}.search-input.cartoon{font-size:.9rem}.library-bot-card.cartoon{padding:1rem}.pagination-numbers{display:none}.go-to-page.cartoon{order:-1}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clear-filters-btn.cartoon:focus,.feature-filter.cartoon:focus,.filter-toggle-btn.cartoon:focus,.go-btn.cartoon:focus,.invite-bot-btn.cartoon:focus,.page-input.cartoon:focus,.pagination-btn.cartoon:focus,.pagination-number.cartoon:focus,.search-input.cartoon:focus,.sort-select.cartoon:focus,.tag-filter.cartoon:focus,.view-btn.cartoon:focus,.welcome-btn.cartoon:focus{outline:3px solid #ff6b9d;outline-offset:2px}@media (prefers-contrast:high){.featured-bot-card.cartoon,.library-bot-card.cartoon,.stat-card.cartoon,.welcome-card.cartoon{border-width:4px}.bot-tag.cartoon,.feature-tag.cartoon{border-width:3px}}.onboarding-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.onboard{background:var(--bg-secondary);border:4px dashed var(--border-color);border-radius:20px 30px 25px 35px;box-shadow:0 10px 30px var(--shadow-color);margin:50px auto;max-width:800px;padding:40px;position:relative;transform:rotate(-.5deg)}.onboard:before{border:3px solid var(--border-color);border-radius:25px 35px 30px 40px;bottom:-5px;content:"";left:-5px;opacity:.3;position:absolute;right:-5px;top:-5px;z-index:-1}.onboard:after{animation:doodle-bounce 3s infinite;background:var(--bg-secondary);border-radius:50%;content:"🚀";font-size:32px;padding:5px 10px;position:absolute;right:20px;top:-15px}.step{width:100%}.step h2,.step p{text-align:center;width:100%}.step input,.step textarea{box-sizing:border-box;width:100%}.step{align-items:center;display:flex;flex-direction:column;gap:20px}.step,.step h2{position:relative}.step h2{color:var(--text-accent);font-family:Caveat,cursive;font-size:32px;margin:0 0 20px;text-align:center;transform:rotate(-1deg)}.step h2:after{background:repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 8px,#0000 8px,#0000 16px);border-radius:50px;bottom:-8px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.step input{border-radius:12px 18px 15px 22px;font-size:18px;padding:15px 20px;transform:rotate(-.5deg);transition:all .3s ease}.step input:focus{transform:rotate(.5deg) scale(1.02)}.step textarea{border-radius:12px 18px 15px 22px;font-size:16px;min-height:120px;padding:15px 20px;resize:vertical;transform:rotate(.5deg);transition:all .3s ease}.step textarea:focus{transform:rotate(-.5deg) scale(1.02)}.step button{align-self:center;font-size:18px;font-weight:600;margin-top:10px;min-width:150px;padding:15px 30px}.step label{align-items:flex-start;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;box-sizing:border-box;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:12px;margin:0 auto;max-width:600px;padding:15px;transform:rotate(-.3deg);transition:all .3s ease;width:100%}.step label:hover{background:var(--bg-accent);box-shadow:0 4px 15px var(--shadow-color);color:var(--text-accent);transform:rotate(.3deg)}.step input[type=checkbox]{accent-color:var(--border-color);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;transform:none;width:20px}.bot-info{background:var(--bg-primary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;margin:20px auto;max-width:600px;padding:50px 40px;position:relative;text-align:center;transform:rotate(.5deg);width:100%}.bot-info:before{animation:doodle-bounce 2s infinite;content:"🤖";display:block;font-size:48px;margin-bottom:15px}.bot-info h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:28px;margin:0;transform:rotate(-1deg)}.progress{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.progress-dot{background:var(--border-color);border-radius:50%;height:15px;opacity:.3;transform:rotate(45deg);transition:all .3s ease;width:15px}.progress-dot.active{background:var(--hover-color);box-shadow:0 0 15px var(--shadow-color);opacity:1;transform:rotate(45deg) scale(1.3)}.progress-dot.completed{background:var(--text-accent);opacity:1;transform:rotate(45deg) scale(1.1)}.error{color:#ff6b6b;transform:rotate(-1deg)}.error,.success{font-size:14px;font-weight:500;margin-top:5px}.success{color:#51cf66;transform:rotate(1deg)}.form-group{margin:0 auto 20px;max-width:700px;width:90%}.form-textarea{box-sizing:border-box;width:100%}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-weight:600;margin-bottom:5px}.form-label,.form-textarea{color:var(--text-primary);font-size:16px}.form-textarea{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px 18px 15px 22px;min-height:100px;padding:15px 20px;resize:vertical;transform:rotate(.5deg);transition:all .3s ease}.form-textarea:focus{border-color:var(--text-accent);outline:none;transform:rotate(-.5deg) scale(1.02)}.checkbox-label{align-items:flex-start;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;gap:12px;line-height:1.4;padding:15px;transform:rotate(-.3deg);transition:all .3s ease}.checkbox-label:hover{background:var(--bg-accent);box-shadow:0 4px 15px var(--shadow-color);color:var(--text-accent);transform:rotate(.3deg)}@media (max-width:768px){.onboard{border-radius:15px;margin:15px;max-width:none;padding:25px 20px;transform:none}.onboard:before{border-radius:20px}.onboard:after{font-size:24px;padding:3px 8px;right:15px;top:-10px}.step h2{font-size:26px;transform:none}.step h2:after{height:3px;width:90%}.form-textarea,.step input,.step textarea{border-radius:10px;font-size:16px;padding:12px 15px;transform:none}.form-textarea:focus,.step input:focus,.step textarea:focus{transform:scale(1.01)}.step button{font-size:16px;max-width:200px;min-width:120px;padding:12px 25px;width:100%}.checkbox-label,.step label{align-items:flex-start;border-radius:8px;font-size:15px;max-width:none;padding:15px;text-align:left;transform:none;width:100%}.bot-info,.checkbox-label:hover,.step label:hover{transform:none}.bot-info{border-radius:12px;margin:15px 0;max-width:none;padding:30px 25px}.bot-info:before{font-size:36px;margin-bottom:10px}.bot-info h3{font-size:24px;transform:none}.progress{gap:10px;margin-bottom:25px}.progress-dot{height:12px;width:12px}.form-group{margin-bottom:15px}.form-label{font-size:15px}.form-textarea{min-height:80px}}@media (max-width:480px){.onboard{margin:10px;padding:20px 15px}.step{gap:15px}.step h2{font-size:22px;margin-bottom:15px}.form-textarea,.step input,.step textarea{font-size:15px;padding:10px 12px}.step button{font-size:15px;max-width:none;padding:10px 20px;width:100%}.checkbox-label,.step label{font-size:14px;gap:10px;padding:10px}.step input[type=checkbox]{flex-shrink:0;height:18px;width:18px}.bot-info{padding:15px}.bot-info:before{font-size:32px}.bot-info h3{font-size:20px}.progress{gap:8px}.progress-dot{height:10px;width:10px}.error,.success{font-size:13px}.step input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;cursor:pointer;height:40px}.step input[type=range]::-webkit-slider-track{background:var(--border-color);border-radius:3px;height:6px}.step input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--text-accent);border-radius:50%;cursor:pointer;height:20px;margin-top:-7px;width:20px}.step input[type=range]::-moz-range-track{background:var(--border-color);border:none;border-radius:3px;height:6px}.step input[type=range]::-moz-range-thumb{background:var(--text-accent);border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}}.bot-info:before{display:inline-block!important;margin:0 auto 15px!important;text-align:center!important}.bot-info{align-items:center!important;display:flex!important;flex-direction:column!important}.bot-info .bot-avatar-large{margin-bottom:15px!important}@media (max-width:768px){.step p{font-size:15px;line-height:1.5;margin-bottom:15px;text-align:center}.step p a{display:inline-block;margin-top:5px}}@media (max-width:480px){.form-group small{font-size:11px;margin-top:5px}}.bot-status-card.compact{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 20px;box-shadow:0 4px 15px var(--shadow-color);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;min-height:auto;padding:15px;transform:rotate(-.3deg);transition:all .3s ease}.bot-status-card.compact:hover{box-shadow:0 6px 20px var(--shadow-color);transform:rotate(.3deg) scale(1.01)}.status-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.status-header-content{align-items:center;display:flex;gap:6px}.status-header-content .status-icon{font-size:16px}.status-header-content h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:18px;margin:0;transform:rotate(-1deg)}.status-edit-btn.compact{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-primary);font-family:inherit;font-size:11px;padding:4px 8px;transform:rotate(-.5deg)}.status-edit-btn.compact:hover{transform:rotate(.5deg) scale(1.05)}.status-content.compact{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.current-status.compact{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px 12px 10px 14px;display:flex;flex-direction:column;gap:3px;padding:6px}.activity-row,.status-row{align-items:center;display:flex;gap:6px}.activity-icon,.presence-indicator{display:flex;font-size:14px;justify-content:center;width:16px}.presence-text{color:var(--text-primary);font-size:12px;font-weight:600}.activity-text{color:var(--text-secondary);font-size:11px;font-style:italic}.status-edit-form.compact{background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:8px 12px 10px 14px;display:flex;flex-direction:column;gap:4px;padding:6px}.form-row{align-items:center;display:flex;gap:6px}.form-input.compact{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px 8px 7px 9px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:11px;padding:4px 6px}.form-input.compact:focus{border-color:var(--text-accent);box-shadow:0 0 0 2px #7b3fe433;outline:none}.message-input{flex:2 1}.character-count.compact{color:var(--text-secondary);font-size:9px;white-space:nowrap}.status-actions.compact{display:flex;gap:6px;margin-top:2px}.cancel-status-btn.compact,.save-status-btn.compact{border:1px solid var(--border-color);border-radius:6px 8px 7px 9px;cursor:pointer;font-family:inherit;font-size:11px;padding:4px 8px;transition:all .3s ease}.save-status-btn.compact{background:var(--bg-accent);color:var(--text-accent);flex:1 1}.save-status-btn.compact:hover:not(:disabled){box-shadow:0 2px 8px var(--shadow-color);transform:scale(1.05)}.save-status-btn.compact:disabled{cursor:not-allowed;opacity:.6}.cancel-status-btn.compact{background:var(--bg-primary);color:var(--text-secondary)}.cancel-status-btn.compact:hover{background:var(--bg-secondary);transform:scale(1.05)}.premium-upsell.compact{align-items:center;background:linear-gradient(135deg,#7b3fe41a,#7b3fe40d);border:1px dashed #7b3fe4;border-radius:8px 12px 10px 14px;display:flex;gap:8px;justify-content:space-between;padding:6px}.upsell-content.compact{align-items:center;display:flex;flex:1 1;gap:6px}.upsell-icon{font-size:14px}.upsell-text.compact{display:flex;flex-direction:column;gap:1px}.upsell-title{color:var(--text-primary);font-size:11px;font-weight:600}.upsell-desc{color:var(--text-secondary);font-size:9px}.premium-btn.compact{background:linear-gradient(135deg,#7b3fe4,#9c5cff);border:none;border-radius:6px 8px 7px 9px;color:#fff;cursor:pointer;font-size:10px;font-weight:600;padding:4px 8px;text-decoration:none;transform:rotate(-.5deg);transition:all .3s ease;white-space:nowrap}.premium-btn.compact:hover{box-shadow:0 4px 15px #7b3fe44d;transform:rotate(.5deg) scale(1.05)}.status-loading.compact{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;justify-content:center;padding:6px}.loading-spinner.small{border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-top-color:var(--text-accent);height:12px;width:12px}.status-error.compact{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:6px;justify-content:center;padding:6px}.error-icon{font-size:14px}@media (max-width:768px){.bot-status-card.compact{border-radius:10px;padding:8px;transform:none}.bot-status-card.compact:hover{transform:scale(1.01)}.status-header-content h3{font-size:16px;transform:none}.form-row{flex-direction:column;gap:4px}.form-input.compact{width:100%}.premium-upsell.compact{flex-direction:column;gap:4px;text-align:center}.premium-btn.compact{align-self:stretch;transform:none}.premium-btn.compact:hover{transform:scale(1.02)}}@media (max-width:480px){.bot-status-card.compact{padding:6px}.status-actions.compact{flex-direction:column}.upsell-content.compact{flex-direction:column;gap:3px;text-align:center}}.bot-training-card.enhanced{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:15px 25px 20px 30px;padding:25px;position:relative;transform:rotate(-.2deg);transition:all .3s ease}.bot-training-card.enhanced:hover{box-shadow:0 8px 25px var(--shadow-color);transform:rotate(0deg) scale(1.01)}.training-header{align-items:center;border-bottom:2px dashed var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.training-title-section{align-items:center;display:flex;gap:12px}.training-icon{animation:pulse 2s infinite;font-size:28px}.training-title-section h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:24px;margin:0;transform:rotate(-1deg)}.training-stats{display:flex;gap:10px}.stat-badge{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:20px;color:var(--text-accent);font-size:12px;font-weight:600;padding:6px 12px}.training-description{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:10px 15px 12px 18px;margin-bottom:25px;padding:15px;transform:rotate(.3deg)}.training-description p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.training-form-container{margin-bottom:30px}.training-form.enhanced{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:20px;transform:rotate(-.3deg)}.form-row-training{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group.training-input,.form-group.training-response{display:flex;flex-direction:column;gap:8px}.form-label.enhanced{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.label-icon{font-size:16px}.form-input.enhanced,.form-textarea.enhanced{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-primary);font-size:14px;padding:12px 16px;transform:rotate(.2deg);transition:all .3s ease}.form-input.enhanced:focus,.form-textarea.enhanced:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px rgba(var(--text-accent-rgb),.1);outline:none;transform:rotate(-.2deg) scale(1.02)}.character-counter{color:var(--text-secondary);font-size:11px;margin-top:4px;text-align:right}.add-example-btn.enhanced{align-items:center;background:var(--text-accent);border:none;border-radius:10px 15px 12px 18px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transform:rotate(-.5deg);transition:all .3s ease;width:100%}.add-example-btn.enhanced:hover:not(:disabled){background:var(--hover-color);box-shadow:0 4px 15px var(--shadow-color);transform:rotate(.5deg) scale(1.05)}.add-example-btn.enhanced:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-icon{font-size:18px}.loading-spinner.small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.training-examples-section{margin-top:25px}.examples-header{align-items:center;border-bottom:1px dashed var(--border-color);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.examples-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;gap:8px;margin:0}.examples-icon{font-size:20px}.clear-examples-btn{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .3s ease}.clear-examples-btn:hover{background:var(--bg-accent);border-color:var(--text-accent);color:var(--text-accent)}.examples-container{max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-color:#a259ff #f5eaff;scrollbar-width:thin}.examples-container::-webkit-scrollbar{background:#f5eaff;border-radius:10px;width:12px}.examples-container::-webkit-scrollbar-thumb{background:#a259ff;border:2px solid #f5eaff;border-radius:10px;box-shadow:0 2px 6px #a259ff1a;min-height:40px}.examples-container::-webkit-scrollbar-thumb:hover{background:#7c3aed}.examples-container::-webkit-scrollbar-track{background:#f5eaff;border-radius:10px;box-shadow:inset 0 1px 2px #e0cfff}.examples-container::-webkit-scrollbar-corner{background:#a259ff;border-radius:10px}.empty-state{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.empty-text{font-size:16px;font-weight:600;margin:0 0 8px}.empty-subtext{font-size:14px;margin:0;opacity:.8}.examples-list{display:flex;flex-direction:column;gap:12px}.training-example-item.enhanced{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;padding:15px;position:relative;transform:rotate(.2deg);transition:all .3s ease}.training-example-item.enhanced:hover{box-shadow:0 2px 10px var(--shadow-color);transform:rotate(-.2deg)}.example-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.example-number{background:var(--text-accent);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.remove-example-btn{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:4px;transition:all .3s ease}.remove-example-btn:hover{background:#ff6b6b;color:#fff}.example-content{display:flex;flex-direction:column;gap:8px}.example-prompt,.example-response{align-items:flex-start;display:flex;gap:8px}.example-label{flex-shrink:0;font-size:14px;font-weight:600;min-width:60px}.example-text{color:var(--text-primary);font-size:14px;line-height:1.4}@media (max-width:768px){.form-row-training{gap:15px;grid-template-columns:1fr}.training-header{align-items:flex-start;flex-direction:column;gap:10px}.bot-training-card.enhanced{padding:20px;transform:none}.training-form.enhanced{padding:15px;transform:none}.add-example-btn.enhanced,.training-example-item.enhanced{transform:none}}@media (max-width:480px){.example-prompt,.example-response{flex-direction:column;gap:4px}.example-label{min-width:auto}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status-edit-btn.compact{background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.status-edit-btn.compact:hover{background:var(--bg-accent);border-color:var(--text-accent);color:var(--text-accent)}.docs-main{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px}.docs-container{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:300px 1fr}.docs-sidebar{position:-webkit-sticky;position:sticky;top:20px}.toc-card{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 15px var(--shadow-color);padding:20px;transform:rotate(-.5deg)}.toc-card h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:20px;margin:0 0 15px;text-align:center;transform:rotate(-1deg)}.toc-nav{display:flex;flex-direction:column;gap:8px}.toc-item{background:none;border:2px solid #0000;border-radius:8px 12px 10px 14px;color:var(--text-secondary);cursor:pointer;font-family:Kalam,cursive;font-size:14px;padding:10px 15px;text-align:left;transform:rotate(-.3deg);transition:all .3s ease}.toc-item:hover{transform:rotate(.3deg) translateX(5px)}.toc-item.active,.toc-item:hover{background:var(--bg-accent);border-color:var(--border-color);color:var(--text-accent)}.toc-item.active{box-shadow:0 4px 10px var(--shadow-color);transform:rotate(.5deg) translateX(8px)}.docs-content{gap:30px}.docs-content,.docs-section{display:flex;flex-direction:column}.docs-section{gap:20px}.section-card{background:var(--bg-secondary);border:3px dashed var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 15px var(--shadow-color);padding:30px;transform:rotate(-.3deg);transition:all .3s ease}.section-card:hover{box-shadow:0 8px 25px var(--shadow-color);transform:rotate(.3deg) scale(1.01)}.section-card h2{font-size:32px;margin:0 0 20px;text-align:center;transform:rotate(-1deg)}.section-card h2,.section-card h3{color:var(--text-accent);font-family:Caveat,cursive}.section-card h3{font-size:24px;margin:0 0 15px;transform:rotate(-.5deg)}.section-card ol,.section-card p,.section-card ul{color:var(--text-secondary);line-height:1.6;margin-bottom:15px}.section-card ol,.section-card ul{padding-left:20px}.section-card li{margin-bottom:5px}.section-card strong{color:var(--text-primary);font-weight:600}.section-card a{color:var(--text-accent);font-weight:500;position:relative;text-decoration:none}.section-card a:hover{text-decoration:underline}.hero-card{background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border-color:var(--hover-color);text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column;gap:20px}.hero-icon{animation:doodle-bounce 3s infinite;font-size:64px;margin-bottom:10px}.hero-description{color:var(--text-primary);font-size:18px;margin:0 auto;max-width:600px}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.benefit-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:20px;text-align:center;transform:rotate(-.5deg);transition:all .3s ease}.benefit-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(.5deg) scale(1.02)}.benefit-icon{font-size:32px;margin-bottom:10px}.benefit-item h4{color:var(--text-accent);font-family:Caveat,cursive;font-size:18px;margin:0 0 10px}.benefit-item p{color:var(--text-secondary);font-size:14px;margin:0}.features-list{display:flex;flex-direction:column;gap:25px}.feature-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:25px;transform:rotate(-.3deg);transition:all .3s ease}.feature-item:nth-child(2n){transform:rotate(.3deg)}.feature-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.01)}.feature-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.feature-icon{font-size:24px}.feature-item h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:20px;margin:0;transform:none}.feature-item p{margin-bottom:15px}.feature-item ul{margin:0}.steps-container{display:flex;flex-direction:column;gap:20px;margin-top:20px}.step-item{align-items:flex-start;background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;display:flex;gap:20px;padding:20px;transform:rotate(-.3deg);transition:all .3s ease}.step-item:nth-child(2n){transform:rotate(.3deg)}.step-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.01)}.step-number{align-items:center;background:var(--bg-accent);border:2px solid var(--border-color);border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h3,.step-number{color:var(--text-accent);font-family:Caveat,cursive}.step-content h3{font-size:18px;margin:0 0 10px;transform:none}.step-content p{color:var(--text-secondary);margin:0}.tutorial-steps{display:flex;flex-direction:column;gap:25px;margin-top:20px}.tutorial-step{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:25px;transform:rotate(-.2deg);transition:all .3s ease}.tutorial-step:nth-child(2n){transform:rotate(.2deg)}.tutorial-step:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.005)}.tutorial-step h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:20px;margin:0 0 15px;transform:none}.code-block{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;margin:15px 0;padding:15px;transform:rotate(.5deg)}.code-block code{color:var(--text-accent);font-family:Courier New,monospace;font-size:14px}.info-box,.warning-box{align-items:flex-start;border-radius:8px 12px 10px 14px;display:flex;gap:12px;margin:15px 0;padding:15px;transform:rotate(-.3deg)}.warning-box{background:#ff6b6b1a;border:2px solid #ff6b6b}.info-box{background:#58a6ff1a;border:2px solid #58a6ff}.info-icon,.warning-icon{flex-shrink:0;font-size:18px}.warning-box .warning-icon{color:#ff6b6b}.info-box .info-icon{color:#58a6ff}.info-box p,.warning-box p{color:var(--text-primary);margin:0}.example-box{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;color:var(--text-secondary);font-style:italic;margin:10px 0;padding:15px;transform:rotate(.3deg)}.personality-guide{display:flex;flex-direction:column;gap:30px}.personality-section{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:25px;transform:rotate(-.2deg)}.personality-section:nth-child(2n){transform:rotate(.2deg)}.personality-section h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:22px;margin:0 0 20px;text-align:center;transform:none}.field-guide{margin-bottom:20px}.field-guide h4{color:var(--text-primary);font-family:Caveat,cursive;font-size:18px;margin:0 0 8px}.field-guide p{margin:0 0 10px}.settings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.setting-item{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:8px 12px 10px 14px;padding:15px;transform:rotate(-.3deg);transition:all .3s ease}.setting-item:hover{transform:rotate(.3deg) scale(1.02)}.setting-item h4{color:var(--text-accent);font-family:Caveat,cursive;font-size:16px;margin:0 0 8px}.setting-item p{font-size:14px;margin:0}.management-features{display:flex;flex-direction:column;gap:25px}.management-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:25px;transform:rotate(-.2deg);transition:all .3s ease}.management-item:nth-child(2n){transform:rotate(.2deg)}.management-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.005)}.management-item h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:20px;margin:0 0 15px;transform:none}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:20px;transform:rotate(-.3deg);transition:all .3s ease}.faq-item:nth-child(2n){transform:rotate(.3deg)}.faq-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.01)}.faq-item h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:18px;margin:0 0 10px;transform:none}.faq-item p{margin:0}.troubleshooting-list{display:flex;flex-direction:column;gap:25px}.trouble-item{background:var(--bg-primary);border:2px dashed var(--border-color);border-radius:12px 18px 15px 22px;padding:25px;transform:rotate(-.2deg);transition:all .3s ease}.trouble-item:nth-child(2n){transform:rotate(.2deg)}.trouble-item:hover{box-shadow:0 4px 15px var(--shadow-color);transform:rotate(0deg) scale(1.005)}.trouble-item h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:18px;margin:0 0 15px;transform:none}.trouble-solution{display:flex;flex-direction:column;gap:10px}.trouble-solution p{color:var(--text-primary);font-weight:600;margin:0}.trouble-solution ul{margin:5px 0 15px}.support-box{background:linear-gradient(135deg,var(--bg-accent),var(--hover-color));border:2px solid var(--hover-color);border-radius:12px 18px 15px 22px;margin-top:30px;padding:25px;text-align:center;transform:rotate(-.5deg)}.support-box h3{color:var(--text-accent);font-family:Caveat,cursive;font-size:22px;margin:0 0 15px;transform:none}.support-links{display:flex;gap:20px;justify-content:center;margin-top:15px}.support-link{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px 15px 12px 18px;color:var(--text-accent);font-weight:600;padding:12px 20px;text-decoration:none;transform:rotate(-1deg);transition:all .3s ease}.support-link:hover{background:var(--hover-color);box-shadow:0 4px 15px var(--shadow-color);transform:rotate(1deg) scale(1.05)}@media (max-width:1024px){.docs-container{gap:20px;grid-template-columns:250px 1fr}.toc-card{padding:15px}.toc-item{font-size:13px;padding:8px 12px}}@media (max-width:768px){.docs-main{padding:15px}.docs-container{gap:20px;grid-template-columns:1fr}.docs-sidebar{order:-1;position:static}.toc-card{border-radius:12px;padding:15px;transform:none}.toc-card h3{font-size:18px;transform:none}.toc-nav{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.toc-item{font-size:12px;padding:8px 10px;text-align:center;transform:none}.toc-item.active,.toc-item:hover{transform:scale(1.02)}.section-card{border-radius:12px;padding:20px;transform:none}.section-card:hover{transform:scale(1.005)}.section-card h2{font-size:28px;transform:none}.section-card h3{font-size:20px;transform:none}.hero-icon{font-size:48px}.hero-description{font-size:16px}.benefits-grid{gap:15px;grid-template-columns:1fr}.benefit-item{border-radius:10px;padding:15px;transform:none}.benefit-item:hover{transform:scale(1.01)}.benefit-icon{font-size:28px}.feature-item{border-radius:10px;padding:20px;transform:none}.feature-item:hover{transform:scale(1.005)}.feature-header{flex-direction:column;gap:10px;text-align:center}.feature-icon{font-size:32px}.step-item{border-radius:10px;flex-direction:column;padding:15px;text-align:center;transform:none}.step-item:hover{transform:scale(1.005)}.step-number{align-self:center}.tutorial-step{border-radius:10px;padding:20px;transform:none}.tutorial-step:hover{transform:scale(1.005)}.code-block,.info-box,.warning-box{border-radius:8px;transform:none}.info-box,.warning-box{flex-direction:column;text-align:center}.example-box{border-radius:8px;transform:none}.personality-section{border-radius:10px;padding:20px;transform:none}.settings-grid{gap:12px;grid-template-columns:1fr}.setting-item{border-radius:8px;transform:none}.setting-item:hover{transform:scale(1.01)}.management-item{border-radius:10px;padding:20px;transform:none}.management-item:hover{transform:scale(1.005)}.faq-item{border-radius:10px;padding:15px;transform:none}.faq-item:hover{transform:scale(1.005)}.trouble-item{border-radius:10px;padding:20px;transform:none}.trouble-item:hover{transform:scale(1.005)}.support-box{border-radius:10px;padding:20px;transform:none}.support-links{flex-direction:column;gap:12px}.support-link{border-radius:8px;transform:none}.support-link:hover{transform:scale(1.02)}}@media (max-width:480px){.docs-main{padding:10px}.docs-container{gap:15px}.toc-card{padding:12px}.toc-nav{gap:6px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.toc-item{font-size:11px;padding:6px 8px}.section-card{padding:15px}.section-card h2{font-size:24px}.section-card h3{font-size:18px}.section-card p{font-size:14px}.hero-icon{font-size:40px}.hero-description{font-size:14px}.benefit-item{padding:12px}.benefit-icon{font-size:24px}.benefit-item h4{font-size:16px}.benefit-item p{font-size:13px}.feature-item{padding:15px}.feature-icon{font-size:28px}.feature-item h3{font-size:18px}.feature-item p{font-size:14px}.step-item{padding:12px}.step-number{font-size:18px;height:35px;width:35px}.step-content h3{font-size:16px}.step-content p{font-size:14px}.tutorial-step{padding:15px}.tutorial-step h3{font-size:18px}.code-block{padding:12px}.code-block code{font-size:12px}.info-box,.warning-box{padding:12px}.personality-section{padding:15px}.field-guide h4{font-size:16px}.management-item{padding:15px}.faq-item{padding:12px}.faq-item h3{font-size:16px}.trouble-item{padding:15px}.trouble-item h3{font-size:16px}.support-box{padding:15px}.support-box h3{font-size:20px}.support-link{font-size:14px;padding:10px 16px}}@media (max-width:768px){.support-link,.toc-item{align-items:center;display:flex;justify-content:center;min-height:44px}}@media (max-width:768px) and (orientation:landscape){.docs-main{padding:10px 15px}.toc-nav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}html{scroll-behavior:smooth}.support-link:focus,.toc-item:focus{outline:2px solid var(--text-accent);outline-offset:2px}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}body,html{-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}:root{--bg-primary:#eafff5;--bg-secondary:#fff;--bg-accent:#a6f0c6;--text-primary:#2d5a3d;--text-secondary:#4a7c59;--text-accent:#1a4d2e;--border-color:#a6f0c6;--shadow-color:#a6f0c64d;--hover-color:#8ee5b5}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-accent:#8a7cff;--text-primary:#f0f0ff;--text-secondary:#d4d4e8;--text-accent:#b8a9ff;--border-color:#8a7cff;--shadow-color:#8a7cff66;--hover-color:#a594ff}*{box-sizing:border-box}body{background:#eafff5;background:var(--bg-primary);color:#2d5a3d;color:var(--text-primary);font-family:Kalam,cursive,sans-serif;line-height:1.6;margin:0;position:relative;transition:all .3s ease}body:before{background-image:radial-gradient(circle at 20% 80%,#a6f0c64d 2px,#0000 0),radial-gradient(circle at 80% 20%,#a6f0c64d 2px,#0000 0),radial-gradient(circle at 40% 40%,#a6f0c64d 1px,#0000 0);background-image:radial-gradient(circle at 20% 80%,var(--shadow-color) 2px,#0000 2px),radial-gradient(circle at 80% 20%,var(--shadow-color) 2px,#0000 2px),radial-gradient(circle at 40% 40%,var(--shadow-color) 1px,#0000 1px);background-size:100px 100px,150px 150px,80px 80px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.doodle-border{border:3px solid #a6f0c6;border:3px solid var(--border-color);border-radius:15px 25px 20px 30px;position:relative}.doodle-border:before{border:2px dashed #a6f0c6;border:2px dashed var(--border-color);border-radius:20px 30px 25px 35px;bottom:-2px;content:"";left:-2px;opacity:.5;position:absolute;right:-2px;top:-2px;z-index:-1}.wavy-underline{display:inline-block;position:relative}.wavy-underline:after{background:repeating-linear-gradient(45deg,#a6f0c6,#a6f0c6 5px,#0000 0,#0000 10px);background:repeating-linear-gradient(45deg,var(--border-color),var(--border-color) 5px,#0000 5px,#0000 10px);border-radius:50px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:100%}.theme-toggle{align-items:center;background:#a6f0c6;background:var(--bg-accent);border:3px solid #a6f0c6;border:3px solid var(--border-color);border-radius:50%;box-shadow:0 4px 15px #a6f0c64d;box-shadow:0 4px 15px var(--shadow-color);cursor:pointer;display:flex;font-size:24px;height:60px;justify-content:center;position:fixed;right:20px;top:20px;transform:rotate(-5deg);transition:all .3s ease;width:60px;z-index:1000}.theme-toggle:hover{background:#8ee5b5;background:var(--hover-color);transform:rotate(5deg) scale(1.1)}.btn,button{background:#a6f0c6;background:var(--bg-accent);border:3px solid #a6f0c6;border:3px solid var(--border-color);border-radius:15px 25px 20px 30px;box-shadow:0 4px 10px #a6f0c64d;box-shadow:0 4px 10px var(--shadow-color);color:#1a4d2e;color:var(--text-accent);cursor:pointer;font-family:Kalam,cursive;font-size:16px;font-weight:500;padding:10px 20px;position:relative;transform:rotate(-1deg);transition:all .3s ease}.btn:hover,button:hover{background:#8ee5b5;background:var(--hover-color);box-shadow:0 6px 20px #a6f0c64d;box-shadow:0 6px 20px var(--shadow-color);transform:rotate(1deg) translateY(-2px)}.btn:active,button:active{box-shadow:0 2px 5px #a6f0c64d;box-shadow:0 2px 5px var(--shadow-color);transform:rotate(-1deg) translateY(1px)}input,textarea{background:#fff;background:var(--bg-secondary);border:3px dashed #a6f0c6;border:3px dashed var(--border-color);border-radius:10px 15px 12px 18px;color:#2d5a3d;color:var(--text-primary);font-family:Kalam,cursive;font-size:16px;outline:none;padding:12px 15px;transition:all .3s ease}input:focus,textarea:focus{border-color:#8ee5b5;border-color:var(--hover-color);border-style:solid;box-shadow:0 0 15px #a6f0c64d;box-shadow:0 0 15px var(--shadow-color);transform:scale(1.02)}a{color:#1a4d2e;color:var(--text-accent);font-weight:500;position:relative;text-decoration:none}a:after{background:#a6f0c6;background:var(--border-color);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}a:hover:after{width:100%}@keyframes doodle-bounce{0%,20%,50%,80%,to{transform:translateY(0) rotate(0deg)}40%{transform:translateY(-10px) rotate(5deg)}60%{transform:translateY(-5px) rotate(-3deg)}}.loading{animation:doodle-bounce 2s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.doodle-loading-spinner{display:inline-block}@media (max-width:768px){body{font-size:14px;line-height:1.5}.theme-toggle{font-size:20px;height:50px;right:15px;top:15px;transform:none;width:50px}.theme-toggle:hover{transform:scale(1.05)}.btn,button{border-radius:12px;font-size:14px;min-height:44px;padding:8px 16px;transform:none}.btn:hover,button:hover{transform:translateY(-1px) scale(1.02)}.btn:active,button:active{transform:translateY(0)}input,textarea{border-radius:8px;font-size:16px;min-height:44px;padding:10px 12px;transform:none}input:focus,textarea:focus{transform:scale(1.01)}.doodle-border{border-radius:12px}.doodle-border:before{border-radius:15px}}@media (max-width:480px){body{font-size:13px}.theme-toggle{font-size:18px;height:45px;right:10px;top:10px;width:45px}.btn,button{border-radius:10px;font-size:13px;padding:6px 12px}input,textarea{border-radius:6px;font-size:16px;padding:8px 10px}}@media (max-width:768px){.btn,.theme-toggle,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.btn,.theme-toggle,.theme-toggle:hover,button{transform:none!important}.btn,button{https://host.mystiq.fun/server/1bca3a33/files#/client/src}.btn:hover,button:hover{transform:none!important}}
/*# sourceMappingURL=main.f05a6ba4.css.map*/