.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.modal-content-scroll{scrollbar-width:none;-ms-overflow-style:none}.modal-content-scroll::-webkit-scrollbar{display:none}.admin-layout{min-height:100vh;background:#f8fafc;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-header{background:#fff;border-bottom:2px solid #e2e8f0}.admin-header-content{padding:0 24px}.admin-title{font-size:24px;font-weight:800;color:#1e293b;gap:12px}.admin-title-icon{width:28px;height:28px;color:#10b981}.admin-user-section{gap:16px}.admin-user-avatar{border:3px solid #10b981}.admin-user-name{font-size:14px;font-weight:700;color:#1e293b;margin:0}.admin-user-email{font-size:12px;color:#64748b;margin:0}.admin-role-badge{background:#10b981;color:#fff;padding:6px 14px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:2px solid #059669;box-shadow:0 2px 0 #059669}.admin-logout-btn{background:#fff;border:2px solid #e2e8f0;color:#475569;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;box-shadow:0 2px 0 #e2e8f0}.admin-logout-btn:active{transform:translateY(2px);box-shadow:0 0 0 #e2e8f0}.admin-nav{background:#fff;border-bottom:2px solid #f1f5f9}.admin-nav-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:4px}.admin-nav-link{display:flex;align-items:center;gap:8px;padding:16px 20px;color:#64748b;text-decoration:none;font-weight:600;font-size:14px;border-bottom:3px solid transparent;position:relative}.admin-nav-link.active{color:#10b981;border-bottom-color:#10b981;background:#f0fdf4}.admin-nav-icon{width:18px;height:18px}.admin-main{max-width:1200px;margin:0 auto;padding:32px 24px}.admin-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 8px rgba(16,185,129,.08);padding:24px;margin-bottom:24px;transform:translateY(0)}.admin-card-header{display:flex;align-items:center;justify-content:between;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.admin-card-title{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px}.admin-card-icon{width:20px;height:20px;color:#10b981}.admin-content{max-width:1200px;margin:0 auto;padding:32px 24px}.admin-content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.admin-content-title{font-size:28px;font-weight:700;color:#1f2937;margin:0}.admin-form-card{margin-bottom:32px}.admin-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px}.admin-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:24px;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 16px rgba(0,0,0,.04);transition:all .2s ease}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.admin-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-stat-icon{width:32px;height:32px;padding:8px;border-radius:8px;color:#fff}.admin-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.admin-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.admin-stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-stat-icon.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.admin-stat-value{font-size:28px;font-weight:800;color:#1f2937;margin:0}.admin-stat-label{color:#6b7280;font-weight:500;margin:4px 0 0}.admin-btn{gap:8px;padding:12px 24px;border-radius:12px;font-size:14px;background:#10b981;color:#fff;border:2px solid #059669;box-shadow:0 4px 0 #059669;transform:translateY(0)}.admin-btn:active{transform:translateY(4px);box-shadow:0 0 0 #059669}.admin-btn-primary{background:#10b981;border:2px solid #059669;box-shadow:0 4px 0 #059669}.admin-btn-primary:active{transform:translateY(4px);box-shadow:0 0 0 #059669}.admin-btn-secondary{background:#64748b;border:2px solid #475569;box-shadow:0 4px 0 #475569}.admin-btn-secondary:active{transform:translateY(4px);box-shadow:0 0 0 #475569}.admin-btn-danger{background:#ef4444;border:2px solid #dc2626;box-shadow:0 4px 0 #dc2626}.admin-btn-danger:active{transform:translateY(4px);box-shadow:0 0 0 #dc2626}.admin-btn-icon{width:16px;height:16px}.btn-compact.btn-base{padding:6px 12px!important;font-size:12px!important;font-weight:500!important;border-radius:6px!important}.btn-compact.btn-sm{padding:4px 8px!important;font-size:11px!important}.admin-table-container{background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 16px rgba(0,0,0,.04)}.admin-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table th{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:16px;font-weight:700;color:#374151;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.admin-table td{padding:16px;border-bottom:1px solid #f3f4f6;color:#374151}.admin-table tr:hover{background:rgba(59,130,246,.02)}.admin-status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-status-badge.active{background:rgba(16,185,129,.1);color:#059669}.admin-status-badge.inactive{background:rgba(239,68,68,.1);color:#dc2626}.admin-table-actions{display:flex;gap:8px;align-items:center}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;cursor:pointer;background:#f8fafc;color:#64748b;border:2px solid #e2e8f0;box-shadow:0 2px 0 #e2e8f0;transform:translateY(0)}.admin-action-btn:active{transform:translateY(2px);box-shadow:0 0 0 #e2e8f0}.admin-action-btn svg{width:16px;height:16px}.admin-action-btn-edit{background:#ecfdf5;color:#10b981;border:2px solid #10b981;box-shadow:0 2px 0 #10b981}.admin-action-btn-edit:active{transform:translateY(2px);box-shadow:0 0 0 #10b981}.admin-action-btn-delete{background:#fef2f2;color:#ef4444;border:2px solid #ef4444;box-shadow:0 2px 0 #ef4444}.admin-action-btn-delete:active{transform:translateY(2px);box-shadow:0 0 0 #ef4444}.admin-action-btn-play{background:#ecfdf5;color:#10b981;border:2px solid #10b981;box-shadow:0 2px 0 #10b981}.admin-action-btn-play:active{transform:translateY(2px);box-shadow:0 0 0 #10b981}.admin-action-btn-pause{background:#fffbeb;color:#f59e0b;border:2px solid #f59e0b;box-shadow:0 2px 0 #f59e0b}.admin-action-btn-pause:active{transform:translateY(2px);box-shadow:0 0 0 #f59e0b}.admin-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-status.active{background:rgba(16,185,129,.1);color:#059669}.admin-status.inactive{background:rgba(239,68,68,.1);color:#dc2626}.admin-code{background:#f3f4f6;color:#374151;padding:4px 8px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:12px}.admin-table-primary{font-weight:600;color:#1f2937}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.admin-empty-icon{width:64px;height:64px;color:#d1d5db;margin-bottom:16px}.admin-empty-state h3{font-size:18px;font-weight:600;color:#374151;margin:0 0 8px}.admin-empty-state p{color:#6b7280;margin:0}.admin-loading{padding:48px}.admin-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;animation:spin 1s linear infinite}.admin-spinner-small{width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.admin-header-content{padding:0 16px;height:56px}.admin-title{font-size:20px}.admin-nav-content{padding:0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-main{padding:20px 16px}.admin-stats-grid{grid-template-columns:1fr}.admin-user-info{display:none}}@media (prefers-color-scheme:dark){.admin-layout{background:linear-gradient(135deg,#1f2937,#111827)}.admin-header{background:rgba(31,41,55,.95);border-bottom:1px solid hsla(0,0%,100%,.1)}.admin-title{color:#f9fafb}.admin-card{background:rgba(31,41,55,.95);border:1px solid hsla(0,0%,100%,.1)}.admin-card-title{color:#f9fafb}}.admin-form{margin-top:24px}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.admin-form-group-full{grid-column:1/-1}.admin-form-label{display:block;margin-bottom:8px;color:#374151;font-size:14px}.admin-form-input,.admin-form-textarea,.admin-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s;background:#fff}.admin-form-input:focus,.admin-form-textarea:focus,.admin-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.admin-form-help{margin-top:4px;color:#6b7280;font-size:14px}.admin-form-actions{display:flex;gap:12px;margin-top:32px}.admin-form-actions-full{justify-content:center}.admin-form-switches{display:flex;flex-direction:column;gap:24px}.admin-form-switch-group{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb}.admin-form-switch-group:last-child{border-bottom:none}.admin-form-switch-info{flex:1 1}.admin-switch{position:relative;display:inline-block;width:54px;height:28px}.admin-switch input{opacity:0;width:0;height:0}.admin-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.admin-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.admin-switch input:checked+.admin-switch-slider{background-color:#3b82f6}.admin-switch input:checked+.admin-switch-slider:before{transform:translateX(26px)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-bottom:32px}.admin-stat-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 4px 8px rgba(16,185,129,.1);position:relative;transform:translateY(0)}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#10b981}.admin-stat-value{font-size:2.5rem;font-weight:700;color:#10b981;margin-bottom:8px}.admin-stat-label{color:#64748b;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.admin-charts-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:24px;gap:24px;margin-bottom:32px}.admin-chart-card{min-height:300px}.admin-simple-chart{display:flex;align-items:end;gap:8px;height:200px;margin-top:24px;padding:0 16px}.admin-chart-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:8px}.admin-chart-bar-fill{width:100%;background:linear-gradient(0deg,#3b82f6,#60a5fa);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s}.admin-chart-bar-label{font-size:12px;color:#6b7280;text-align:center}.admin-device-stats{display:flex;flex-direction:column;gap:16px;margin-top:24px}.admin-device-stat{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px}.admin-device-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-device-icon svg{width:24px;height:24px}.admin-device-ios{background:linear-gradient(135deg,#000,#333);color:#fff}.admin-device-android{background:linear-gradient(135deg,#3ddc84,#00d084);color:#fff}.admin-device-other{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.admin-device-details{flex:1 1}.admin-device-name{font-weight:600;color:#1f2937}.admin-device-count{font-size:18px;font-weight:700;color:#3b82f6}.admin-rank{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;font-weight:700;font-size:14px}.admin-progress-bar{width:100px;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.admin-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;transition:width .3s}.admin-action-buttons{display:flex;gap:16px;flex-wrap:wrap}.admin-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.admin-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.admin-btn-large{padding:16px 32px;font-size:16px}.admin-message{padding:12px 16px;border-radius:8px;font-weight:500;margin-bottom:24px}.admin-message-success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.admin-message-error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.admin-date-range{display:flex;align-items:center}@media (max-width:768px){.admin-charts-grid,.admin-form-grid,.admin-stats-grid{grid-template-columns:1fr}.admin-action-buttons{flex-direction:column}}:root{--admin-primary:#10b981;--admin-primary-dark:#059669;--admin-primary-light:#34d399;--admin-secondary:#3b82f6;--admin-accent:#f59e0b;--admin-danger:#ef4444;--admin-warning:#f59e0b;--admin-success:#10b981;--admin-info:#3b82f6;--admin-bg-primary:#fff;--admin-bg-secondary:#f8fafc;--admin-bg-tertiary:#f1f5f9;--admin-bg-muted:#e2e8f0;--admin-text-primary:#1e293b;--admin-text-secondary:#475569;--admin-text-muted:#64748b;--admin-text-light:#94a3b8;--admin-border-light:#e2e8f0;--admin-border-medium:#cbd5e1;--admin-border-strong:#94a3b8;--admin-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--admin-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--admin-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--admin-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--admin-space-1:0.125rem;--admin-space-2:0.25rem;--admin-space-3:0.375rem;--admin-space-4:0.5rem;--admin-space-5:0.625rem;--admin-space-6:0.75rem;--admin-space-8:1rem;--admin-space-10:1.25rem;--admin-space-12:1.5rem;--admin-space-16:2rem;--admin-space-20:2.5rem;--admin-space-24:3rem;--admin-space-32:4rem;--admin-radius-sm:0.375rem;--admin-radius-md:0.5rem;--admin-radius-lg:0.75rem;--admin-radius-xl:1rem;--admin-font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--admin-font-size-xs:0.75rem;--admin-font-size-sm:0.875rem;--admin-font-size-base:1rem;--admin-font-size-lg:1.125rem;--admin-font-size-xl:1.25rem;--admin-font-size-2xl:1.5rem;--admin-font-size-3xl:1.875rem;--admin-font-size-4xl:2.25rem;--admin-transition:all 0.2s ease-in-out}.admin-header{background:var(--admin-bg-primary);border-bottom:2px solid var(--admin-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--admin-shadow-sm)}.admin-header-content{max-width:1200px;margin:0 auto;padding:0 var(--admin-space-24);display:flex;justify-content:space-between;align-items:center;height:70px}.admin-title{font-size:var(--admin-font-size-2xl);font-weight:700;color:var(--admin-text-primary);margin:0;display:flex;align-items:center;gap:var(--admin-space-12);transition:var(--admin-transition)}.admin-title-icon,.admin-title:hover{color:var(--admin-primary)}.admin-title-icon{width:32px;height:32px}.admin-user-section{display:flex;align-items:center;gap:var(--admin-space-16)}.admin-user-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--admin-space-2)}.admin-user-name{font-size:var(--admin-font-size-sm);font-weight:600;color:var(--admin-text-primary)}.admin-user-email{font-size:var(--admin-font-size-xs);color:var(--admin-text-muted)}.admin-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--admin-border-light)}.admin-user-avatar-fallback{background:var(--admin-bg-tertiary);color:var(--admin-text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--admin-font-size-lg)}.admin-dropdown{position:relative}.admin-dropdown-trigger{background:none;border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-md);padding:var(--admin-space-8);color:var(--admin-text-secondary);cursor:pointer;transition:var(--admin-transition);width:36px;height:36px;display:flex;align-items:center;justify-content:center}.admin-dropdown-trigger:hover{background:var(--admin-bg-tertiary);color:var(--admin-text-primary)}.admin-dropdown-menu{position:absolute;top:calc(100% + var(--admin-space-4));right:0;background:var(--admin-bg-primary);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-lg);min-width:160px;z-index:1000}.admin-dropdown-item{width:100%;background:none;border:none;padding:var(--admin-space-12) var(--admin-space-16);text-align:left;color:var(--admin-text-secondary);font-size:var(--admin-font-size-sm);cursor:pointer;transition:var(--admin-transition);display:flex;align-items:center;gap:var(--admin-space-8)}.admin-dropdown-item:hover{background:var(--admin-bg-tertiary);color:var(--admin-text-primary)}.admin-dropdown-item:first-child{border-top-left-radius:var(--admin-radius-lg);border-top-right-radius:var(--admin-radius-lg)}.admin-dropdown-item:last-child{border-bottom-left-radius:var(--admin-radius-lg);border-bottom-right-radius:var(--admin-radius-lg)}.admin-container{max-width:1200px;margin:0 auto;padding:var(--admin-space-24) var(--admin-space-8);background:var(--admin-bg-secondary);min-height:100vh}.admin-page-header{background:var(--admin-bg-primary);border-radius:var(--admin-radius-xl);padding:var(--admin-space-24);margin-bottom:var(--admin-space-24);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border-light)}.admin-page-title{font-size:var(--admin-font-size-3xl);font-weight:700;color:var(--admin-text-primary);margin:0 0 var(--admin-space-8) 0;display:flex;align-items:center;gap:var(--admin-space-12)}.admin-page-title-icon{width:40px;height:40px;color:var(--admin-primary)}.admin-page-subtitle{font-size:var(--admin-font-size-lg);color:var(--admin-text-secondary);margin:0;line-height:1.6}.admin-card{background:var(--admin-bg-primary);border-radius:var(--admin-radius-xl);padding:var(--admin-space-24);margin-bottom:var(--admin-space-24);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-border-light);transition:var(--admin-transition)}.admin-card:hover{box-shadow:var(--admin-shadow-md)}.admin-card-header{margin-bottom:var(--admin-space-20);padding-bottom:var(--admin-space-16);border-bottom:1px solid var(--admin-border-light)}.admin-card-title{font-size:var(--admin-font-size-xl);font-weight:600;color:var(--admin-text-primary);margin:0 0 var(--admin-space-4) 0}.admin-card-description{font-size:var(--admin-font-size-sm);color:var(--admin-text-muted);margin:0;line-height:1.5}.admin-card-content{position:relative}.admin-card-footer{margin-top:var(--admin-space-20);padding-top:var(--admin-space-16);border-top:1px solid var(--admin-border-light);display:flex;justify-content:space-between;align-items:center}.admin-form{gap:var(--admin-space-16)}.admin-form,.admin-form-group{display:flex;flex-direction:column}.admin-form-group{gap:var(--admin-space-6)}.admin-form-label{font-size:var(--admin-font-size-sm);font-weight:600;color:var(--admin-text-primary);margin:0}.admin-form-input,.admin-form-select,.admin-form-textarea{padding:var(--admin-space-12) var(--admin-space-16);border:1px solid var(--admin-border-medium);border-radius:var(--admin-radius-lg);font-size:var(--admin-font-size-base);font-family:var(--admin-font-family);background:var(--admin-bg-primary);color:var(--admin-text-primary);transition:var(--admin-transition)}.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.admin-form-textarea{resize:vertical;min-height:100px}.admin-form-help{color:var(--admin-text-muted)}.admin-form-error,.admin-form-help{font-size:var(--admin-font-size-xs);margin:0}.admin-form-error{color:var(--admin-danger)}.admin-input-error{border-color:var(--admin-danger)!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--admin-space-6);padding:var(--admin-space-12) var(--admin-space-20);border:none;border-radius:var(--admin-radius-lg);font-size:var(--admin-font-size-sm);font-weight:600;font-family:var(--admin-font-family);text-decoration:none;cursor:pointer;transition:var(--admin-transition);min-height:44px}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:var(--admin-primary);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--admin-primary-dark)}.admin-btn-secondary{background:var(--admin-bg-tertiary);color:var(--admin-text-primary);border:1px solid var(--admin-border-medium)}.admin-btn-secondary:hover:not(:disabled){background:var(--admin-bg-muted)}.admin-btn-danger{background:var(--admin-danger);color:#fff}.admin-btn-danger:hover:not(:disabled){background:#dc2626}.admin-btn-ghost{background:transparent;color:var(--admin-text-secondary);border:1px solid transparent}.admin-btn-ghost:hover:not(:disabled){background:var(--admin-bg-tertiary)}.admin-btn-sm{padding:var(--admin-space-8) var(--admin-space-16);font-size:var(--admin-font-size-xs);min-height:36px}.admin-btn-lg{padding:var(--admin-space-16) var(--admin-space-24);font-size:var(--admin-font-size-lg);min-height:52px}.admin-table-container{overflow-x:auto;border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);background:var(--admin-bg-primary)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--admin-bg-tertiary);text-align:left;font-weight:600;color:var(--admin-text-primary);border-bottom:1px solid var(--admin-border-medium)}.admin-table td,.admin-table th{padding:var(--admin-space-16) var(--admin-space-20);font-size:var(--admin-font-size-sm)}.admin-table td{border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-secondary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--admin-bg-secondary)}.admin-loading{display:flex;align-items:center;justify-content:center;padding:var(--admin-space-32);color:var(--admin-text-muted)}.admin-spinner{width:24px;height:24px;border:2px solid var(--admin-border-light);border-top-color:var(--admin-primary);border-radius:50%;animation:admin-spin 1s linear infinite}@keyframes admin-spin{to{transform:rotate(1turn)}}.admin-badge{display:inline-flex;align-items:center;padding:var(--admin-space-4) var(--admin-space-8);border-radius:var(--admin-radius-md);font-size:var(--admin-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-badge-success{background:rgba(16,185,129,.1);color:var(--admin-success)}.admin-badge-danger{background:rgba(239,68,68,.1);color:var(--admin-danger)}.admin-badge-warning{background:rgba(245,158,11,.1);color:var(--admin-warning)}.admin-badge-info{background:rgba(59,130,246,.1);color:var(--admin-info)}.admin-alert{padding:var(--admin-space-16);border-radius:var(--admin-radius-lg);margin-bottom:var(--admin-space-16);display:flex;align-items:flex-start;gap:var(--admin-space-12)}.admin-alert-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:var(--admin-success)}.admin-alert-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:var(--admin-danger)}.admin-alert-warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:var(--admin-warning)}.admin-alert-info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);color:var(--admin-info)}.admin-grid{display:grid;grid-gap:var(--admin-space-24);gap:var(--admin-space-24)}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}.admin-flex{display:flex}.admin-flex-col{display:flex;flex-direction:column}.admin-flex-between{display:flex;justify-content:space-between;align-items:center}.admin-flex-center{display:flex;justify-content:center;align-items:center}.admin-flex-end{display:flex;justify-content:flex-end;align-items:center}.admin-mb-0{margin-bottom:0}.admin-mb-1{margin-bottom:var(--admin-space-4)}.admin-mb-2{margin-bottom:var(--admin-space-8)}.admin-mb-3{margin-bottom:var(--admin-space-12)}.admin-mb-4{margin-bottom:var(--admin-space-16)}.admin-mb-5{margin-bottom:var(--admin-space-20)}.admin-mb-6{margin-bottom:var(--admin-space-24)}.admin-mt-0{margin-top:0}.admin-mt-1{margin-top:var(--admin-space-4)}.admin-mt-2{margin-top:var(--admin-space-8)}.admin-mt-3{margin-top:var(--admin-space-12)}.admin-mt-4{margin-top:var(--admin-space-16)}.admin-mt-5{margin-top:var(--admin-space-20)}.admin-mt-6{margin-top:var(--admin-space-24)}.admin-text-center{text-align:center}.admin-text-right{text-align:right}.admin-text-primary{color:var(--admin-text-primary)}.admin-text-secondary{color:var(--admin-text-secondary)}.admin-text-muted{color:var(--admin-text-muted)}.admin-text-success{color:var(--admin-success)}.admin-text-danger{color:var(--admin-danger)}.admin-text-warning{color:var(--admin-warning)}@media (max-width:1024px){.admin-container{padding:var(--admin-space-16) var(--admin-space-6)}.admin-card,.admin-page-header{padding:var(--admin-space-16)}.admin-page-title{font-size:var(--admin-font-size-2xl)}.admin-grid-2,.admin-grid-3,.admin-grid-4{grid-template-columns:1fr}.admin-header-content{padding:0 var(--admin-space-16)}.admin-user-info{display:none}}@media (max-width:768px){.admin-container{padding:var(--admin-space-12) var(--admin-space-4)}.admin-card,.admin-page-header{padding:var(--admin-space-12);margin-bottom:var(--admin-space-16)}.admin-page-title{font-size:var(--admin-font-size-xl);flex-direction:column;text-align:center;gap:var(--admin-space-8)}.admin-card-footer,.admin-flex-between{flex-direction:column;gap:var(--admin-space-12);align-items:stretch}.admin-table-container{font-size:var(--admin-font-size-sm)}.admin-table td,.admin-table th{padding:var(--admin-space-8) var(--admin-space-12)}.admin-btn{width:100%;justify-content:center}.admin-header-content{padding:0 var(--admin-space-12);height:60px}.admin-title{font-size:var(--admin-font-size-lg)}.admin-title-icon{width:24px;height:24px}.admin-user-section{gap:var(--admin-space-8)}.admin-user-avatar{width:32px;height:32px}}.admin-btn:focus,.admin-form-input:focus,.admin-form-select:focus,.admin-form-textarea:focus{outline:2px solid var(--admin-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.admin-btn,.admin-card,.admin-form-input,.admin-form-select,.admin-form-textarea{border-width:2px}}#kopsoz-directions .ks{--paper:#fff;--ink:#20292b;--sub:#626b69;--line:#e1e3dc;--soft:#f0f3ec;--accent:#076d59;--accent-ink:#fff;--round:22px;background:var(--paper);color:var(--ink);font:15px/1.6 Nunito,sans-serif;min-height:1040px;padding:0 5%;box-sizing:border-box;position:relative;isolation:isolate}#kopsoz-directions .ks *{box-sizing:border-box}#kopsoz-directions .ks h1,#kopsoz-directions .ks h2,#kopsoz-directions .ks h3,#kopsoz-directions .ks p{margin:0}#kopsoz-directions .ks h1{font-size:clamp(36px,4.9vw,57px);line-height:1.07;letter-spacing:-1.9px;font-weight:900;margin:17px 0 22px}#kopsoz-directions .ks h2{font-size:30px;line-height:1.18;letter-spacing:-.8px;font-weight:900;margin:12px 0}#kopsoz-directions .ks h3{font-size:21px;line-height:1.25;font-weight:800;margin:10px 0}#kopsoz-directions .ks p{color:var(--sub);font-size:16px;line-height:1.7}#kopsoz-directions .ks em{font-style:normal;color:var(--accent)}#kopsoz-directions .ks a,#kopsoz-directions .ks button{font:inherit;-webkit-tap-highlight-color:transparent}#kopsoz-directions .ks a.small,#kopsoz-directions .ks button{color:inherit}#kopsoz-directions .ks a.primary,#kopsoz-directions .ks a.small{text-decoration:none}#kopsoz-directions .ks a:focus-visible,#kopsoz-directions .ks button:focus-visible,#kopsoz-directions .ks summary:focus-visible{outline:3px solid #419ad5;outline-offset:4px}#kopsoz-directions .ks header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}#kopsoz-directions .brand{font-weight:900;font-size:29px;letter-spacing:-1.3px;white-space:nowrap}#kopsoz-directions .brand-dot{color:var(--accent);font-size:15px;margin-left:3px}#kopsoz-directions nav{display:flex;gap:25px;margin-left:auto}#kopsoz-directions nav a{color:var(--sub);text-decoration:none;font-size:13px;font-weight:800}#kopsoz-directions .ks button{border:0;background:transparent}#kopsoz-directions .ks .small{border:1px solid var(--line);padding:9px 16px;border-radius:11px;font-size:13px;font-weight:800}#kopsoz-directions .ks .primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:var(--accent-ink);padding:15px 23px;border-radius:13px;font-weight:900;font-size:15px;box-shadow:0 4px 0 color-mix(in srgb,var(--accent),#000 30%);margin-top:25px;min-height:48px}#kopsoz-directions .ks .primary:active{transform:translateY(3px);box-shadow:none}#kopsoz-directions .eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:900;color:var(--sub)}#kopsoz-directions .quiet{font-size:12px;color:var(--sub);margin-top:17px}#kopsoz-directions .split{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;grid-gap:5%;gap:5%}#kopsoz-directions .hero{min-height:490px;padding:42px 0}#kopsoz-directions .mascot-stage{position:relative;height:385px}#kopsoz-directions .sun-disc{position:absolute;width:92%;height:85%;top:12%;left:6%;border-radius:50%;background:#f7dda2}#kopsoz-directions .bear{position:absolute;height:345px;width:90%;object-fit:contain;bottom:0;left:5%;filter:drop-shadow(0 15px 7px #0000000c)}#kopsoz-directions .speech{position:absolute;z-index:2;top:5px;left:0;transform:rotate(-7deg);background:var(--paper);border:2px solid var(--ink);border-radius:20px 20px 20px 0;padding:10px 22px;font-size:25px;font-weight:900}#kopsoz-directions .speech small{display:block;font-size:12px;font-weight:600;color:var(--sub)}#kopsoz-directions .sticker{position:absolute;right:-4%;bottom:18px;transform:rotate(8deg);background:#076d59;color:#fff;padding:13px 18px;border-radius:8px;font-weight:800;line-height:1.4;font-size:13px}#kopsoz-directions .review-ribbon{padding:8px 0;scroll-margin-top:104px}#kopsoz-directions .review-rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;width:100vw;margin-left:calc(50% - 50vw)}#kopsoz-directions .review-rail::-webkit-scrollbar{display:none}#kopsoz-directions .review-rail:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#kopsoz-directions .review-group{display:flex;flex:none;gap:12px;padding-right:12px}#kopsoz-directions .review-ribbon figure{flex:0 0 clamp(320px,42vw,560px);width:clamp(320px,42vw,560px);margin:0;padding:6px 12px;border:0;border-radius:16px;background:#fdfaf7;text-align:center}#kopsoz-directions .review-ribbon blockquote{display:flex;align-items:center;justify-content:center;min-height:0;margin:0 0 2px;font-size:14px;font-weight:800;line-height:18px}#kopsoz-directions .review-ribbon figcaption{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px;line-height:16px;font-weight:800;color:var(--accent)}#kopsoz-directions .review-ribbon-age,#kopsoz-directions .review-ribbon-platform{color:var(--sub);font-weight:600}#kopsoz-directions .review-ribbon-stars{color:#93670a;letter-spacing:1px}#kopsoz-directions .lower{padding:46px 0}#kopsoz-directions .lesson{border:solid var(--line);border-width:2px 2px 5px;border-radius:var(--round);padding:23px;background:var(--paper)}#kopsoz-directions .lesson-top{font-size:10px;color:var(--sub);font-weight:900;letter-spacing:1px;display:flex;justify-content:space-between}#kopsoz-directions .lesson h3{margin:20px 0}#kopsoz-directions .answers{display:flex;gap:8px;flex-wrap:wrap}#kopsoz-directions .answers button{flex:1 1;padding:10px;border:solid var(--line);border-width:2px 2px 4px;border-radius:11px;min-width:75px;font-weight:800}#kopsoz-directions .answers button[data-result=correct]{background:#e3f3d6;color:#326c21;border-color:#8cb663}#kopsoz-directions .answers button[data-result=retry]{background:#fff0dc;color:#814b17;border-color:#deaf70}#kopsoz-directions .feedback{font-size:12px;color:var(--sub);min-height:22px;margin-top:14px}#kopsoz-directions footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:23px 0;border-top:1px solid var(--line);color:var(--sub);font-size:11px;letter-spacing:.3px}#kopsoz-directions .first{--accent:#ed694c;--paper:#f8f9fd;font-family:Manrope,sans-serif}#kopsoz-directions .center-hero{text-align:center;padding:35px 0 33px}#kopsoz-directions .giant-word{font-size:clamp(70px,12vw,137px);font-weight:800;line-height:1.15;letter-spacing:-8px;margin:8px 0}#kopsoz-directions .phrase-demo{background:#edeefa;border-radius:var(--round);display:flex;align-items:center;justify-content:space-between;padding:25px 33px}#kopsoz-directions .round{width:55px;height:55px;flex-shrink:0;border:1px solid var(--line)!important;border-radius:50%;font-size:25px!important;background:var(--paper)!important}#kopsoz-directions .three-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px;padding:38px 0}#kopsoz-directions .step-no{color:#c05842;font-size:12px;font-weight:800}#kopsoz-directions .journal{--accent:#286549;--paper:#fffefb}#kopsoz-directions .feature-story{padding:20px 0 30px;min-height:343px}#kopsoz-directions .text-action{font-weight:900!important;padding:10px 0!important;font-size:14px!important;margin-top:12px}#kopsoz-directions .editorial-art{height:310px;background:#93bdac;border-radius:var(--round);position:relative;padding:25px;overflow:hidden}#kopsoz-directions .word-card{position:absolute;box-shadow:0 7px 0 #173f2822;border-radius:12px;font-size:31px;font-weight:900;line-height:1.2;padding:14px 22px;color:#25382e}#kopsoz-directions .word-a{background:#fff7df;top:30px;left:25px;transform:rotate(-8deg)}#kopsoz-directions .word-b{background:#f5ca68;top:104px;right:20px;transform:rotate(7deg)}#kopsoz-directions .word-c{background:#e7efe8;top:174px;left:35px;transform:rotate(-3deg)}#kopsoz-directions .art-caption{position:absolute;bottom:13px;right:20px;font-size:11px;line-height:1.2;color:#173d2a;font-weight:800}#kopsoz-directions .section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}#kopsoz-directions .section-heading h2{font-size:24px}#kopsoz-directions .section-heading>span{font-size:9px;letter-spacing:1.3px;color:var(--sub)}#kopsoz-directions .story-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}#kopsoz-directions .cover{height:130px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:14px}#kopsoz-directions .read-more{font-size:12px;font-weight:800;color:#286549}#kopsoz-directions .quest{--accent:#6950bd;--soft:#f1edf9;--paper:#fffdfb}#kopsoz-directions .map-title{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:900}#kopsoz-directions .map-route{height:305px;position:relative}#kopsoz-directions .node{position:absolute;width:64px;height:60px;border-radius:50%;background:var(--accent)!important;color:#fff!important;box-shadow:0 6px 0 #463286;font-size:23px!important;font-weight:900!important;z-index:2}#kopsoz-directions .n1{top:20px;left:10%}#kopsoz-directions .n2{top:112px;left:48%}#kopsoz-directions .n3{top:222px;left:15%}#kopsoz-directions .path-label{position:absolute;font-size:12px;font-weight:800}#kopsoz-directions .l1{top:38px;left:36%}#kopsoz-directions .l2{top:185px;left:42%}#kopsoz-directions .l3{top:296px;left:10%}#kopsoz-directions .map-bear{position:absolute;right:-15px;bottom:-10px;height:150px;width:115px;object-fit:contain}#kopsoz-directions .feature-symbol{width:44px;height:44px;display:grid;place-items:center;background:var(--soft);border-radius:13px;color:#6950bd}#kopsoz-directions .everyday{--accent:#a34728;--paper:#faf5eb;--soft:#eee7d8;font-family:Manrope,sans-serif}#kopsoz-directions .conversation-scene{background:#d9e5d8;border-radius:100px 100px 22px 22px;padding:45px 24px 22px;min-height:410px}#kopsoz-directions .scene-caption{font-size:8px;letter-spacing:1.4px;text-align:center;margin-bottom:24px;font-weight:800}#kopsoz-directions .bubble{padding:12px 18px;font-weight:800;font-size:16px;border-radius:17px;margin-bottom:15px;width:85%}#kopsoz-directions .incoming{background:var(--paper);border-bottom-left-radius:0}#kopsoz-directions .outgoing{background:#315e49;color:#fff;margin-left:auto;border-bottom-right-radius:0}#kopsoz-directions .scene-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:6px}#kopsoz-directions .coffee-word{font-size:28px;line-height:1;font-weight:800;letter-spacing:-1.5px}#kopsoz-directions .scene-seal{font-size:9px;border:1px solid var(--sub);border-radius:50%;width:65px;height:65px;display:grid;place-content:center;text-align:center;transform:rotate(13deg);line-height:1.4}#kopsoz-directions .topic-section{border-top:1px solid var(--line)}#kopsoz-directions .topic-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#kopsoz-directions .topic-content{display:flex;justify-content:space-between;gap:20px;align-items:center;background:var(--soft);border-radius:var(--round);padding:27px}#kopsoz-directions .topic-counter{font-size:11px;text-align:center;letter-spacing:2px;color:var(--sub)}@media(max-width:700px){#kopsoz-directions .ks{padding:0 6%;min-height:1700px}#kopsoz-directions .ks header{flex-wrap:wrap;gap:12px;padding:19px 0}#kopsoz-directions nav{display:none}#kopsoz-directions .ks .brand{font-size:25px}#kopsoz-directions .ks .small{font-size:11px;padding:9px 11px}#kopsoz-directions .split{grid-template-columns:1fr;gap:25px}#kopsoz-directions .hero{padding:35px 0;min-height:0}#kopsoz-directions .ks p{font-size:14px}#kopsoz-directions .ks .primary{font-size:13px;gap:10px;padding:14px 17px}#kopsoz-directions .mascot-stage{height:340px;max-width:380px;width:100%;margin:auto}#kopsoz-directions .bear{height:310px}#kopsoz-directions .sticker{right:0}#kopsoz-directions .lower{padding:30px 0}#kopsoz-directions .three-cols{grid-template-columns:1fr;gap:22px}#kopsoz-directions .giant-word{font-size:88px;letter-spacing:-6px;margin-top:25px}#kopsoz-directions .center-hero{padding:40px 0}#kopsoz-directions .phrase-demo{padding:22px;gap:16px}#kopsoz-directions .feature-story{padding-top:10px}#kopsoz-directions .section-heading{align-items:flex-start;flex-direction:column;gap:0}#kopsoz-directions .story-grid{grid-template-columns:1fr;gap:22px}#kopsoz-directions .cover{grid-row:1/4;height:110px;margin:0}#kopsoz-directions .conversation-scene{max-width:400px;width:100%;margin:auto}#kopsoz-directions .topic-content{padding:20px;gap:12px}#kopsoz-directions .ks footer{font-size:10px}}#kopsoz-directions .refined{min-height:0;--bubble-green:#4caf50;--bubble-blue:#2196f3}#kopsoz-directions .app-brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;line-height:1.05;flex-shrink:0}#kopsoz-directions .app-brand>img{height:52px;width:52px;border-radius:14px;border:1px solid var(--line)}#kopsoz-directions .app-brand>span{font-size:23px;font-weight:900;letter-spacing:-.8px}#kopsoz-directions .app-brand small{display:block;font-size:10px;font-weight:700;color:var(--sub);letter-spacing:.3px;margin-top:6px}#kopsoz-directions .refined nav{gap:20px}#kopsoz-directions .refined nav a{font-size:12px}#kopsoz-directions .refined .hero{padding-top:48px;padding-bottom:40px;min-height:530px}#kopsoz-directions .refined .mascot-stage{height:420px}#kopsoz-directions .refined .bear{height:340px;bottom:18px}#kopsoz-directions .refined .sun-disc{height:79%;top:12%}#kopsoz-directions .social-mini{display:flex;gap:13px;align-items:center;color:var(--sub);text-decoration:none;margin-top:25px;font-size:12px;line-height:1.5}#kopsoz-directions .social-mini strong{color:var(--ink)}#kopsoz-directions .social-mini small{font-size:11px}#kopsoz-directions :is(.social-mini,.community-proof)>span:last-child{line-height:1.1}#kopsoz-directions .mini-avatars{display:flex;padding-left:5px}#kopsoz-directions .mini-avatars>img{width:29px;height:29px;border-radius:50%;object-fit:cover;border:2px solid var(--paper);flex-shrink:0;margin-left:-5px}#kopsoz-directions .app-bubble{position:relative;isolation:isolate;min-width:0;--bubble-color:var(--bubble-green);background:transparent}#kopsoz-directions .app-bubble[data-side=right]{--bubble-color:var(--bubble-blue)}#kopsoz-directions .app-bubble canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}#kopsoz-directions .app-bubble>div{padding:13px 15px 14px 27px}#kopsoz-directions .app-bubble[data-side=right]>div{padding:13px 27px 14px 15px}#kopsoz-directions .app-bubble strong{display:block;font-size:19px;font-weight:800;line-height:1.3}#kopsoz-directions .app-bubble small{display:block;font-size:12px;color:var(--sub);margin-top:5px}#kopsoz-directions .speaker{display:block;font-size:12px;font-weight:800;color:var(--sub);margin-bottom:4px}#kopsoz-directions .hero-bubble{position:absolute;z-index:3;left:-10px;top:0;min-width:205px;border-radius:24px}#kopsoz-directions .hero-reply{position:absolute;z-index:3;right:-8px;bottom:0;border-radius:24px}#kopsoz-directions .hero-reply strong{font-size:17px}#kopsoz-directions .reels-section{padding:42px 0 30px}#kopsoz-directions .refined .section-heading{gap:25px;align-items:center;padding:0 0 24px}#kopsoz-directions .refined .section-heading h2{font-size:32px;margin:9px 0 12px}#kopsoz-directions .refined .section-heading p{font-size:14px}#kopsoz-directions .reel-rail{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0;width:100vw;margin-left:calc(50% - 50vw)}#kopsoz-directions .reel-rail::-webkit-scrollbar{display:none}#kopsoz-directions .reel-group{display:flex;flex:none;gap:16px;padding-right:16px}#kopsoz-directions .reel{flex:0 0 clamp(175px,18.333vw,250px);width:clamp(175px,18.333vw,250px);aspect-ratio:9/16;position:relative;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border-radius:20px;padding:16px;color:#fff;background:#20292b;isolation:isolate}#kopsoz-directions .reel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}#kopsoz-directions .reel:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 28%,transparent 65%,#000a);z-index:-1}#kopsoz-directions .reel-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;text-shadow:0 1px 4px #0008}#kopsoz-directions .reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#0004;border:1px solid #fff8;font-size:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#kopsoz-directions .reel-open{margin-top:auto;font-size:12px;font-weight:800}#kopsoz-directions .refined a:not(.primary):not(.reel):not(.app-brand):not(.social-mini){color:inherit}#kopsoz-directions .refined .reel-caption a{font-weight:800;color:#076d59!important;text-decoration:none}#kopsoz-directions .refined .lower{border-block:1px solid var(--line);padding:48px 0;gap:8%}#kopsoz-directions .dialog-row{display:flex;align-items:flex-end;gap:7px;margin-top:20px}#kopsoz-directions .dialog-avatar,#kopsoz-directions .you-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0}#kopsoz-directions .you-avatar{display:grid;place-items:center;background:#dfeef9;color:#2d6f9d;font-size:11px;font-weight:900}#kopsoz-directions .dialog-row .app-bubble{flex:1 1}#kopsoz-directions .dialog-row .app-bubble strong{font-size:17px}#kopsoz-directions .reply-row{margin-top:12px;margin-left:35px}#kopsoz-directions .refined .lesson{padding:28px 24px}#kopsoz-directions .lesson-hint{display:flex;align-items:center;gap:12px;margin-top:23px;border-top:1px solid var(--line);padding-top:20px;color:var(--sub);font-size:12px}#kopsoz-directions .reviews-section{padding:48px 0}#kopsoz-directions .review-platforms{font-size:12px!important;line-height:1.7;font-weight:800;white-space:nowrap}#kopsoz-directions .review-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}#kopsoz-directions .review-card{border:solid var(--line);border-width:1px 1px 3px;background:var(--paper);border-radius:22px;padding:25px;display:flex;flex-direction:column}#kopsoz-directions .review-meta{display:flex;gap:12px;align-items:center}#kopsoz-directions .review-meta h3{font-size:16px;margin:0 0 3px}#kopsoz-directions .review-meta>div>span{font-size:11px;color:var(--sub)}#kopsoz-directions .review-avatar{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#d6e5d6;color:#346141;font-size:13px;font-weight:900}#kopsoz-directions .avatar-peach{background:#f4d3b1;color:#77482a}#kopsoz-directions .avatar-lilac{background:#d9d6ec;color:#5d5376}#kopsoz-directions .avatar-blue{background:#cce2ec;color:#36627a}#kopsoz-directions .quote-mark{font-size:54px;line-height:1;color:#d8e0d6;margin-left:auto;font-weight:900}#kopsoz-directions .review-stars{color:#93670a;font-size:15px;letter-spacing:3px;margin:17px 0 8px}#kopsoz-directions .review-card blockquote{margin:0;color:var(--ink);font-size:15px;line-height:1.7}#kopsoz-directions .review-source{font-size:11px!important;margin-top:18px!important}#kopsoz-directions .final-band{display:flex;align-items:center;gap:24px;background:var(--soft);border-radius:25px;padding:30px;margin-bottom:35px}#kopsoz-directions .final-band>img{width:74px;height:74px;border-radius:19px}#kopsoz-directions .final-band h2{font-size:29px;margin:6px 0}#kopsoz-directions .final-band p{font-size:13px}#kopsoz-directions .final-band .primary{margin:0 0 0 auto;white-space:nowrap;font-size:13px}#kopsoz-directions .refined footer a{text-decoration:none}@media(max-width:700px){#kopsoz-directions .refined{min-height:0}#kopsoz-directions .refined header{gap:10px}#kopsoz-directions .app-brand>img{width:44px;height:44px;border-radius:12px}#kopsoz-directions .app-brand>span{font-size:21px}#kopsoz-directions .app-brand small{font-size:9px}#kopsoz-directions .refined .hero{padding:34px 0;gap:30px;min-height:0}#kopsoz-directions .refined .mascot-stage{height:405px}#kopsoz-directions .refined .bear{height:310px;bottom:23px}#kopsoz-directions .hero-bubble{left:0;min-width:190px}#kopsoz-directions .hero-reply{right:0}#kopsoz-directions .refined .section-heading{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:15px}#kopsoz-directions .refined .section-heading h2{font-size:28px}#kopsoz-directions .reel{flex-basis:179px;width:179px}#kopsoz-directions .reel-caption{flex-direction:column;gap:6px}#kopsoz-directions .refined .lower{padding:35px 0;gap:30px}#kopsoz-directions .review-grid{grid-template-columns:1fr}#kopsoz-directions .review-card{padding:23px}#kopsoz-directions .final-band{flex-wrap:wrap;padding:23px;gap:17px}#kopsoz-directions .final-band>img{height:55px;width:55px;border-radius:14px}#kopsoz-directions .final-band h2{font-size:24px}#kopsoz-directions .final-band .primary{margin:0;width:100%}#kopsoz-directions .refined .eyebrow{font-size:10px;letter-spacing:1.1px}#kopsoz-directions .refined .lesson{padding:22px 18px}#kopsoz-directions .refined .answers button{font-size:12px;min-width:60px}}body:has(#kopsoz-directions){margin:0;background:#fff;color-scheme:only light}#kopsoz-directions{color-scheme:only light}#kopsoz-directions .ks{max-width:1240px;margin-inline:auto}#kopsoz-directions button,#kopsoz-directions summary{cursor:pointer}#kopsoz-directions button:disabled{cursor:default}#kopsoz-directions [hidden]{display:none!important}#kopsoz-directions .inline-symbol{font-size:20px;line-height:1}#kopsoz-directions a:focus-visible{outline:3px solid #419ad5;outline-offset:4px}#kopsoz-directions{overflow-x:clip}#kopsoz-directions .app-brand>img,#kopsoz-directions .final-band>img{border-radius:32%}#kopsoz-directions .app-brand>span{display:flex;align-items:center}#kopsoz-directions .ks .site-footer{display:block;padding:48px 0 26px;border-top:1px solid var(--line);font-size:13px}#kopsoz-directions .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;padding-bottom:42px}#kopsoz-directions .footer-brand p{font-size:13px;margin-top:16px;max-width:200px}#kopsoz-directions .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:10px}#kopsoz-directions .footer-column h3{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;margin:0 0 8px}#kopsoz-directions .footer-column a{color:var(--sub)!important;line-height:1.6}#kopsoz-directions .site-footer a:hover{text-decoration:underline}#kopsoz-directions .footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:24px;color:var(--sub);font-size:11px}#kopsoz-directions .footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:700px){#kopsoz-directions .footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}#kopsoz-directions .footer-brand{grid-column:1/-1}#kopsoz-directions .footer-brand p{max-width:none}#kopsoz-directions .footer-bottom{flex-direction:column;gap:14px}#kopsoz-directions .reel{flex-basis:179px;width:179px}}#kopsoz-directions .ks header{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding-block:16px;isolation:isolate}#kopsoz-directions .ks header:before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#fffffff5;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #20292b08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#kopsoz-directions :is(.hero,.review-ribbon,.reels-section,.lower,.reviews-section,.site-footer){position:relative;isolation:isolate}#kopsoz-directions :is(.hero,.review-ribbon,.reels-section,.lower,.reviews-section,.site-footer):before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:var(--section-background);pointer-events:none}#kopsoz-directions .hero,#kopsoz-directions .review-ribbon{--section-background:#fff}#kopsoz-directions .reels-section{--section-background:#eef3fb;padding-block:48px}#kopsoz-directions .lower{--section-background:#fff}#kopsoz-directions .reviews-section{--section-background:#fbefe7}#kopsoz-directions .final-band{background:#e0eee4;margin-top:32px}#kopsoz-directions .site-footer{--section-background:#fff}#kopsoz-directions :is(section[id],.lesson[id]){scroll-margin-top:104px}@media (max-width:700px){#kopsoz-directions .ks header{padding-block:12px}#kopsoz-directions .reels-section{padding-block:35px}#kopsoz-directions :is(section[id],.lesson[id]){scroll-margin-top:84px}}#kopsoz-directions :is(.reels-section,.lower,.reviews-section,.press-section):before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:var(--section-background);mask:var(--cloud-shape) top /100% 48px no-repeat,linear-gradient(#000,#000) bottom /100% calc(100% - 47px) no-repeat;-webkit-mask:var(--cloud-shape) top /100% 48px no-repeat,linear-gradient(#000,#000) bottom /100% calc(100% - 47px) no-repeat}#kopsoz-directions .reels-section{--cloud-shape:url(/images/landing/shapes/social-cloud.svg)}#kopsoz-directions .lower{--cloud-shape:url(/images/landing/shapes/practice-cloud.svg);--section-background:#f0f6ed;--previous-background:#eef3fb}#kopsoz-directions .reviews-section{--cloud-shape:url(/images/landing/shapes/review-cloud.svg);--previous-background:#fff}#kopsoz-directions .press-section{position:relative;isolation:isolate;--cloud-shape:url(/images/landing/shapes/review-cloud.svg);--section-background:#fff;--previous-background:#eef3fb}#kopsoz-directions :is(.lower,.reviews-section,.press-section):after{content:"";position:absolute;inset:0 calc(50% - 50vw) auto;height:48px;background:var(--previous-background);z-index:-2;pointer-events:none}#kopsoz-directions .refined :is(.reels-section,.lower,.reviews-section){border:0;padding-block:72px}#kopsoz-directions .press-section{padding-top:80px}@media(max-width:700px){#kopsoz-directions .refined :is(.reels-section,.lower,.reviews-section){padding-block:58px}}#kopsoz-directions .about-section,#kopsoz-directions .press-section{padding:64px 0}#kopsoz-directions .about-section{border-top:0}#kopsoz-directions .about-section .section-heading p,#kopsoz-directions .press-section .section-heading p{max-width:660px}#kopsoz-directions .press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}#kopsoz-directions .press-card{display:flex;flex-direction:column;padding:26px;border:solid var(--line);border-width:1px 1px 3px;border-radius:22px;text-decoration:none;background:#fff;transition:border-color .15s}#kopsoz-directions .press-card:hover{border-color:var(--accent)}#kopsoz-directions .press-outlet{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:20px;font-weight:900;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line)}#kopsoz-directions .press-outlet>span:last-child{color:var(--accent)}#kopsoz-directions .press-category{color:var(--sub);font-size:11px;font-weight:800}#kopsoz-directions .press-card h3{font-size:21px;margin:12px 0}#kopsoz-directions .press-card p{font-size:14px;margin-bottom:28px}#kopsoz-directions .press-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;font-size:11px;color:var(--sub)}#kopsoz-directions .press-bottom>span{color:var(--accent);font-weight:900}@media (max-width:1000px){#kopsoz-directions .press-card{padding:20px}}@media (max-width:700px){#kopsoz-directions .about-section,#kopsoz-directions .press-section{padding:48px 0}#kopsoz-directions .press-grid{grid-template-columns:1fr}#kopsoz-directions .review-ribbon{scroll-margin-top:84px}#kopsoz-directions .review-ribbon figcaption{font-size:11px;gap:6px}#kopsoz-directions .review-ribbon-stars{letter-spacing:0}}#kopsoz-directions .app-story .story-intro{text-align:center;margin:0 auto 58px}#kopsoz-directions .app-story .story-intro h2{font-size:clamp(29px,3.1vw,43px);line-height:1.2;letter-spacing:-1.3px;margin:14px 0 18px}#kopsoz-directions .app-story .story-intro p{font-size:15px}#kopsoz-directions .story-chapter{display:grid;grid-template-columns:1fr 1fr;grid-gap:8%;gap:8%;align-items:center;margin-top:64px}#kopsoz-directions .story-chapter+.story-chapter{margin-top:88px}#kopsoz-directions .story-copy{padding:16px 0}#kopsoz-directions .story-step{display:flex;align-items:center;gap:12px;color:#597666;font-weight:900;font-size:12px;letter-spacing:1.2px}#kopsoz-directions .story-step>span{font-size:10px}#kopsoz-directions .story-copy h3{font-size:clamp(27px,2.8vw,38px);line-height:1.18;letter-spacing:-1px;margin:20px 0}#kopsoz-directions .story-copy p{font-size:16px;max-width:410px}#kopsoz-directions .story-copy .story-detail{font-size:14px;margin-top:16px;color:#747b77}#kopsoz-directions .story-link{display:inline-flex;align-items:center;gap:24px;color:var(--accent);text-decoration:none;font-size:14px;font-weight:900;margin-top:26px}#kopsoz-directions .story-link:hover{text-decoration:underline}#kopsoz-directions .story-visual{position:relative;aspect-ratio:1;height:auto;isolation:isolate;background:none}#kopsoz-directions .story-visual:before{content:"";position:absolute;inset:3%;z-index:-1;background:#edf3e7;border-radius:36% 58% 42% 51%/48% 35% 57% 42%;transform:rotate(-8deg)}#kopsoz-directions .games-visual:before{background:#fff0d9;border-radius:55% 38% 58% 40%/36% 53% 40% 58%;transform:rotate(12deg)}#kopsoz-directions .training-visual:before{background:#eeedf9;border-radius:42% 57% 38% 60%/56% 40% 61% 37%;transform:rotate(-12deg)}#kopsoz-directions .chapter-play .story-copy{grid-column:1;grid-row:1}#kopsoz-directions .chapter-play .story-visual{grid-column:2;grid-row:1}#kopsoz-directions .chapter-play .story-step{color:#886540}#kopsoz-directions .chapter-practice .story-step{color:#6b658d}#kopsoz-directions .story-visual{display:flex;align-items:center;justify-content:center;padding:5%}#kopsoz-directions .interface-preview{width:100%;background:#fff;border:1px solid #e4e8e5;border-bottom:4px solid #dce3dd;border-radius:26px;padding:22px;box-shadow:0 14px 35px #263b3412;overflow:hidden}#kopsoz-directions .preview-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:900;line-height:1.3;color:#31443b}#kopsoz-directions .island-detail{display:block;width:100%;height:225px;object-fit:contain;margin:12px 0;border-radius:15px;background:#60a7d7}#kopsoz-directions .word-preview{display:flex;align-items:center;gap:14px;padding:14px;background:#fff9ee;border-radius:18px;border:1px solid #f1dfba}#kopsoz-directions .word-preview>img{width:64px;height:64px;object-fit:contain}#kopsoz-directions .word-preview small{display:block;font-size:8px;color:#8d7445;font-weight:900;letter-spacing:.7px}#kopsoz-directions .word-preview strong{display:block;font-size:26px;line-height:1.2;margin-top:4px}#kopsoz-directions .word-preview div>span{font-size:13px;color:#726b5e}#kopsoz-directions .word-sound{margin-left:auto;font-size:27px;color:#8e793c}#kopsoz-directions .bomber-preview{background:#fbfcfd;border-color:#d9e0e4 #d9e0e4 #bfcdd4}#kopsoz-directions .preview-timer{font-size:14px;padding:6px 12px;background:#edf3e6;color:#416524;border-radius:10px}#kopsoz-directions .bomber-task{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0}#kopsoz-directions .bomber-task small{display:block;font-size:9px;font-weight:900;letter-spacing:.8px;color:#7b868c;margin-bottom:10px}#kopsoz-directions .bomber-task strong{font-size:24px;line-height:1.2;letter-spacing:-.4px}#kopsoz-directions .bomber-task img{width:36%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:18px}#kopsoz-directions .bomber-choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}#kopsoz-directions .bomber-choices>span{display:flex;align-items:center;justify-content:center;min-height:67px;border:solid #e1e5e6;border-width:2px 2px 5px;border-radius:16px;background:#fff;font-size:27px;font-weight:900}#kopsoz-directions .bomber-fuse{height:7px;border-radius:10px;background:#e2e9e8;margin-top:22px}#kopsoz-directions .bomber-fuse>span{display:block;width:72%;height:100%;background:#69ab46;border-radius:inherit}#kopsoz-directions .skills-preview{padding-bottom:12px}#kopsoz-directions .skills-preview .preview-topline{margin-bottom:20px}#kopsoz-directions .preview-skill{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #eff0f1}#kopsoz-directions .preview-skill img{width:58px;height:58px;object-fit:contain;flex:none}#kopsoz-directions .preview-skill strong{display:block;font-size:17px;line-height:1.3}#kopsoz-directions .preview-skill div>span{display:block;font-size:12px;color:#747c79;margin-top:4px}#kopsoz-directions .skill-chevron{font-size:25px;color:#a0aaa3;margin-left:auto}#kopsoz-directions .ks .community-invite{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;text-align:center;align-items:center;gap:0;padding:60px 48px 48px;margin:32px 0 40px;border-radius:32px;color:#fff;background:radial-gradient(ellipse at 18% 85%,#c4e2fcaa,transparent 46%),radial-gradient(ellipse at 82% 8%,#93c9f0aa,transparent 50%),#388bd0}#kopsoz-directions .community-invite:before{content:"";position:absolute;z-index:-1;inset:-30%;opacity:.7;filter:blur(25px);background:radial-gradient(ellipse at 24% 48%,#def0ffa6 0,transparent 21%),radial-gradient(ellipse at 70% 24%,#d1e8ff88 0,transparent 19%),radial-gradient(ellipse at 68% 76%,#def0ff99 0,transparent 27%);transform:rotate(-20deg);pointer-events:none}#kopsoz-directions .community-proof{display:flex;align-items:center;justify-content:center;gap:14px;border:1.5px solid #ffffffb3;border-radius:50px;padding:10px 22px 10px 13px;font-size:14px;background:#267bbe30}#kopsoz-directions .community-proof strong{font-weight:900}#kopsoz-directions .community-proof>span:last-child{text-align:left}#kopsoz-directions .community-faces{display:flex;padding-left:7px}#kopsoz-directions .community-faces img{width:36px;height:36px;border-radius:50%;border:2px solid #c5e3fa;margin-left:-7px;object-fit:cover;flex-shrink:0}#kopsoz-directions .community-invite h2{color:#fff;font-size:clamp(35px,4.5vw,63px);line-height:1.08;letter-spacing:-1.8px;max-width:800px;margin:42px 0 20px;z-index:1}#kopsoz-directions .community-invite .community-description{color:#f2f8ff;font-size:16px;line-height:1.65;z-index:1}#kopsoz-directions .ks .community-invite .primary{background:#25333e;color:#fff;box-shadow:none;border-radius:50px;padding:18px 30px;margin:28px 0 0;font-size:16px;gap:22px;z-index:1}#kopsoz-directions .ks .community-invite .primary:hover{background:#142634}#kopsoz-directions .ks .community-invite .primary:active{transform:translateY(2px)}#kopsoz-directions .community-details{display:grid;grid-template-columns:repeat(3,1fr);width:100%;grid-gap:20px;gap:20px;margin-top:62px;padding-top:28px;border-top:1px solid #ffffff40}#kopsoz-directions .community-details strong{display:block;font-size:24px;font-weight:900;letter-spacing:-.5px}#kopsoz-directions .community-details span{display:block;font-size:12px;margin-top:6px;color:#f1f8ff}#kopsoz-directions .community-orbit{position:absolute;border-radius:50%;overflow:hidden;border:3px solid #ffffff80;box-shadow:0 8px 20px #176ba433}#kopsoz-directions .community-orbit img{display:block;width:100%;height:100%;object-fit:cover}#kopsoz-directions .orbit-one{width:76px;height:76px;top:115px;left:6%;transform:rotate(-12deg)}#kopsoz-directions .orbit-two{width:82px;height:82px;top:155px;right:5%;transform:rotate(12deg)}#kopsoz-directions .orbit-three{width:58px;height:58px;top:350px;left:13%;transform:rotate(8deg)}#kopsoz-directions .orbit-four{width:62px;height:62px;top:370px;right:13%;transform:rotate(-10deg)}@media(max-width:1000px) and (min-width:701px){#kopsoz-directions .story-chapter{gap:6%}#kopsoz-directions .story-copy p{font-size:14px}}@media(max-width:700px){#kopsoz-directions .app-story .story-intro{text-align:left;margin-bottom:36px}#kopsoz-directions .app-story .story-intro h2{font-size:30px;letter-spacing:-1px}#kopsoz-directions .story-chapter,#kopsoz-directions .story-chapter+.story-chapter{grid-template-columns:1fr;gap:24px;margin-top:42px}#kopsoz-directions .story-visual{width:100%;max-width:460px;justify-self:center;height:auto;aspect-ratio:1;border-radius:0}#kopsoz-directions .chapter-play .story-copy,#kopsoz-directions .story-copy{grid-row:1;grid-column:1;padding:0}#kopsoz-directions .chapter-play .story-visual,#kopsoz-directions .story-visual{grid-row:2;grid-column:1}#kopsoz-directions .story-copy h3{font-size:30px;margin:14px 0}#kopsoz-directions .story-copy p{font-size:15px;max-width:none}#kopsoz-directions .story-copy .story-detail{font-size:13px;margin-top:10px}#kopsoz-directions .story-link{margin-top:16px;font-size:13px}#kopsoz-directions .ks .community-invite{padding:36px 20px 28px;border-radius:26px;margin-top:16px}#kopsoz-directions .community-proof{font-size:12px;padding:8px 13px 8px 10px;gap:10px}#kopsoz-directions .community-faces img{width:30px;height:30px}#kopsoz-directions .community-invite h2{margin:76px 0 16px;font-size:36px;letter-spacing:-1px}#kopsoz-directions .community-invite .community-description{font-size:13px}#kopsoz-directions .community-invite .community-description br{display:none}#kopsoz-directions .ks .community-invite .primary{margin-top:24px;font-size:14px;padding:15px 24px}#kopsoz-directions .community-details{margin-top:64px;gap:22px;grid-template-columns:1fr;padding-top:24px}#kopsoz-directions .community-details strong{font-size:22px}#kopsoz-directions .community-details span{font-size:12px;margin-top:3px}#kopsoz-directions .orbit-one{width:43px;height:43px;top:105px;left:12%;transform:rotate(-12deg)}#kopsoz-directions .orbit-two{width:48px;height:48px;top:97px;right:13%}#kopsoz-directions .orbit-three{width:36px;height:36px;top:375px;left:10%}#kopsoz-directions .orbit-four{width:40px;height:40px;top:385px;right:10%}#kopsoz-directions .orbit-four,#kopsoz-directions .orbit-three{display:none}}#kopsoz-directions .ks .community-invite{background:none;border-radius:0;overflow:visible;padding:110px 100px 100px;margin-block:54px 40px}#kopsoz-directions .community-invite:before{inset:0;opacity:1;filter:none;transform:none;background:radial-gradient(ellipse at 18% 85%,#c4e2fcaa,transparent 46%),radial-gradient(ellipse at 82% 8%,#93c9f0aa,transparent 50%),#388bd0;mask:url(/images/landing/shapes/invitation-cloud.svg) center/100% 100% no-repeat;-webkit-mask:url(/images/landing/shapes/invitation-cloud.svg) center/100% 100% no-repeat}#kopsoz-directions .community-invite h2{font-size:clamp(34px,4.2vw,58px);margin-top:34px}#kopsoz-directions .community-details{margin-top:50px;gap:16px}#kopsoz-directions .community-details strong{font-size:21px}#kopsoz-directions .ks .community-invite .primary{box-shadow:0 6px 0 #10212e;transform:translateY(0);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;position:relative;border-radius:18px}#kopsoz-directions .ks .community-invite .primary:hover{background:#304554;box-shadow:0 7px 0 #10212e;transform:translateY(-1px)}#kopsoz-directions .ks .community-invite .primary:active{transform:translateY(6px);box-shadow:0 0 0 #10212e}#kopsoz-directions .orbit-one{top:150px;left:7%}#kopsoz-directions .orbit-two{top:170px;right:7%}#kopsoz-directions .orbit-three{top:390px;left:12%}#kopsoz-directions .orbit-four{top:410px;right:12%}@media(max-width:1000px) and (min-width:701px){#kopsoz-directions .ks .community-invite{padding:100px 70px}#kopsoz-directions .community-invite h2{font-size:43px}#kopsoz-directions .community-orbit{scale:.8}#kopsoz-directions .community-details strong{font-size:17px}}@media(max-width:700px){#kopsoz-directions .ks .community-invite{padding:95px 28px 90px;margin-block:38px 24px}#kopsoz-directions .community-invite:before{mask-image:url(/images/landing/shapes/invitation-cloud-mobile.svg);-webkit-mask-image:url(/images/landing/shapes/invitation-cloud-mobile.svg)}#kopsoz-directions .community-invite h2{font-size:32px;margin:80px 0 16px}#kopsoz-directions .community-proof{font-size:11px;gap:8px;padding:8px 12px 8px 8px;white-space:nowrap}#kopsoz-directions .community-faces img{width:26px;height:26px}#kopsoz-directions .ks .community-invite .primary{width:auto;max-width:100%;padding:15px 22px;font-size:14px}#kopsoz-directions .community-details{margin-top:44px;gap:20px}#kopsoz-directions .community-details strong{font-size:21px}#kopsoz-directions .orbit-one{top:155px;left:18%;width:40px;height:40px}#kopsoz-directions .orbit-two{top:150px;right:18%;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){#kopsoz-directions .ks .community-invite .primary{transition:none}}@media(max-width:1000px) and (min-width:701px){#kopsoz-directions .interface-preview{padding:16px;border-radius:22px}#kopsoz-directions .island-detail{height:170px}#kopsoz-directions .preview-topline{font-size:12px}#kopsoz-directions .word-preview{padding:10px;gap:8px}#kopsoz-directions .word-preview>img{width:44px;height:44px}#kopsoz-directions .bomber-task strong{font-size:20px}#kopsoz-directions .bomber-choices>span{min-height:53px;font-size:23px}#kopsoz-directions .preview-skill img{width:42px;height:42px}#kopsoz-directions .preview-skill strong{font-size:15px}#kopsoz-directions .preview-skill div>span{font-size:10px}}@media(max-width:700px){#kopsoz-directions .story-visual{aspect-ratio:auto;padding:12px;min-height:0}#kopsoz-directions .interface-preview{padding:17px;border-radius:22px}#kopsoz-directions .preview-topline{font-size:13px}#kopsoz-directions .island-detail{height:auto;max-height:220px}#kopsoz-directions .word-preview{padding:12px;gap:10px}#kopsoz-directions .word-preview>img{width:48px;height:48px}#kopsoz-directions .word-preview small{font-size:7px}#kopsoz-directions .word-preview strong{font-size:24px}#kopsoz-directions .bomber-task strong{font-size:22px}#kopsoz-directions .bomber-task small{font-size:8px}#kopsoz-directions .bomber-choices>span{min-height:58px;font-size:25px}#kopsoz-directions .preview-skill img{width:48px;height:48px}#kopsoz-directions .preview-skill strong{font-size:16px}#kopsoz-directions .preview-skill div>span{font-size:11px}}#kopsoz-directions .cloud-showcase{padding:74px 0 68px;scroll-margin-top:105px}#kopsoz-directions .cloud-showcase-heading{text-align:center;max-width:720px;margin:0 auto 44px}#kopsoz-directions .ks .cloud-showcase-heading h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.4px;margin:12px 0 14px}#kopsoz-directions .cloud-showcase-heading p{max-width:580px;margin:auto;font-size:17px}#kopsoz-directions .cloud-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:320px 350px;grid-gap:8px;gap:8px}#kopsoz-directions .cloud-card{position:relative;isolation:isolate;padding:38px 30px;min-width:0;scroll-margin-top:110px}#kopsoz-directions .cloud-card:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-fill);mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat;-webkit-mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat}#kopsoz-directions .cloud-card-copy{text-align:center}#kopsoz-directions .ks .cloud-card h3{font-size:clamp(25px,2.6vw,34px);font-weight:900;line-height:1.12;letter-spacing:-1px;margin:14px 0}#kopsoz-directions .ks .cloud-card p{font-size:15px;line-height:1.6;color:inherit;opacity:.85}#kopsoz-directions .cloud-ai{--card-fill:#ffdf9c;grid-column:span 2;grid-row:span 2;padding:48px 40px 0;color:#593c20}#kopsoz-directions .aldik-rig-viewport{position:absolute;inset:0;overflow:hidden;mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat;-webkit-mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat}#kopsoz-directions .cloud-ai .cloud-card-copy{position:relative;z-index:2}#kopsoz-directions .ks .cloud-ai h3{font-size:clamp(29px,3vw,39px);line-height:1.12;letter-spacing:-1.2px}#kopsoz-directions .cloud-games{--card-fill:#dcedfc;grid-column:span 2;color:#204f72;padding:42px 32px;display:grid;grid-template-columns:max-content var(--game-card-size);align-items:center;justify-content:center;grid-gap:18px;gap:18px;--game-card-size:138px}#kopsoz-directions .ks .cloud-games h3{font-size:28px;margin:0;line-height:1.2}#kopsoz-directions .cloud-games .cloud-card-copy{text-align:left}#kopsoz-directions .cloud-stats{--card-fill:#f5f3df;color:#325a39;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding:32px 18px}#kopsoz-directions .cloud-stats .cloud-community,#kopsoz-directions .cloud-stats .cloud-rating{width:100%}#kopsoz-directions .cloud-stats .cloud-rating{color:#ad6812}#kopsoz-directions .ks .cloud-community h3{font-size:clamp(28px,3vw,39px);letter-spacing:-1.5px;white-space:nowrap;margin:0}#kopsoz-directions .ks .cloud-rating h3{font-size:46px;letter-spacing:-2px;white-space:nowrap;margin:0;display:flex;align-items:center;justify-content:center;gap:5px}#kopsoz-directions .cloud-rating-star{width:.52em;height:.52em;flex-shrink:0}#kopsoz-directions .ks .cloud-community p,#kopsoz-directions .ks .cloud-rating p{font-size:12px;line-height:1.4;margin-top:5px}#kopsoz-directions .cloud-videos{--card-fill:#f4e5f1;color:#70466d;text-align:center;padding:28px 18px 20px;overflow:hidden}#kopsoz-directions .ks .cloud-videos h3{font-size:23px;margin:4px 0 9px;line-height:1.08}#kopsoz-directions .ks .cloud-videos p{font-size:12px;line-height:1.5}#kopsoz-directions .ks .game-card-deck{position:relative;display:block;width:100%;height:230px;min-width:0;background:none;padding:0;border:0;touch-action:pan-y}#kopsoz-directions .game-deck-card{position:absolute;top:42px;left:calc(42% - 69px);width:138px;display:block;padding:6px 6px 10px;border-radius:22px;background:#fff;color:#204f72;box-shadow:0 4px 12px #204f7220;will-change:transform;transform-origin:center}#kopsoz-directions .game-deck-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:17px}#kopsoz-directions .game-deck-card>span{display:block;margin-top:6px;font-size:11px;font-weight:900;text-align:center}#kopsoz-directions .aldik-rig{position:absolute;width:108%;aspect-ratio:1;left:-4%;bottom:-18%}#kopsoz-directions .aldik-rig-body{position:absolute;inset:0;transform-origin:50% 85%;animation:aldik-breathe 5.2s ease-in-out infinite}#kopsoz-directions .aldik-body-art{display:block;width:100%;height:auto}#kopsoz-directions .aldik-rig-eyes,#kopsoz-directions .aldik-rig-mouth{position:absolute;inset:0;animation:aldik-glance 13s ease-in-out infinite;--gaze-travel:2.4%}#kopsoz-directions .aldik-rig-mouth{--gaze-travel:3.4%}#kopsoz-directions .aldik-eye{position:absolute;left:50.12%;top:28.71%;height:auto;transform:translate(-50%,-50%);animation-duration:8.3s;animation-timing-function:step-end;animation-iteration-count:infinite}#kopsoz-directions .aldik-eye-open{width:24.8006%;animation-name:aldik-eyes-open}#kopsoz-directions .aldik-eye-half{width:23.0463%;opacity:0;animation-name:aldik-eyes-half}#kopsoz-directions .aldik-eye-close{width:23.8437%;opacity:0;animation-name:aldik-eyes-close}#kopsoz-directions .aldik-rig-mouth img{position:absolute;left:49.84%;top:36.36%;width:28.3892%;height:auto;transform:translate(-50%,-50%)}#kopsoz-directions .aldik-rig:not(.is-visible) *{animation-play-state:paused}@keyframes aldik-eyes-open{0%,44%,84%,to{opacity:1}40%,80%{opacity:0}}@keyframes aldik-eyes-half{0%,41%,44%,81%,84%,to{opacity:0}40%,43%,80%,83%{opacity:1}}@keyframes aldik-eyes-close{0%,43%,83%,to{opacity:0}41%,81%{opacity:1}}@keyframes aldik-glance{0%,15%,31%,55%,73%,to{transform:translateX(0)}19%,27%{transform:translateX(calc(-1 * var(--gaze-travel)))}59%,69%{transform:translateX(var(--gaze-travel))}}@keyframes aldik-breathe{0%,to{transform:scale(1)}50%{transform:scale(.994,1.015)}}@media(min-width:701px) and (max-width:1000px){#kopsoz-directions .cloud-card-grid{grid-template-rows:300px 350px;gap:6px}#kopsoz-directions .cloud-ai{padding:44px 28px 0}#kopsoz-directions .cloud-games{padding:32px 26px;--game-card-size:110px;gap:12px}#kopsoz-directions .ks .cloud-games h3{font-size:23px}#kopsoz-directions .aldik-rig{width:125%;left:-12.5%;bottom:-14%}#kopsoz-directions .ks .cloud-community h3{font-size:27px}#kopsoz-directions .game-deck-card{width:110px;left:calc(42% - 55px)}#kopsoz-directions .ks .cloud-videos h3{font-size:22px}}@media(max-width:700px){#kopsoz-directions .cloud-showcase{padding:48px 0 38px}#kopsoz-directions .cloud-showcase-heading{margin-bottom:28px}#kopsoz-directions .cloud-showcase-heading p{font-size:15px}#kopsoz-directions .cloud-card-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:6px;max-width:480px;margin:auto}#kopsoz-directions .cloud-card{grid-column:auto;grid-row:auto}#kopsoz-directions .cloud-ai{min-height:580px;padding:42px 30px 0}#kopsoz-directions .ks .cloud-ai h3{font-size:30px}#kopsoz-directions .ks .cloud-ai p{font-size:14px}#kopsoz-directions .aldik-rig{width:130%;left:-15%;bottom:-16%}#kopsoz-directions .cloud-games{min-height:300px;padding:38px 25px;gap:12px;--game-card-size:110px}#kopsoz-directions .ks .cloud-games h3{font-size:23px}#kopsoz-directions .cloud-stats{min-height:300px;padding:40px 24px;gap:24px}#kopsoz-directions .cloud-videos{min-height:310px;padding:38px 24px}#kopsoz-directions .ks .cloud-videos h3{font-size:28px}#kopsoz-directions .ks .cloud-videos p{font-size:14px}#kopsoz-directions .game-deck-card{width:110px;left:calc(42% - 55px)}#kopsoz-directions .ks .cloud-community h3{font-size:42px}#kopsoz-directions .ks .cloud-rating h3{font-size:48px}}@media(prefers-reduced-motion:reduce){#kopsoz-directions .aldik-rig *{animation:none!important}#kopsoz-directions .aldik-eye-open{opacity:1}#kopsoz-directions .aldik-eye-close,#kopsoz-directions .aldik-eye-half{opacity:0}}@media(max-width:360px){#kopsoz-directions .cloud-games{padding-inline:22px;--game-card-size:94px;gap:10px}#kopsoz-directions .ks .cloud-games h3{font-size:20px}#kopsoz-directions .game-deck-card{width:94px;left:calc(42% - 47px)}}#kopsoz-directions .ks .video-card-deck{height:145px;margin:5px auto 0;max-width:230px}#kopsoz-directions .video-card-deck .game-deck-card{top:5px;width:146px;left:calc(50% - 73px);padding:0 0 8px;border:2px solid #168dcc;background:#2196f3;color:#fff;border-radius:15px;box-shadow:0 4px 0 #1273b0}#kopsoz-directions .game-deck-card>.video-deck-thumbnail{position:relative;display:block;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#a6d8fa,#f3e7ad)}#kopsoz-directions .video-deck-thumbnail img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}#kopsoz-directions .video-deck-play{position:absolute;inset:0;display:grid;place-items:center;background:#13344a15}#kopsoz-directions .video-deck-play svg{width:30px;height:30px;padding:4px;border-radius:50%;background:#168dccbb;color:#fff;box-shadow:0 1px 4px #0002}@media(max-width:700px){#kopsoz-directions .cloud-videos{min-height:380px;padding:34px 24px 24px}#kopsoz-directions .ks .video-card-deck{height:160px;margin-top:10px}#kopsoz-directions .video-card-deck .game-deck-card{width:160px;left:calc(50% - 80px)}}#kopsoz-directions .cloud-games .game-card-deck{width:var(--game-card-size)}#kopsoz-directions .cloud-games .game-deck-card{left:0;width:var(--game-card-size)}#kopsoz-directions .ks .cloud-community h3{font-size:clamp(34px,3.5vw,46px)}#kopsoz-directions .ks .cloud-rating h3{font-size:64px;gap:0;line-height:1}#kopsoz-directions .cloud-rating h3 .cloud-rating-star{width:.95em;height:.95em}@media(max-width:700px){#kopsoz-directions .ks .cloud-community h3{font-size:48px}#kopsoz-directions .ks .cloud-rating h3{font-size:72px}}@media(min-width:701px) and (max-width:1000px){#kopsoz-directions .ks .cloud-community h3{font-size:31px}}#kopsoz-directions .cloud-ai{display:flex;flex-direction:column;mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat;-webkit-mask:url(/images/landing/shapes/feature-cloud.svg) center/100% 100% no-repeat}#kopsoz-directions .cloud-ai .aldik-rig-viewport{position:relative;inset:auto;flex:1 1;min-height:0;width:calc(100% + 80px);margin:16px -40px 0;mask:none;-webkit-mask:none}#kopsoz-directions .cloud-ai .aldik-rig{top:0;bottom:auto}#kopsoz-directions .cloud-games .cloud-card-copy{width:190px}#kopsoz-directions .ks .cloud-games .cloud-card-copy p{font-size:13px;line-height:1.5;margin-top:12px}@media(min-width:701px) and (max-width:1000px){#kopsoz-directions .cloud-ai .aldik-rig-viewport{width:calc(100% + 56px);margin-inline:-28px}#kopsoz-directions .cloud-games .cloud-card-copy{width:154px}}@media(max-width:700px){#kopsoz-directions .cloud-ai{height:auto;min-height:0}#kopsoz-directions .cloud-ai .aldik-rig-viewport{flex:none;width:calc(100% + 60px);height:auto;aspect-ratio:1/.98;margin:16px -30px 0}#kopsoz-directions .cloud-games .cloud-card-copy{width:154px}#kopsoz-directions .ks .cloud-games .cloud-card-copy p{font-size:12px}}@media(max-width:360px){#kopsoz-directions .cloud-games .cloud-card-copy{width:134px}}#kopsoz-directions .hero-bubble{width:230px;min-width:0;max-width:calc(100% - 12px)}#kopsoz-directions .hero-bubble strong{max-width:200px;line-height:1.3}#kopsoz-directions .hero-bubble,#kopsoz-directions .hero-reply{filter:drop-shadow(0 5px 10px #243b2910)}#kopsoz-directions .hero-reply{max-width:calc(100% - 12px)}#kopsoz-directions .hero-reply strong{max-width:230px}#kopsoz-directions .hero-bubble .speaker{margin-bottom:2px;line-height:1.2}#kopsoz-directions .hero-bubble strong,#kopsoz-directions .hero-reply strong{line-height:1.15}#kopsoz-directions .hero-bubble small,#kopsoz-directions .hero-reply small{margin-top:2px;line-height:1.25}#kopsoz-directions header .app-brand>.header-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#kopsoz-directions .header-brand-copy strong{font-size:23px;line-height:1;font-weight:900}#kopsoz-directions .header-brand-copy small{margin:0;font-size:11px;line-height:1.2;letter-spacing:0;white-space:nowrap}@media(max-width:700px){#kopsoz-directions .header-brand-copy strong{font-size:21px}#kopsoz-directions .header-brand-copy small{font-size:9px}#kopsoz-directions .hero>div:first-child{text-align:center}#kopsoz-directions .hero>div:first-child>p{margin-inline:auto}#kopsoz-directions .hero .social-mini{justify-content:center}}#kopsoz-directions .cloud-showcase-download{--card-fill:#dcebd7;color:#325a39;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px 60px;min-height:200px}#kopsoz-directions .ks .cloud-showcase-download h3{font-size:30px;margin:0 0 10px}#kopsoz-directions .ks .cloud-showcase-download p{font-size:15px;max-width:540px}#kopsoz-directions .cloud-showcase-download .primary{flex-shrink:0;white-space:nowrap}@media(max-width:700px){#kopsoz-directions .cloud-showcase-download{flex-direction:column;text-align:center;padding:44px 30px;gap:22px;max-width:480px;margin-inline:auto}#kopsoz-directions .ks .cloud-showcase-download h3{font-size:26px}#kopsoz-directions .ks .cloud-showcase-download p{font-size:14px}}#kopsoz-directions .ks .cloud-showcase-download .primary{margin-top:0}#kopsoz-directions .cloud-showcase-download{flex-direction:column;justify-content:center;text-align:center;gap:20px;min-height:290px;padding:52px 68px;margin-top:12px}#kopsoz-directions .cloud-showcase-download:before{mask-image:url(/images/landing/shapes/download-cloud.svg);-webkit-mask-image:url(/images/landing/shapes/download-cloud.svg)}#kopsoz-directions .cloud-showcase-download>div{width:100%;max-width:720px;margin-inline:auto}#kopsoz-directions .ks .cloud-showcase-download p{max-width:600px;margin-inline:auto}#kopsoz-directions .refined .section-heading{padding-bottom:14px;gap:12px}#kopsoz-directions .refined .section-heading h2{margin:0 0 6px}#kopsoz-directions .refined .section-heading p{margin:0;line-height:1.5}#kopsoz-directions .cloud-showcase{padding-block:48px}#kopsoz-directions .cloud-showcase-heading{margin-bottom:24px}#kopsoz-directions .ks .cloud-showcase-heading h2{margin:0 0 6px}#kopsoz-directions .press-section,#kopsoz-directions .refined .reels-section{padding-block:48px}@media(max-width:700px){#kopsoz-directions .cloud-showcase-download{min-height:300px;padding:48px 30px;gap:18px}#kopsoz-directions .cloud-showcase-download:before{mask-image:url(/images/landing/shapes/feature-cloud.svg);-webkit-mask-image:url(/images/landing/shapes/feature-cloud.svg)}#kopsoz-directions .cloud-showcase{padding-block:36px}#kopsoz-directions .cloud-showcase-heading{margin-bottom:18px}#kopsoz-directions .refined .section-heading{padding-bottom:10px}#kopsoz-directions .press-section,#kopsoz-directions .refined .reels-section{padding-block:40px}}#kopsoz-directions .review-ribbon-author{max-width:130px;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}@media(max-width:400px){#kopsoz-directions .review-ribbon-author{max-width:90px}#kopsoz-directions .review-ribbon figcaption{gap:6px;font-size:11px}}#kopsoz-directions .review-group{align-items:center}#kopsoz-directions .review-ribbon blockquote{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#kopsoz-directions .cloud-ai,#kopsoz-directions .press-section,#kopsoz-directions .refined .reels-section{padding-top:72px}@media(max-width:700px){#kopsoz-directions .cloud-ai{padding-top:68px}#kopsoz-directions .press-section,#kopsoz-directions .refined .reels-section{padding-top:64px}#kopsoz-directions .refined .section-heading{justify-content:center;text-align:center}#kopsoz-directions .refined .section-heading>div{width:100%}#kopsoz-directions .refined .section-heading p{margin-inline:auto}}