.auth-page{justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.auth-container{width:100%;max-width:420px}.auth-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.auth-card h1{color:var(--text-primary);text-align:center;margin-bottom:.5rem;font-size:1.75rem}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.auth-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-form .form-group{flex-direction:column;gap:.5rem;display:flex}.auth-form label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.auth-form input{border:1px solid var(--card-border);color:var(--text-primary);background:#ffffff0d;border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb,139,92,246),.15);outline:none}.auth-form input::placeholder{color:var(--text-secondary);opacity:.5}.auth-button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s}.auth-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-links a{color:var(--accent-primary);font-weight:500;text-decoration:none}.auth-links a:hover{text-decoration:underline}.admin-page{max-width:1200px;margin:0 auto;padding:2rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-header h1{color:var(--text-primary);font-size:1.75rem}.admin-stats{gap:1rem;display:flex}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:1rem 1.5rem}.stat-card .stat-number{color:var(--accent-primary);font-size:1.5rem;font-weight:700}.stat-card .stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.admin-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}.admin-card-header{border-bottom:1px solid var(--card-border);padding:1.25rem 1.5rem}.admin-card-header h2{color:var(--text-primary);margin:0;font-size:1.125rem}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--card-border);padding:1rem 1.5rem}.users-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;font-size:.75rem;font-weight:600}.users-table td{color:var(--text-primary);font-size:.875rem}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:#ffffff05}.user-info{flex-direction:column;gap:.25rem;display:flex}.user-info .username{color:var(--text-primary);font-weight:600}.user-info .email{color:var(--text-secondary);font-size:.75rem}.status-badge{border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge.active{color:#22c55e;background:#22c55e26}.status-badge.inactive{color:#ef4444;background:#ef444426}.status-badge.admin{color:#8b5cf6;background:#8b5cf626}.admin-actions{gap:.5rem;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:opacity .2s}.admin-btn:hover{opacity:.8}.admin-btn.delete{color:#ef4444;background:#ef444426}.admin-btn.toggle{color:#3b82f6;background:#3b82f626}.admin-empty,.admin-loading{text-align:center;color:var(--text-secondary);padding:3rem}.access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.access-denied h1{color:var(--text-primary);margin-bottom:1rem}.access-denied p{color:var(--text-secondary);margin-bottom:2rem}.admin-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.admin-card-link{text-decoration:none}.admin-dashboard-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);cursor:pointer;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s}.admin-dashboard-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.admin-card-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.admin-dashboard-card h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.admin-dashboard-card p{color:var(--text-secondary);margin:0;font-size:.875rem}.admin-welcome{color:var(--text-secondary);margin-top:.5rem}@media (max-width:768px){.auth-card{padding:1.5rem}.admin-header{flex-direction:column;align-items:flex-start}.admin-stats{width:100%}.stat-card{flex:1}.users-table{display:block;overflow-x:auto}.users-table th,.users-table td{white-space:nowrap;padding:.75rem 1rem}.admin-cards-grid{grid-template-columns:1fr}}.back-link{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:var(--accent-primary)}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.stat-card-large{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);text-align:center;border-radius:12px;padding:1.5rem}.stat-card-large .stat-number{color:var(--accent-primary);font-size:2.5rem;font-weight:700;line-height:1}.stat-card-large .stat-label{color:var(--text-secondary);margin-top:.5rem;font-size:.875rem}.settings-section{margin-top:1.5rem}.settings-content{padding:1rem 1.5rem}.setting-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-label{color:var(--text-secondary);font-size:.875rem}.setting-value{color:var(--text-primary);font-weight:500}.setting-value.status-online{color:#22c55e}.setting-value.status-offline{color:#ef4444}.analytics-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.analytics-list{max-height:300px;padding:1rem 1.5rem;overflow-y:auto}.analytics-item{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.analytics-item:last-child{border-bottom:none}.analytics-label{color:var(--text-primary);font-size:.875rem}.analytics-value{color:var(--accent-primary);font-size:.875rem;font-weight:600}.analytics-empty{color:var(--text-secondary);text-align:center;padding:1rem 0;font-size:.875rem}.analytics-chart{justify-content:space-around;align-items:flex-end;gap:.5rem;height:180px;padding:1.5rem;display:flex}.chart-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg,var(--accent-primary)0%,#8b5cf666 100%);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:40px;min-height:20px;padding-top:.5rem;transition:transform .2s;display:flex}.chart-bar:hover{transform:scaleY(1.02)}.chart-value{color:#fff;font-size:.75rem;font-weight:600}.chart-label{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem}.referrer-cell{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}@media (max-width:768px){.analytics-grid{grid-template-columns:1fr}.analytics-chart{height:140px}.chart-bar{max-width:30px}}.page-login{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e32e6;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:2.5rem}.page-login-compact{padding:1.25rem}:is(body:has(.page-login-compact) .header,body:has(.page-login-compact) .breadcrumbs,body:has(.page-login-compact) .footer){display:none}body:has(.page-login-compact) .main-content{padding-top:0}.login-container-compact{border-radius:12px;max-width:390px;padding:1.25rem}.login-container-compact .login-choice-grid{gap:.75rem}.login-container-compact .login-choice-card{padding:.9rem}.login-header{text-align:center;margin-bottom:2rem}.login-icon{color:#a855f7;margin-bottom:1rem;font-size:3rem}.login-header h1{margin-bottom:.5rem;font-size:1.8rem}.login-header p{color:#fff9;font-size:.95rem}.login-choice-grid{gap:1rem;display:grid}.login-choice-card{color:#fff;background:#ffffff0b;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:auto 1fr;gap:.35rem .85rem;padding:1rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:grid}.login-choice-card:hover{background:#d4af3717;border-color:#d4af378c;transform:translateY(-1px)}.login-choice-icon{color:#d4af37;background:#d4af371f;border-radius:8px;grid-row:span 3;place-items:center;width:2.35rem;height:2.35rem;display:grid}.login-choice-card strong{font-size:1rem}.login-choice-card span:not(.login-choice-icon){color:#ffffff9e;font-size:.9rem;line-height:1.45}.login-choice-card em{color:#f0d975;align-items:center;gap:.35rem;font-size:.88rem;font-style:normal;font-weight:700;display:inline-flex}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-error{color:#f87171;background:#ef444433;border:1px solid #ef4444;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.login-form .form-group{flex-direction:column;gap:.5rem;display:flex}.login-form .form-group label{color:#fffc;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.login-form .form-group input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-form .form-group input:focus{border-color:#a855f7;outline:none;box-shadow:0 0 0 3px #a855f733}.login-form .form-group input::placeholder{color:#ffffff4d}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#6366f1);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #a855f766}.login-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{text-align:center;border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}.login-footer p{color:#fff9;justify-content:center;align-items:center;gap:.5rem;display:flex}.toggle-btn{color:#a855f7;cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:600}.toggle-btn:hover{text-decoration:underline}.back-home{text-align:center;color:#ffffff80;justify-content:center;align-items:center;gap:.45rem;width:100%;margin-top:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-home:hover{color:#fff}@media (max-width:480px){.login-container{padding:1.5rem}}.analytics-page{max-width:1400px}.analytics-page .admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.analytics-page .header-icon{color:#a855f7}.analytics-hero-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;display:grid}.analytics-hero-card{background:linear-gradient(135deg,#1e1e3ce6 0%,#141428f2 100%);border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.analytics-hero-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.analytics-hero-card .hero-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.analytics-hero-card.purple .hero-icon{color:#a855f7;background:#a855f733}.analytics-hero-card.blue .hero-icon{color:#3b82f6;background:#3b82f633}.analytics-hero-card.green .hero-icon{color:#22c55e;background:#22c55e33}.analytics-hero-card.orange .hero-icon{color:#f97316;background:#f9731633}.hero-content .hero-number{color:#fff;font-size:2rem;font-weight:700;line-height:1.2}.hero-content .hero-label{color:#fff9;margin-top:.25rem;font-size:.85rem}.analytics-tabs{background:#ffffff08;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex;overflow-x:auto}.tab-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#a855f7,#6366f1)}.analytics-chart-card{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.analytics-chart-card h2{color:#fff;margin-bottom:1.5rem;font-size:1.1rem}.chart-container{justify-content:space-between;align-items:flex-end;gap:.5rem;height:200px;display:flex}.chart-column{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;width:100%;max-width:50px;display:flex;position:relative}.chart-bar-fill{background:linear-gradient(#a855f7 0%,#6366f1 100%);border-radius:6px 6px 0 0;width:100%;min-height:8px;transition:height .3s}.chart-tooltip{color:#fff;opacity:0;background:#000c;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;transition:opacity .2s;position:absolute;top:-25px}.chart-bar-wrapper:hover .chart-tooltip{opacity:1}.chart-bar-wrapper:hover .chart-bar-fill{filter:brightness(1.2)}.chart-day{color:#ffffff80;margin-top:.75rem;font-size:.75rem}.analytics-stats-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.analytics-stat-card{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;padding:1.25rem}.stat-card-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.stat-card-header .stat-icon{color:#a855f7;font-size:1.1rem}.stat-card-header h3{color:#fff;margin:0;font-size:.95rem}.stat-list{flex-direction:column;gap:.5rem;display:flex}.stat-row{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.stat-rank{color:#a855f7;background:#a855f733;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:600;display:flex}.stat-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.stat-count{color:#a855f7;font-size:.85rem;font-weight:600}.analytics-visitors-card{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.visitors-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.visitors-header h2{color:#fff;align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.visitors-subtitle{color:#ffffff80;margin-top:.25rem;font-size:.8rem}.filter-toggle-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.filter-toggle-btn:hover,.filter-toggle-btn.active{color:#fff;background:#a855f733;border-color:#a855f7}.visitors-filter-panel{background:#0003;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;display:flex}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-group label{color:#ffffff80;font-size:.75rem}.filter-group select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.filter-group select:focus{border-color:#a855f7;outline:none}.sort-dir-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-self:flex-end;padding:.5rem;transition:all .2s}.sort-dir-btn:hover{color:#fff;background:#a855f733}.visitors-table-wrapper{overflow-x:auto}.visitors-table{border-collapse:collapse;width:100%}.visitors-table th,.visitors-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem}.visitors-table th{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.visitors-table td{color:#fffc;font-size:.85rem}.visitors-table.clickable tbody tr{cursor:pointer;transition:background .2s}.visitors-table.clickable tbody tr:hover{background:#a855f71a}.visitors-table code{background:#0000004d;border-radius:4px;padding:.25rem .5rem;font-size:.8rem}.views-badge{color:#a855f7;background:#a855f733;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;font-weight:600}.pagination{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex}.pagination button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem .75rem;transition:all .2s}.pagination button:hover:not(:disabled){background:#a855f733;border-color:#a855f7}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:#fff9;font-size:.85rem}.analytics-map-card{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem}.analytics-map-card h2{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;display:flex}.map-cities-list{margin-top:1.5rem}.map-cities-list h3{color:#ffffffb3;margin-bottom:1rem;font-size:.9rem}.cities-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.city-item{align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.city-rank{color:#a855f7;background:#a855f733;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.city-name{color:#fffc;flex:1;font-size:.85rem}.city-count{color:#a855f7;font-size:.85rem;font-weight:600}.analytics-recent-card{background:#1e1e3ccc;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.recent-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.recent-header h2{color:#fff;font-size:1.1rem}.refresh-btn{color:#a855f7;cursor:pointer;background:#a855f733;border:1px solid #a855f7;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.refresh-btn:hover{color:#fff;background:#a855f7}.recent-table{border-collapse:collapse;width:100%}.recent-table th,.recent-table td{text-align:left;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem}.recent-table th{color:#ffffff80;text-transform:uppercase;font-size:.75rem;font-weight:600}.recent-table td{color:#fffc;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.visitor-modal{background:linear-gradient(135deg,#1e1e3cfa 0%,#141428fa 100%);border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:600px;max-height:85vh;position:relative;overflow-y:auto}.modal-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.modal-loading,.modal-error{text-align:center;color:#fff9;padding:4rem}.visitor-modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem}.visitor-modal-header h2{color:#fff;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;display:flex}.visitor-ip code{color:#ffffffb3;background:#0000004d;border-radius:6px;padding:.25rem .75rem;font-size:.85rem}.visitor-summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2rem;display:grid}.summary-card{text-align:center;background:#ffffff08;border-radius:12px;padding:1rem}.summary-icon{color:#a855f7;margin-bottom:.5rem;font-size:1.25rem}.summary-value{color:#fff;font-size:1.5rem;font-weight:700}.summary-label{color:#ffffff80;margin-top:.25rem;font-size:.75rem}.visitor-dates{color:#ffffffb3;flex-direction:column;gap:.5rem;padding:0 2rem 1.5rem;font-size:.85rem;display:flex}.visitor-dates strong{color:#ffffff80}.visitor-section{border-top:1px solid #ffffff1a;padding:1.5rem 2rem}.visitor-section h3{color:#fff;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;display:flex}.top-pages-list{flex-direction:column;gap:.5rem;display:flex}.top-page-item{background:#ffffff08;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.page-rank{color:#a855f7;background:#a855f733;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.page-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.page-count{color:#a855f7;font-size:.8rem;font-weight:600}.page-time{color:#ffffff80;font-size:.8rem}.modal-tabs{border-bottom:1px solid #ffffff1a;gap:.5rem;padding:1rem 2rem;display:flex}.modal-tab{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.modal-tab:hover{color:#ffffffe6;background:#ffffff1a}.modal-tab.active{color:#a855f7;background:#a855f733;border-color:#a855f7}.visits-history-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.visit-history-item{background:#ffffff08;border-left:3px solid #a855f7;border-radius:8px;align-items:center;gap:1rem;padding:.75rem;display:flex}.visit-time{color:#ffffff80;white-space:nowrap;min-width:100px;font-size:.75rem}.visit-page{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;overflow:hidden}.visit-duration{color:#10b981;align-items:center;gap:.25rem;min-width:60px;font-size:.8rem;font-weight:500;display:flex}@media (max-width:1024px){.analytics-hero-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-hero-grid{grid-template-columns:1fr}.analytics-hero-card{padding:1rem}.hero-content .hero-number{font-size:1.5rem}.analytics-tabs{padding:.25rem}.tab-btn{padding:.5rem 1rem;font-size:.8rem}.chart-container{height:150px}.visitors-table th,.visitors-table td{padding:.75rem 1rem;font-size:.8rem}.visitor-summary-grid{grid-template-columns:1fr;padding:1rem}.visitor-modal-header,.visitor-section,.visitor-dates{padding-left:1rem;padding-right:1rem}}.admin-users-link{color:#a855f7;background:#a855f726;border:1px solid #a855f74d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-users-link:hover{background:#a855f740;border-color:#a855f7;transform:translateY(-1px)}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.exclude-admin-toggle{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.exclude-admin-toggle:hover{background:#ffffff14;border-color:#fff3}.exclude-admin-toggle input[type=checkbox]{cursor:pointer;accent-color:#a855f7;width:18px;height:18px}.exclude-admin-toggle span{white-space:nowrap}@media (max-width:768px){.admin-header-actions{justify-content:flex-start;width:100%}.exclude-admin-toggle{padding:.4rem .75rem;font-size:.8rem}}
.page-kurse{max-width:1400px;margin:0 auto;padding:2rem}.kurse-header{text-align:center;margin-bottom:3rem}.kurse-header h1{background:linear-gradient(135deg,var(--accent),var(--highlight));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.kurse-header p{color:var(--text-muted);font-size:1.1rem}.kurse-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.kurs-card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:1rem;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.kurs-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.kurs-card-bild{background:linear-gradient(135deg,var(--bg),var(--card));height:180px;overflow:hidden}.kurs-card-bild img{object-fit:cover;width:100%;height:100%}.kurs-card-content{padding:1.5rem}.kurs-card-kategorie{background:var(--accent);color:#fff;border-radius:1rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.kurs-card-content h2{color:var(--text);margin-bottom:.5rem;font-size:1.25rem}.kurs-card-content p{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.kurs-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.kurs-card-meta span{align-items:center;gap:.35rem;display:flex}.kurs-card-meta .schwierigkeit.anfänger{color:#4caf50}.kurs-card-meta .schwierigkeit.fortgeschritten{color:#ff9800}.kurs-card-meta .schwierigkeit.experte{color:#f44336}.keine-kurse{text-align:center;color:var(--text-muted);padding:4rem}.page-kurs{height:calc(100vh - 120px);overflow:hidden}.kurs-engine{background:var(--bg);height:100%;display:flex}.kurs-sidebar{background:var(--card);border-right:1px solid var(--border);flex-direction:column;width:320px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:1.5rem}.sidebar-header .back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;padding:0;font-size:.9rem;display:flex}.sidebar-header .back-btn:hover{color:var(--accent)}.sidebar-header h3{color:var(--text);margin-bottom:1rem;font-size:1.1rem}.progress-bar-container{background:var(--border);border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-bar-container .progress-bar{background:linear-gradient(90deg,var(--accent),var(--highlight));height:100%;transition:width .3s}.progress-bar-container .progress-text{color:var(--text-muted);font-size:.75rem;position:absolute;top:12px;left:0}.kurs-nav{flex:1;padding:1rem;overflow-y:auto}.nav-modul{margin-bottom:1.5rem}.modul-header{color:var(--text);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem;font-size:.9rem;font-weight:600;display:flex}.modul-nummer{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.inhalt-liste{margin:0;padding:0;list-style:none}.inhalt-liste li{margin-bottom:.25rem}.nav-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;font-size:.85rem;transition:all .2s;display:flex}.nav-item:hover:not(.locked){background:#ffffff0d}.nav-item.active{background:rgba(var(--accent-rgb,229,57,53),.15);color:var(--accent)}.nav-item.completed{color:#4caf50}.nav-item.locked{color:var(--text-muted);opacity:.5;cursor:not-allowed}.item-icon{justify-content:center;width:20px;display:flex}.item-titel{flex:1}.item-typ{text-transform:uppercase;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.item-typ.praesentation{color:#2196f3;background:#2196f333}.item-typ.uebung{color:#ff9800;background:#ff980033}.item-typ.test{color:#9c27b0;background:#9c27b033}.kurs-main{flex:1;padding:2rem;overflow-y:auto}.kurs-willkommen{max-width:800px;margin:0 auto;padding:2rem}.kurs-willkommen-header{gap:2rem;margin-bottom:2rem;display:flex}.kurs-bild{border-radius:1rem;flex-shrink:0;width:200px;height:200px;overflow:hidden}.kurs-bild img{object-fit:cover;width:100%;height:100%}.kurs-info{flex:1}.kurs-kategorie{background:var(--accent);color:#fff;border-radius:1rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.kurs-info h1{color:var(--text);margin-bottom:.5rem;font-size:2rem}.kurs-beschreibung{color:var(--text-muted);line-height:1.6}.kurs-stats{background:var(--card);border:1px solid var(--border);border-radius:1rem;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.kurs-stat{color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.kurs-stat svg{color:var(--accent)}.kurs-module-preview{margin-bottom:2rem}.kurs-module-preview h2{color:var(--text);margin-bottom:1rem;font-size:1.25rem}.modul-liste{margin:0;padding:0;list-style:none}.modul-item{background:var(--card);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex}.modul-item .modul-nummer{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;display:flex}.modul-item .modul-titel{color:var(--text);flex:1;font-weight:500}.modul-item .modul-inhalt-count{color:var(--text-muted);font-size:.85rem}.kurs-start-btn{background:linear-gradient(135deg,var(--accent),var(--highlight));color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.kurs-start-btn:hover{box-shadow:0 5px 20px rgba(var(--accent-rgb,229,57,53),.4);transform:translateY(-2px)}.praesentation-container{background:var(--card);border:1px solid var(--border);border-radius:1rem;max-width:900px;margin:0 auto;overflow:hidden}.praesentation-container.fullscreen{z-index:1000;border-radius:0;max-width:none;position:fixed;inset:0}.praesentation-header{border-bottom:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.praesentation-header h2{color:var(--text);margin:0;font-size:1rem}.praesentation-controls-top{align-items:center;gap:1rem;display:flex}.slide-counter{color:var(--text-muted);font-size:.9rem}.fullscreen-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.5rem}.fullscreen-btn:hover{color:var(--text);background:#ffffff1a}.slide{min-height:400px;padding:2rem}.slide-titel{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.slide-inhalt{color:var(--text);line-height:1.8}.slide-inhalt ul,.slide-inhalt ol{margin:1rem 0;padding-left:1.5rem}.slide-inhalt li{margin-bottom:.5rem}.slide-inhalt code{font-family:var(--font-jetbrains-mono),monospace;color:var(--highlight);background:#0000004d;border-radius:.25rem;padding:.15rem .5rem}.slide-bild{text-align:center;margin:1.5rem 0}.slide-bild img{border-radius:.5rem;max-width:100%;box-shadow:0 5px 20px #0000004d}.slide-code{background:#1e1e1e;border-radius:.5rem;margin:1rem 0;padding:1rem;overflow-x:auto}.slide-code code{color:#9cdcfe;background:0 0;padding:0}.slide-notizen{background:rgba(var(--highlight-rgb,255,214,0),.1);border-left:3px solid var(--highlight);color:var(--text-muted);border-radius:0 .5rem .5rem 0;margin-top:1.5rem;padding:1rem}.praesentation-navigation{border-top:1px solid var(--border);background:#0003;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.nav-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;transition:all .2s;display:flex}.nav-btn:hover:not(:disabled){background:var(--border)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.nav-btn.primary:hover:not(:disabled){background:var(--highlight);border-color:var(--highlight);color:#1a1a1a}.slide-dots{gap:.5rem;display:flex}.slide-dots .dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.slide-dots .dot:hover{background:var(--text-muted)}.slide-dots .dot.active{background:var(--accent);transform:scale(1.2)}.slide-dots .dot.completed{background:#4caf50}.uebung-container{max-width:800px;margin:0 auto}.uebung-header h2{color:var(--text);margin-bottom:1.5rem;font-size:1.5rem}.uebung-aufgabe{background:var(--card);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.uebung-aufgabe h3{color:var(--accent);margin-bottom:1rem;font-size:1.1rem}.aufgabe-inhalt{color:var(--text);line-height:1.7}.aufgabe-inhalt ol,.aufgabe-inhalt ul{margin:1rem 0;padding-left:1.5rem}.aufgabe-inhalt li{margin-bottom:.5rem}.uebung-dateien{background:var(--card);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.uebung-dateien h4{color:var(--text);margin-bottom:1rem;font-size:1rem}.dateien-liste{flex-direction:column;gap:.5rem;display:flex}.datei-link{color:var(--text);background:#0003;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.datei-link:hover{color:var(--accent);background:#0000004d}.datei-link svg{color:var(--accent)}.datei-link .datei-typ{color:var(--text-muted);margin-left:auto;font-size:.75rem}.uebung-hinweise{margin-bottom:1.5rem}.hinweise-toggle{background:rgba(var(--highlight-rgb,255,214,0),.1);border:1px solid rgba(var(--highlight-rgb,255,214,0),.3);color:var(--highlight);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.hinweise-toggle:hover{background:rgba(var(--highlight-rgb,255,214,0),.2)}.hinweise-liste{background:rgba(var(--highlight-rgb,255,214,0),.05);border-radius:.5rem;margin-top:1rem;padding:1rem;list-style:none}.hinweise-liste li{color:var(--text-muted);align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.hinweise-liste li:before{content:"💡"}.uebung-loesung{margin-bottom:1.5rem}.loesung-toggle{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.loesung-toggle:hover{background:var(--border)}.loesung-inhalt{background:#4caf501a;border:1px solid #4caf504d;border-radius:.5rem;margin-top:1rem;padding:1.5rem}.loesung-inhalt h4{color:#4caf50;margin-bottom:1rem}.loesung-inhalt table{border-collapse:collapse;margin:1rem 0}.loesung-inhalt td{border:1px solid var(--border);padding:.5rem}.uebung-actions{text-align:center}.complete-btn{background:linear-gradient(135deg,var(--accent),var(--highlight));color:#fff;cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.complete-btn:hover{box-shadow:0 5px 20px rgba(var(--accent-rgb,229,57,53),.4);transform:translateY(-2px)}.test-container{max-width:700px;margin:0 auto}.test-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.test-header h2{color:var(--text);font-size:1.5rem}.test-info{align-items:center;gap:1.5rem;display:flex}.frage-counter{color:var(--text-muted);font-size:.9rem}.zeit{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.zeit.warning{color:#f44336;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.test-progress{background:var(--border);border-radius:3px;height:6px;margin-bottom:2rem;overflow:hidden}.test-progress .progress-fill{background:linear-gradient(90deg,var(--accent),var(--highlight));height:100%;transition:width .3s}.frage-container{background:var(--card);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:2rem}.frage-text{color:var(--text);margin-bottom:1.5rem;font-size:1.2rem}.optionen-liste{flex-direction:column;gap:.75rem;display:flex}.option{border:2px solid var(--border);cursor:pointer;background:#0003;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.option:hover{border-color:var(--text-muted);background:#0000004d}.option.selected{background:rgba(var(--accent-rgb,229,57,53),.15);border-color:var(--accent)}.option input{display:none}.option-text{color:var(--text)}.text-antwort{margin-top:1rem}.text-input{border:2px solid var(--border);width:100%;color:var(--text);background:#0003;border-radius:.5rem;padding:1rem;font-size:1rem;transition:all .2s}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--text-muted)}.test-navigation{justify-content:space-between;display:flex}.nav-btn.submit{background:#4caf50;border-color:#4caf50}.nav-btn.submit:hover:not(:disabled){background:#66bb6a;border-color:#66bb6a}.test-ergebnis{max-width:700px;margin:0 auto}.ergebnis-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:1rem;padding:2rem}.ergebnis-card.bestanden{border-color:#4caf50}.ergebnis-card.nicht-bestanden{border-color:#f44336}.ergebnis-icon{margin-bottom:1rem;font-size:4rem}.bestanden .ergebnis-icon{color:#ffd600}.nicht-bestanden .ergebnis-icon{color:#f44336}.ergebnis-card h2{color:var(--text);margin-bottom:1.5rem;font-size:1.5rem}.ergebnis-stats{background:#0003;border-radius:.5rem;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.5rem;display:flex}.ergebnis-stats .stat{flex-direction:column;align-items:center;display:flex}.ergebnis-stats .stat-value{color:var(--text);font-size:2rem;font-weight:700}.ergebnis-stats .stat-label{color:var(--text-muted);margin-top:.25rem;font-size:.8rem}.ergebnis-details{text-align:left;margin-bottom:2rem}.ergebnis-details h3{color:var(--text);margin-bottom:1rem;font-size:1.1rem}.frage-auswertung{border-radius:.5rem;margin-bottom:.75rem;padding:1rem}.frage-auswertung.richtig{background:#4caf501a;border-left:3px solid #4caf50}.frage-auswertung.falsch{background:#f443361a;border-left:3px solid #f44336}.frage-auswertung .frage-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.frage-auswertung .frage-nummer{color:var(--text-muted);font-weight:600}.icon-richtig{color:#4caf50}.icon-falsch{color:#f44336}.frage-auswertung .frage-text{margin-bottom:.5rem;font-size:.95rem}.frage-auswertung .frage-erklaerung{color:var(--text-muted);font-size:.85rem;font-style:italic}.ergebnis-actions{justify-content:center;gap:1rem;display:flex}.retry-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.retry-btn:hover{background:var(--border)}.continue-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.continue-btn:hover{background:#66bb6a}.konsole-container{max-width:900px;margin:0 auto}.konsole-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.konsole-header h2{color:var(--text);margin:0;font-size:1.5rem}.loading-indicator{color:var(--highlight);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.loading-indicator .spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.konsole-aufgabe{background:var(--card);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.konsole-aufgabe h3{color:var(--accent);margin-bottom:1rem;font-size:1.1rem}.konsole-aufgabe p{color:var(--text);line-height:1.6}.konsole-aufgabe code{font-family:var(--font-jetbrains-mono),monospace;color:var(--highlight);background:#0000004d;border-radius:.25rem;padding:.15rem .5rem}.konsole-hinweise{margin-bottom:1.5rem}.konsole-editor{margin-bottom:1rem}.editor-header{border:1px solid var(--border);background:#1e1e1e;border-bottom:none;border-radius:.5rem .5rem 0 0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.editor-label{color:var(--highlight);font-size:.85rem;font-weight:600}.editor-hint{color:var(--text-muted);font-size:.75rem}.code-input{border:1px solid var(--border);color:#9cdcfe;width:100%;min-height:200px;font-family:var(--font-jetbrains-mono),var(--font-fira-code),monospace;resize:vertical;tab-size:4;background:#1e1e1e;border-radius:0 0 .5rem .5rem;padding:1rem;font-size:.95rem;line-height:1.6}.code-input:focus{border-color:var(--accent);outline:none}.code-input:disabled{opacity:.6;cursor:wait}.konsole-error{color:#f44336;background:#f443361a;border:1px solid #f44336;border-radius:.5rem;margin-bottom:1rem;padding:1rem;font-size:.9rem}.konsole-actions{gap:1rem;margin-bottom:1.5rem;display:flex}.run-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#8bc34a);border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.run-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4caf5066}.run-btn:disabled{opacity:.6;cursor:not-allowed}.run-btn .spin{animation:1s linear infinite spin}.reset-btn{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s;display:flex}.reset-btn:hover{background:var(--border)}.konsole-output{border:2px solid var(--border);background:#0d0d0d;border-radius:.5rem;margin-bottom:1.5rem;transition:border-color .3s;overflow:hidden}.konsole-output.correct{border-color:#4caf50}.konsole-output.incorrect{border-color:#f44336}.output-header{border-bottom:1px solid var(--border);color:var(--text-muted);background:#ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;display:flex}.result-badge{border-radius:1rem;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:flex}.result-badge.correct{color:#4caf50;background:#4caf5033}.result-badge.incorrect{color:#f44336;background:#f4433633}.output-content{color:#a5d6a7;min-height:80px;font-family:var(--font-jetbrains-mono),monospace;white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem;font-size:.9rem}.erwartete-ausgabe{background:rgba(var(--highlight-rgb,255,214,0),.1);border-left:3px solid var(--highlight);color:var(--text-muted);border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem;padding:1rem;font-size:.9rem}.erwartete-ausgabe code{font-family:var(--font-jetbrains-mono),monospace;color:var(--highlight);background:#0000004d;border-radius:.25rem;padding:.15rem .5rem}.konsole-complete{text-align:center}.item-typ.konsole{color:#4caf50;background:#4caf5033}.loading-indicator.ready{color:#4caf50}.python-download-section{background:var(--card);border:2px dashed var(--border);text-align:center;border-radius:1rem;margin-bottom:1.5rem;padding:3rem 2rem}.download-info{margin-bottom:2rem}.download-info .python-icon{color:#3776ab;margin-bottom:1rem;font-size:4rem}.download-info h3{color:var(--text);margin-bottom:1rem;font-size:1.5rem}.download-info p{color:var(--text-muted);max-width:500px;margin:0 auto .5rem;line-height:1.6}.download-info .download-note{color:var(--highlight);font-size:.85rem;font-style:italic}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3776ab,#ffd43b);border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.download-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #3776ab66}.download-progress{padding:2rem}.download-progress .spin{color:var(--accent);margin-bottom:1rem;font-size:3rem;animation:1s linear infinite spin}.download-progress p{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.download-progress .download-hint{color:var(--text-muted);font-size:.9rem}.download-error{color:#f44336}.download-error svg{margin-bottom:1rem;font-size:3rem}.download-error p{margin-bottom:.5rem}.download-error .error-hint{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.retry-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.retry-btn:hover{background:#d32f2f;transform:translateY(-2px)}.complete-btn.secondary{background:var(--card);border:1px solid var(--border);color:var(--text-muted)}.complete-btn.secondary:hover{background:var(--border);color:var(--text)}@media (max-width:1024px){.kurs-engine{flex-direction:column}.kurs-sidebar{width:100%;max-height:300px}.page-kurs{height:auto;overflow:visible}}@media (max-width:768px){.kurse-grid{grid-template-columns:1fr}.kurs-willkommen-header{text-align:center;flex-direction:column}.kurs-bild{width:150px;height:150px;margin:0 auto}.kurs-stats{flex-wrap:wrap;justify-content:center;gap:1rem}.praesentation-navigation{flex-direction:column;gap:1rem}.slide-dots{order:-1}.ergebnis-stats{flex-direction:column;gap:1rem}}
.kimest-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}.kimest-hero{text-align:center;margin-bottom:3rem;padding:3rem 1rem 2rem}.kimest-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-family:var(--font-heading);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;line-height:1.2;animation:4s infinite gradientMove}.kimest-hero .subtitle{color:var(--text-muted);font-size:clamp(1rem,2.5vw,1.3rem);font-family:var(--font-body);margin-bottom:1.5rem}.kimest-hero .welcome{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:.95rem;line-height:1.7}.kimest-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.kimest-tag-card{background:var(--card);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:16px;padding:1.75rem;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.kimest-tag-card:before{content:"";background:var(--tag-farbe);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.kimest-tag-card:hover{border-color:var(--tag-farbe);box-shadow:0 8px 30px rgba(var(--accent-rgb),.15),0 0 0 1px var(--tag-farbe);transform:translateY(-4px)}.kimest-tag-card .tag-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.kimest-tag-card .tag-nummer{align-items:center;gap:.5rem;display:flex}.kimest-tag-card .tag-nummer .icon{font-size:1.5rem}.kimest-tag-card .tag-nummer .nr{font-family:var(--font-heading);color:var(--text-muted);font-size:.85rem;font-weight:600}.kimest-tag-card .tag-datum{color:var(--text-muted);font-size:.8rem;font-family:var(--font-accent);background:#ffffff0d;border-radius:20px;padding:.25rem .65rem}.kimest-tag-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:.5rem;font-size:1.2rem;line-height:1.3}.kimest-tag-card .tag-beschreibung{color:var(--text-muted);margin-bottom:1rem;font-size:.88rem;line-height:1.5}.kimest-tag-card .tag-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex}.tag-status.aktiv{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.tag-status.kommend{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.tag-status.abgeschlossen{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.kimest-specials{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.kimest-special-card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.kimest-special-card:hover{border-color:var(--accent-light);box-shadow:0 4px 20px rgba(var(--accent-rgb),.1);transform:translateY(-2px)}.kimest-special-card .special-icon{flex-shrink:0;font-size:2rem}.kimest-special-card .special-text h4{font-family:var(--font-heading);margin-bottom:.2rem;font-size:1rem}.kimest-special-card .special-text p{color:var(--text-muted);font-size:.82rem}.kimest-tag-page{max-width:1000px;margin:0 auto;padding:2rem 1.5rem 4rem}.kimest-tag-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:2.5rem;padding:2rem 0 2.5rem}.kimest-tag-header .tag-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.kimest-tag-header .tag-meta span{color:var(--text-muted);font-size:.85rem;font-family:var(--font-accent)}.kimest-tag-header h1{font-size:clamp(1.8rem,4vw,2.5rem);font-family:var(--font-heading);margin-bottom:.5rem}.kimest-tag-header .tag-subtitle{color:var(--text-muted);font-size:1.05rem}.kimest-tag-hinweis{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:2rem;padding:.85rem 1.25rem;font-size:.9rem;display:flex}.kimest-tabs{border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;margin-bottom:2rem;display:flex;overflow-x:auto}.kimest-tabs::-webkit-scrollbar{display:none}.kimest-tab{font-size:.9rem;font-family:var(--font-heading);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.75rem 1.25rem;font-weight:500;transition:all .25s}.kimest-tab:hover{color:var(--text)}.kimest-tab.active{color:var(--accent-light);border-bottom-color:var(--accent-light)}.kimest-presentation{background:var(--card);border:1px solid var(--border);isolation:isolate;touch-action:pan-y;border-radius:16px;flex-direction:column;min-height:500px;display:flex;position:relative;overflow:hidden}html[data-user-bg="1"] .kimest-presentation:before{content:"";z-index:-2;background-image:var(--user-bg);filter:blur(34px)saturate(.82)brightness(.38);opacity:.72;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-12%;transform:scale(1.08)}html[data-user-bg="1"] .kimest-presentation:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 12%,#60a5fa24,#0000 34%),radial-gradient(circle at 86% 18%,#cba0351f,#0000 30%),#02040aad;position:absolute;inset:0}.kimest-slide{flex-direction:column;justify-content:center;min-height:500px;padding:3rem;display:flex}.kimest-slide-frame{flex:1;min-width:0;min-height:0}.kimest-slide.typ-titel{text-align:center;background:linear-gradient(135deg,#3b82f614,#8b5cf614);justify-content:center;align-items:center}.kimest-slide.typ-titel h2{font-size:clamp(1.8rem,4vw,2.8rem);font-family:var(--font-heading);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem}.kimest-slide.typ-titel p{color:var(--text-muted);font-size:1.15rem}.kimest-slide h2{font-family:var(--font-heading);color:var(--accent-light);margin-bottom:1.5rem;font-size:1.6rem}.kimest-slide.typ-text p,.kimest-slide.typ-definition p{color:var(--text);max-width:800px;font-size:1.05rem;line-height:1.8}.kimest-slide.typ-definition p{border-left:4px solid var(--accent-light);background:#3b82f60f;border-radius:0 12px 12px 0;padding:1.5rem;font-style:italic}.kimest-slide.typ-liste ul{flex-direction:column;gap:.85rem;list-style:none;display:flex}.kimest-slide.typ-liste li{padding-left:1.75rem;font-size:1rem;line-height:1.6;position:relative}.kimest-slide.typ-liste li:before{content:"▸";color:var(--accent-light);font-weight:700;position:absolute;left:0}.kimest-slide.typ-code pre{border:1px solid var(--border);font-family:var(--font-accent);color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0006;border-radius:12px;padding:1.5rem;font-size:.9rem;line-height:1.7;overflow-x:auto}.kimest-slide.typ-bild{text-align:center;align-items:center;gap:1rem}.kimest-slide.typ-bild img{object-fit:contain;border:1px solid var(--border);background:#00000038;border-radius:16px;width:min(100%,980px);max-height:360px;box-shadow:0 20px 60px #00000047}.kimest-slide.typ-bild p{max-width:880px;color:var(--text);font-size:1rem;line-height:1.55}.kimest-slide.typ-bild small{color:var(--text-muted);font-size:.78rem}.kimest-slide.typ-vergleich .vergleich-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.kimest-slide.typ-vergleich .vergleich-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;padding:1.5rem}.kimest-slide.typ-vergleich .vergleich-item h3{font-family:var(--font-heading);color:var(--accent-light);margin-bottom:.75rem;font-size:1.1rem}.kimest-slide.typ-vergleich .vergleich-item p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.wb-glossary-hit-wrap{display:inline;position:relative}.wb-glossary-hit{color:inherit;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;background:#60a5fa2e;border:0;border-radius:.35em;padding:.02em .22em;display:inline;box-shadow:inset 0 -.11em #60a5fa59}.wb-glossary-hit:hover,.wb-glossary-hit.active{background:#fbbf2442;box-shadow:inset 0 -.13em #fbbf248f}.kimest-slide h2 .wb-glossary-hit,.kimest-slide h3 .wb-glossary-hit{color:#93c5fd;-webkit-text-fill-color:#93c5fd;background:#60a5fa33;-webkit-background-clip:border-box;background-clip:border-box}.kimest-slide h2 .wb-glossary-hit:hover,.kimest-slide h2 .wb-glossary-hit.active,.kimest-slide h3 .wb-glossary-hit:hover,.kimest-slide h3 .wb-glossary-hit.active{color:#fbbf24;-webkit-text-fill-color:#fbbf24}.wb-glossary-backdrop{z-index:10070;cursor:default;background:#0000002e;position:fixed;inset:0}.wb-glossary-popover{z-index:10080;color:#f8fafc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:left;overscroll-behavior:contain;background:linear-gradient(145deg,#090c14fa,#101622fa);border:1px solid #ffffff29;border-radius:18px;gap:.68rem;width:min(620px,100vw - 1.25rem);max-height:min(82dvh,620px);padding:1.1rem;font-size:.9rem;line-height:1.45;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000008f}.wb-glossary-close{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:2rem;height:2rem;font-size:1.25rem;line-height:1;display:grid;position:absolute;top:.65rem;right:.7rem}.wb-glossary-popover,.wb-glossary-popover *{color:#f8fafc;-webkit-text-fill-color:currentColor;-webkit-background-clip:border-box;background-clip:border-box}.wb-glossary-kicker{letter-spacing:.04em;text-transform:uppercase;background:#93c5fd1f;border-radius:999px;width:fit-content;padding:.18rem .5rem;font-weight:800;color:#93c5fd!important;font-size:.68rem!important}.wb-glossary-popover strong{color:#fbbf24;padding-right:2rem;font-size:1.12rem;line-height:1.2}.wb-glossary-definition{color:#f8fafcd1;line-height:1.5;display:block}.wb-glossary-aliases{line-height:1.35;display:block;color:#f8fafc94!important;font-size:.78rem!important}.wb-glossary-popover a{color:#93c5fd;font-weight:700;text-decoration:none}.wb-glossary-wiki{background:#ffffff0b;border:1px solid #93c5fd24;border-radius:14px;grid-template-columns:92px minmax(0,1fr);gap:.7rem;min-width:0;margin-top:.1rem;padding:.75rem;display:grid!important}.wb-glossary-wiki.loading{color:#f8fafc9e;font-size:.82rem;display:block!important}.wb-glossary-wiki img{object-fit:cover;background:#ffffff0f;border-radius:12px;width:92px;height:92px}.wb-glossary-wiki-body{align-content:start;gap:.35rem;min-width:0;display:grid!important}.wb-glossary-wiki-source{text-transform:uppercase;letter-spacing:.04em;font-weight:800;color:#fbbf24!important;font-size:.72rem!important}.wb-glossary-wiki-extract{color:#f8fafcc7;line-height:1.45;display:block}@media (max-width:520px){.wb-glossary-popover{border-radius:16px;gap:.6rem;width:calc(100vw - 1rem);max-height:min(86dvh,620px);padding:.9rem}.wb-glossary-wiki{grid-template-columns:1fr;padding:.65rem}.wb-glossary-wiki img{width:100%;height:150px}}.kimest-presentation.fullscreen .wb-glossary-popover{z-index:10090}.kimest-presentation.fullscreen .wb-glossary-backdrop{z-index:10080}.slide-nav{border-top:1px solid var(--border);background:#0000004d;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.slide-nav-group{align-items:center;gap:.55rem;display:flex}.slide-nav button{color:var(--text);font-size:.85rem;font-family:var(--font-body);border:1px solid var(--border);background:#ffffff14;border-radius:8px;padding:.5rem 1.25rem;transition:all .2s}.slide-nav button:hover:not(:disabled){border-color:var(--accent-light);background:#ffffff26}.slide-nav button:disabled{opacity:.3;cursor:not-allowed}.slide-nav .slide-counter{color:var(--text-muted);font-size:.85rem;font-family:var(--font-accent)}.slide-fullscreen-btn{color:var(--text);z-index:10;border:1px solid var(--border);background:#00000080;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.slide-fullscreen-btn:hover{background:#000000b3}html.kimest-presentation-open,body.kimest-presentation-open{overflow:hidden}.kimest-presentation.fullscreen{z-index:9999;background:var(--bg);contain:layout paint size;border-radius:0;grid-template-rows:minmax(0,1fr) auto;width:100dvw;height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.kimest-presentation.fullscreen .kimest-slide-frame{min-height:0;display:flex;overflow:hidden}.kimest-presentation.fullscreen .kimest-slide{scrollbar-gutter:stable;width:min(1280px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(1.25rem,4dvh,4rem) clamp(1rem,5dvw,4rem);overflow:auto}.kimest-presentation.fullscreen .slide-nav{-webkit-backdrop-filter:blur(18px);background:#0000008f;flex-shrink:0;min-height:64px;padding:.75rem clamp(.75rem,2dvw,1.5rem)}.kimest-presentation.fullscreen .slide-fullscreen-btn{top:max(.85rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right));position:fixed}.kimest-skript{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;line-height:1.8}.kimest-skript h2{font-family:var(--font-heading);color:var(--accent-light);border-bottom:1px solid var(--border);margin:2rem 0 1rem;padding-bottom:.5rem;font-size:1.5rem}.kimest-skript h2:first-child{margin-top:0}.kimest-skript p{color:var(--text);margin-bottom:1rem;font-size:.95rem}.kimest-skript ul{margin:.5rem 0 1.5rem 1.5rem}.kimest-skript li{color:var(--text);margin-bottom:.4rem;font-size:.95rem}.kimest-skript .prompt-box{border:1px solid var(--border);font-family:var(--font-accent);white-space:pre-wrap;background:#0000004d;border-radius:10px;margin:1rem 0;padding:1.25rem;font-size:.88rem;line-height:1.6}.kimest-skript .highlight-box{border-left:4px solid var(--accent-light);background:#3b82f60f;border-radius:0 10px 10px 0;margin:1rem 0;padding:1rem 1.25rem}@media print{.kimest-skript{color:#000;background:#fff;border:none;padding:2rem}.kimest-skript h2{color:#1e40af}.kimest-skript p,.kimest-skript li{color:#1a1a1a}}.kimest-quiz{max-width:700px;margin:0 auto}.quiz-progress{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.quiz-progress-bar{background:#ffffff1a;border-radius:3px;flex:1;height:6px;overflow:hidden}.quiz-progress-fill{background:var(--gradient);border-radius:3px;height:100%;transition:width .4s}.quiz-progress-text{color:var(--text-muted);font-size:.85rem;font-family:var(--font-accent);white-space:nowrap}.quiz-frage-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem}.quiz-frage-nr{color:var(--accent-light);font-size:.8rem;font-family:var(--font-accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;font-weight:600}.quiz-frage-text{font-size:1.15rem;font-family:var(--font-heading);margin-bottom:1.5rem;line-height:1.4}.quiz-optionen{flex-direction:column;gap:.75rem;display:flex}.quiz-option{border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);background:#ffffff08;border-radius:10px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:.95rem;transition:all .25s;display:flex}.quiz-option:hover:not(.beantwortet){border-color:var(--accent-light);background:#ffffff14}.quiz-option.selected{background:#3b82f624;border-color:#60a5fa}.quiz-option.selected .option-letter{color:#fff;background:#3b82f6}.quiz-option .option-letter{width:32px;height:32px;font-size:.85rem;font-weight:700;font-family:var(--font-accent);background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.quiz-option.korrekt{background:#10b9811f;border-color:#34d399}.quiz-option.korrekt .option-letter{color:#fff;background:#10b981}.quiz-option.verpasst{background:#f59e0b1f;border-color:#f59e0b}.quiz-option.verpasst .option-letter{color:#111827;background:#f59e0b}.quiz-option.verpasst:after{content:"fehlte";color:#fbbf24;text-transform:uppercase;letter-spacing:.04em;margin-left:auto;font-size:.72rem;font-weight:700}.quiz-option.falsch{background:#ef44441f;border-color:#f87171}.quiz-option.falsch .option-letter{color:#fff;background:#ef4444}.quiz-erklaerung{border-left:3px solid var(--accent-light);color:var(--text-muted);background:#3b82f60f;border-radius:10px;margin-top:1rem;padding:1rem 1.25rem;font-size:.9rem;line-height:1.6}.quiz-next-btn{background:var(--gradient);color:#fff;width:100%;font-size:.95rem;font-weight:600;font-family:var(--font-heading);border-radius:10px;margin-top:1.5rem;padding:.85rem;transition:all .25s}.quiz-next-btn:hover{opacity:.9;transform:translateY(-1px)}.quiz-ergebnis{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:3rem 2rem}.quiz-ergebnis .score-circle{width:150px;height:150px;font-family:var(--font-heading);border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.quiz-ergebnis .score-circle.gut{background:#10b98114;border-color:#10b981}.quiz-ergebnis .score-circle.mittel{background:#f59e0b14;border-color:#f59e0b}.quiz-ergebnis .score-circle.schlecht{background:#ef444414;border-color:#ef4444}.quiz-ergebnis .score-prozent{font-size:2.5rem;font-weight:700;line-height:1}.quiz-ergebnis .score-label{color:var(--text-muted);margin-top:.25rem;font-size:.85rem}.quiz-ergebnis h2{font-family:var(--font-heading);margin-bottom:.5rem;font-size:1.5rem}.quiz-ergebnis p{color:var(--text-muted);margin-bottom:1.5rem}.quiz-restart-btn{color:var(--text);border:1px solid var(--border);background:#ffffff14;border-radius:10px;padding:.75rem 2rem;font-size:.9rem;transition:all .25s}.quiz-restart-btn:hover{border-color:var(--accent-light);background:#ffffff1f}.quiz-exam-shell{position:relative}.quiz-exam-shell:fullscreen{width:100vw;max-width:none;height:100vh;padding:max(1rem,env(safe-area-inset-top,0px))max(1rem,env(safe-area-inset-right,0px))max(1rem,env(safe-area-inset-bottom,0px))max(1rem,env(safe-area-inset-left,0px));background:radial-gradient(circle at 100% 0,#cba0352e,#0000 34rem),linear-gradient(135deg,#07080b 0%,#111827 100%);overflow:auto}.quiz-exam-shell:fullscreen .quiz-frage-card,.quiz-exam-shell:fullscreen.quiz-ergebnis{max-width:760px;margin:0 auto}.quiz-exam-start{border:1px solid var(--border);background:var(--card);text-align:center;border-radius:18px;max-width:660px;margin:0 auto;padding:2rem}.quiz-exam-start h2{font-family:var(--font-heading);margin:.35rem 0 .75rem;font-size:clamp(1.5rem,4vw,2.2rem)}.quiz-exam-start p{color:var(--text-muted);max-width:52ch;margin:0 auto 1.25rem;line-height:1.65}.quiz-exam-kicker{color:var(--accent-light);font-family:var(--font-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:800}.quiz-exam-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:1rem 0 1.25rem;display:grid}.quiz-exam-start-grid span{border:1px solid var(--border);min-height:54px;color:var(--text);background:#ffffff0a;border-radius:12px;place-items:center;font-weight:700;display:grid}.quiz-exam-toolbar{z-index:5;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#080a0ee0;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:grid;position:sticky;top:0}.quiz-exam-toolbar strong{color:var(--text);margin-top:.12rem;display:block}.quiz-exam-timer{min-width:96px;color:var(--text);font-family:var(--font-accent);text-align:center;background:#ffffff14;border-radius:999px;padding:.45rem .9rem;font-size:1.2rem;font-weight:800}.quiz-exam-timer.urgent{color:#fecaca;background:#ef444429}.quiz-exam-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.quiz-exam-toolbar-actions button,.quiz-exam-warning button{border:1px solid var(--border);color:var(--text);background:#ffffff0f;border-radius:999px;padding:.45rem .8rem;font-size:.78rem;font-weight:700}.quiz-exam-warning{color:#fde68a;background:#f59e0b1a;border:1px solid #f59e0b52;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem .9rem;font-size:.88rem;display:flex}@media (max-width:640px){.quiz-exam-start{padding:1.25rem}.quiz-exam-start-grid{grid-template-columns:1fr}.quiz-exam-toolbar{text-align:center;grid-template-columns:1fr}.quiz-exam-toolbar-actions{justify-content:center}.quiz-exam-warning{text-align:center;flex-direction:column;align-items:stretch}}.kimest-aufgabe{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2.5rem}.kimest-aufgabe h2{font-family:var(--font-heading);color:var(--accent-light);margin-bottom:1.5rem;font-size:1.4rem}.kimest-aufgabe h3{font-family:var(--font-heading);color:var(--text);margin:1.5rem 0 .75rem;font-size:1.1rem}.kimest-aufgabe p{color:var(--text);margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.kimest-aufgabe ul,.kimest-aufgabe ol{margin:.5rem 0 1rem 1.5rem}.kimest-aufgabe li{margin-bottom:.5rem;font-size:.95rem;line-height:1.6}.kimest-aufgabe .tools-box{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.kimest-aufgabe .tool-tag{color:var(--accent-light);font-size:.82rem;font-family:var(--font-accent);background:#3b82f61a;border:1px solid #3b82f640;border-radius:20px;padding:.3rem .75rem}.kimest-spiel{max-width:800px;margin:0 auto;padding:2rem 1.5rem 4rem}.spiel-header{text-align:center;margin-bottom:2rem}.spiel-header h1{font-size:clamp(1.6rem,4vw,2.5rem);font-family:var(--font-heading);background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.spiel-gewinn-leiter{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:2rem;padding:1rem}.gewinn-stufe{font-size:.82rem;font-family:var(--font-accent);border-radius:6px;justify-content:space-between;padding:.4rem .8rem;transition:all .2s;display:flex}.gewinn-stufe.aktiv{color:#fbbf24;background:linear-gradient(90deg,#f59e0b33,#0000);font-weight:700}.gewinn-stufe.geschafft{color:#34d399}.gewinn-stufe.sicherheit{border-left:3px solid #f59e0b}.spiel-frage-container{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.spiel-frage-text{font-size:1.2rem;font-family:var(--font-heading);text-align:center;margin-bottom:2rem;line-height:1.4}.spiel-optionen{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.spiel-option{border:2px solid var(--border);cursor:pointer;color:var(--text);text-align:left;background:#ffffff08;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;font-size:.95rem;transition:all .3s;display:flex}.spiel-option:hover:not(.beantwortet){background:#f59e0b14;border-color:#f59e0b}.spiel-option.korrekt{background:#10b98126;border-color:#34d399;animation:.5s pulse}.spiel-option.falsch{background:#ef444426;border-color:#f87171}.spiel-option.entfernt{opacity:.2;pointer-events:none}.spiel-option .option-letter{color:#fbbf24;background:#f59e0b26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex}.spiel-joker-bar{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.spiel-joker{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.85rem;transition:all .25s;display:flex}.spiel-joker:hover:not(:disabled){background:#f59e0b1a;border-color:#f59e0b}.spiel-joker:disabled{opacity:.3;cursor:not-allowed}.spiel-joker .joker-icon{font-size:1.2rem}.spiel-ergebnis{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:3rem}.spiel-ergebnis h2{font-family:var(--font-heading);background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2rem}.spiel-ergebnis .gewinn-betrag{font-size:3rem;font-family:var(--font-heading);color:#fbbf24;margin-bottom:1rem;font-weight:700}.kimest-pruefung{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.pruefung-section{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.pruefung-section h2{font-family:var(--font-heading);color:var(--accent-light);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.3rem;display:flex}.pruefung-section p{margin-bottom:.75rem;font-size:.95rem;line-height:1.7}.pruefung-punkte{grid-template-columns:1fr auto;gap:.5rem 2rem;margin:1rem 0;display:grid}.pruefung-punkte .kriterium{border-bottom:1px solid #ffffff0d;padding:.5rem 0;font-size:.95rem}.pruefung-punkte .punkte{font-family:var(--font-accent);color:var(--accent-light);text-align:right;border-bottom:1px solid #ffffff0d;padding:.5rem 0;font-weight:700}.pruefung-noten{grid-template-columns:auto 1fr auto;gap:.5rem 1.5rem;margin:1rem 0;display:grid}.pruefung-noten .note{font-weight:700;font-family:var(--font-accent)}.pruefung-noten .note-text{font-size:.92rem}.pruefung-noten .note-punkte{font-family:var(--font-accent);color:var(--text-muted);text-align:right;font-size:.85rem}.kimest-ressourcen{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.ressourcen-section{margin-bottom:2.5rem}.ressourcen-section h2{font-family:var(--font-heading);color:var(--accent-light);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.4rem;display:flex}.ressourcen-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.ressource-card{background:var(--card);border:1px solid var(--border);color:inherit;border-radius:12px;padding:1.25rem;text-decoration:none;transition:all .25s;display:block}.ressource-card:hover{border-color:var(--accent-light);transform:translateY(-2px)}.ressource-card h4{font-family:var(--font-heading);margin-bottom:.35rem;font-size:.95rem}.ressource-card p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.ressource-card .ressource-tag{color:var(--accent-light);font-size:.72rem;font-family:var(--font-accent);background:#3b82f61a;border-radius:12px;margin-top:.5rem;padding:.15rem .5rem;display:inline-block}.glossar-grid{gap:.75rem;display:grid}.glossar-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.glossar-item dt{font-family:var(--font-heading);color:var(--accent-light);margin-bottom:.3rem;font-size:.95rem}.glossar-item dd{color:var(--text-muted);font-size:.88rem;line-height:1.5}.kimest-gruppenarbeit{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.ga-section{background:var(--card);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:2rem}.ga-section h2{font-family:var(--font-heading);color:var(--accent-light);margin-bottom:1rem;font-size:1.3rem}.ga-section h3{font-family:var(--font-heading);margin:1.25rem 0 .5rem;font-size:1.05rem}.ga-section p,.ga-section li{font-size:.95rem;line-height:1.7}.ga-section ul,.ga-section ol{margin:.5rem 0 1rem 1.5rem}.ga-section li{margin-bottom:.4rem}.ga-timer{font-family:var(--font-accent);color:#fbbf24;background:#f59e0b14;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;padding:1rem;font-size:1.1rem;display:flex}.kimest-tag-nav{border-top:1px solid var(--border);justify-content:space-between;margin-top:3rem;padding-top:2rem;display:flex}.kimest-tag-nav a{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;text-decoration:none;transition:all .25s;display:flex}.kimest-tag-nav a:hover{border-color:var(--accent-light);transform:translateY(-1px)}@media (max-width:768px){.kimest-grid{grid-template-columns:1fr}.kimest-slide{min-height:400px;padding:1.5rem}.kimest-slide.typ-vergleich .vergleich-grid,.spiel-optionen{grid-template-columns:1fr}.kimest-tag-card{padding:1.25rem}.kimest-skript,.kimest-aufgabe,.pruefung-section{padding:1.5rem}.pruefung-punkte{grid-template-columns:1fr auto;gap:.25rem 1rem}.kimest-presentation.fullscreen .kimest-slide{padding:1.5rem}.kimest-presentation.fullscreen .slide-nav{padding:.65rem .7rem calc(.65rem + env(safe-area-inset-bottom));gap:.5rem}.kimest-presentation.fullscreen .slide-nav-group{gap:.35rem}.kimest-presentation.fullscreen .slide-nav button{padding:.48rem .7rem;font-size:.76rem}.kimest-presentation.fullscreen .slide-counter{white-space:nowrap;font-size:.76rem}.spiel-joker-bar{flex-wrap:wrap}.kimest-specials{grid-template-columns:1fr}}@media (max-width:480px){.kimest-hero h1{font-size:1.8rem}.kimest-tabs{gap:0}.kimest-tab{padding:.6rem .85rem;font-size:.82rem}}.kimest-special-card,.kimest-tag-card,.kimest-progress-hero,.kimest-auth-bar{background-blend-mode:overlay;-webkit-backdrop-filter:blur(58px)saturate(1.8);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f;background-color:#0c09058c!important;background-image:url(/bg/grain.svg)!important;border:1px solid #cba03552!important}.kimest-special-card:hover,.kimest-tag-card:hover{background-blend-mode:overlay;background-color:#141009b3!important;background-image:url(/bg/grain.svg)!important;border-color:#cba03580!important}