:root{--bg-gradient: linear-gradient(135deg, hsl(0, 0%, 98%), hsl(0, 0%, 94%));--panel-bg: rgba(245, 245, 245, .85);--panel-border: rgba(0, 0, 0, .08);--primary-hue: 130;--primary: hsl(var(--primary-hue), 65%, 45%);--primary-hover: hsl(var(--primary-hue), 65%, 38%);--primary-glow: hsla(var(--primary-hue), 65%, 45%, .2);--accent-hue: 0;--accent: hsl(210, 14%, 53%);--accent-hover: hsl(210, 14%, 43%);--accent-glow: hsla(210, 14%, 53%, .15);--text-primary: hsl(0, 0%, 25%);--text-secondary: hsl(0, 0%, 55%);--text-muted: hsl(0, 0%, 70%);--success: hsl(130, 65%, 45%);--success-glow: hsla(130, 65%, 45%, .15);--warning: hsl(38, 92%, 50%);--danger: hsl(350, 85%, 60%);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .12);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--progress-panel-bg: linear-gradient(135deg, hsl(130, 45%, 97%), hsl(0, 0%, 100%));--progress-gauge-track: hsla(130, 30%, 40%, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.5;min-height:100vh;overflow-x:hidden;padding-bottom:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}button,input,select{font-family:inherit;outline:none}.glass-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition)}.glass-container:hover{border-color:var(--glass-border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);cursor:pointer;transition:var(--transition);border:1px solid transparent;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow),0 0 10px var(--accent-glow);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#0000000a;border:1px solid rgba(0,0,0,.1);color:var(--text-primary)}.btn-secondary:hover{background:#00000014;border-color:#00000026}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem;width:100%}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-display)}.input-field{background:#fffffff2;border:2px solid rgba(0,0,0,.08);border-radius:var(--radius-md);padding:.9rem 1.2rem;color:var(--text-primary);font-size:1rem;transition:var(--transition);width:100%}.input-field:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-glow)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23F3F4F6%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1.2rem top 50%;background-size:.75rem auto;padding-right:2.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 hsla(var(--primary-hue),85%,65%,.4)}70%{box-shadow:0 0 0 10px hsla(var(--primary-hue),85%,65%,0)}to{box-shadow:0 0 hsla(var(--primary-hue),85%,65%,0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.animate-slideup{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:float 3s ease-in-out infinite}.app-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;width:100%}.flex-center{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}.status-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:100px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-display)}.status-badge.completed{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--success)}.status-badge.watching{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:var(--warning)}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.question-card{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;border-width:1px;transition:var(--transition)}.question-card:hover{transform:translateY(-3px);border-color:var(--primary)!important}.question-number{font-size:1.25rem;font-weight:850;color:var(--text-primary);font-family:var(--font-display)}.question-subject{font-size:.7rem;color:var(--accent);text-transform:uppercase;font-weight:600}.question-title{font-size:1rem;font-weight:700;margin:.2rem 0 .5rem;min-height:2.5rem;line-height:1.3}.view-mode-toggle{display:flex;align-items:center;gap:0;flex-shrink:0}.questions-list{display:flex;flex-direction:column;gap:.65rem}.questions-list-header,.question-list-row{display:grid;grid-template-columns:52px 1fr 110px 72px minmax(120px,auto);gap:1rem;align-items:center}.questions-list-header{padding:0 1rem .35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.question-list-row{padding:1rem 1.25rem;border-width:1px;transition:var(--transition)}.question-list-row:hover{border-color:var(--primary)!important;background:var(--glass-bg-hover)}@media (max-width: 768px){.questions-list-header{display:none}.question-list-row{grid-template-columns:48px 1fr;grid-template-rows:auto auto;gap:.5rem .75rem}.list-col-num{grid-row:1 / 3;align-self:start}.list-col-main{grid-column:2}.list-col-status{grid-column:2;justify-self:start}.list-col-time{display:none}.list-col-action{grid-column:1 / -1;justify-self:stretch}.list-col-action .btn{width:100%!important}}.status-badge.pending{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-secondary)}.progress-hero-panel{padding:2rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem;background:var(--progress-panel-bg);border-color:hsla(var(--primary-hue),40%,40%,.15);box-shadow:0 4px 24px hsla(var(--primary-hue),50%,40%,.08)}.progress-hero-panel:hover{border-color:hsla(var(--primary-hue),40%,40%,.2)}.progress-hero-panel h2{color:var(--text-primary)}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:0}.progress-stat-card{background:#fff;padding:.85rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000a}.progress-stat-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.progress-stat-value{font-size:1.25rem;font-weight:800;color:var(--text-primary);font-family:var(--font-display)}.progress-stat-value span{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.progress-stat-value--success{color:var(--success)}.progress-stat-value--warning{color:var(--warning)}.video-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#050810d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:1rem}.video-modal-overlay--immersive{padding:0;background:#000}.video-modal-content{width:100%;max-width:800px;padding:1.5rem;position:relative;display:flex;flex-direction:column;gap:1rem;box-shadow:0 20px 50px #00000040}.video-modal-content--immersive-mode{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;max-width:none!important;width:100%;height:100%}.video-modal-panel--hidden{display:none!important}.video-modal-body-lock{overflow:hidden;position:fixed;width:100%}.video-player-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.08)}.video-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-player-wrap--immersive{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;padding-top:0;border-radius:0;border:none;z-index:10002}.video-player-wrap--immersive .video-player-iframe{width:100%;height:100%}.video-fullscreen-btn{position:absolute;bottom:12px;right:12px;background:#000000bf;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;z-index:10;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.video-fullscreen-btn:hover{background:#000000e6}.video-player-wrap--immersive .video-fullscreen-btn{bottom:max(12px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right))}.celebration-banner{background:linear-gradient(135deg,#10b981e6,#f59e0be6);border-radius:var(--radius-md);padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 10px 25px #10b9814d;display:flex;align-items:center;justify-content:space-between;animation:slideUp .4s ease-out}@media (max-width: 768px){body{font-size:15px}.btn{padding:.7rem 1.3rem}}