@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css);body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:15px}@media (max-width:768px){body{padding:10px}}@media (min-width:1441px){body{padding:25px}}.container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:1400px;overflow:hidden}.header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:3px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;color:#1f2937;padding:40px 30px 20px;position:relative;text-align:center}@media (max-width:768px){.header{padding:30px 20px 15px}}@media (min-width:1441px){.header{padding:50px 40px 25px}}@media (max-height:800px){.header{padding:25px 25px 15px}}.emotion-care-title{-webkit-text-fill-color:unset;align-items:center;background:none;-webkit-background-clip:unset;background-clip:initial;color:#1f2937;display:flex;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:clamp(1.8em,3.5vw,2.8em);gap:8px;justify-content:center;letter-spacing:-1px;margin-bottom:10px;text-shadow:none}.header-logo{height:100px;margin:0 auto 20px;object-fit:contain;width:200px}@media (max-width:768px){.header-logo{height:70px;margin-bottom:15px;width:150px}}@media (min-width:1441px){.header-logo{height:100px;margin-bottom:25px;width:200px}}.emotion-bold{font-weight:800}.Care-regular,.emotion-bold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-family:Pretendard}.Care-regular{font-weight:200}.user-info{align-items:center;background:#667eea14;border:1px solid #667eea26;border-radius:12px;display:flex;flex-wrap:wrap;font-size:clamp(.75em,1.5vw,.9em);gap:10px;justify-content:space-between;margin-top:12px;padding:12px 18px}@media (max-width:768px){.user-info{flex-direction:column;gap:8px}}.user-stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}@media (max-width:768px){.user-stats{gap:15px}}.stat-item{min-width:80px;text-align:center}.stat-value{color:#667eea;font-size:clamp(1.2em,2vw,1.8em);font-weight:700;margin-bottom:5px;text-shadow:none}.stat-label{color:#1f2937;font-size:clamp(.8em,1.2vw,1em);font-weight:700;opacity:1}.main-puzzle-container{background:linear-gradient(145deg,#f8fafc,#e2e8f0);padding:20px}@media (max-width:768px){.main-puzzle-container{padding:15px}}@media (min-width:1024px) and (max-width:1440px){.main-puzzle-container{padding:25px}}@media (min-width:1441px){.main-puzzle-container{padding:35px}}@media (max-height:800px){.main-puzzle-container{padding:15px 20px}}.puzzle-progress{margin-bottom:25px}.step-internal-puzzle{animation:slideDown .5s ease-out;background:linear-gradient(135deg,#f8fafc,#e0e7ff);border:3px solid #6366f1;border-radius:15px;box-shadow:0 8px 25px #6366f140;margin:0 0 25px;padding:20px 25px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.step-internal-puzzle{margin:0 0 20px;padding:15px 20px}}@media (max-height:800px){.step-internal-puzzle{margin:0 0 15px;padding:15px 20px}}.puzzle-board{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001f;display:flex;justify-content:space-between;margin:0 auto 8px;max-width:900px;padding:6px 15px;position:relative}@media (max-width:768px){.puzzle-board{flex-wrap:wrap;gap:8px;padding:8px 15px}}@media (max-height:800px){.puzzle-board{margin-bottom:10px;padding:8px 18px}}.progress-line{background:#e0e7ff;box-shadow:inset 0 2px 4px #0000001a;height:8px;left:100px;right:100px;top:50%;transform:translateY(-50%);z-index:1}.progress-line,.progress-line-fill{border-radius:10px;position:absolute}.progress-line-fill{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);box-shadow:0 0 15px #6366f199;height:100%;left:0;top:0;transition:width .8s cubic-bezier(.4,0,.2,1);width:0}@keyframes progressGlow{0%,to{box-shadow:0 0 15px #6366f199}50%{box-shadow:0 0 25px #8b5cf6cc}}.mini-puzzle-piece{align-items:center;cursor:pointer;display:flex;filter:grayscale(100%);flex-direction:column;opacity:.4;position:relative;transition:all .3s ease;z-index:2}.mini-puzzle-piece:hover{transform:translateY(-8px)}.mini-puzzle-piece.completed{filter:grayscale(0);opacity:1}.mini-puzzle-piece.completed .mini-piece-icon{animation:completionBounce .6s ease-out;box-shadow:0 8px 20px #10b98180}.mini-puzzle-piece.completed .mini-piece-icon:after{align-items:center;background:#10b981;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #10b98199;color:#fff;content:"✓";display:flex;font-size:.7em;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.mini-puzzle-piece.active{animation:activeScale 1.5s ease-in-out infinite;filter:grayscale(0);opacity:1}.mini-puzzle-piece.active .mini-piece-icon{animation:activePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 25px #6366f199}.mini-puzzle-piece.active .mini-piece-icon:before{animation:ripple 1.5s ease-out infinite;border:3px solid #6366f1;border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@keyframes activeScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes activePulse{0%,to{box-shadow:0 8px 25px #6366f199;transform:scale(1)}50%{box-shadow:0 12px 35px #8b5cf6cc;transform:scale(1.1)}}@keyframes completionBounce{0%{transform:scale(.3)}50%{transform:scale(1.15)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.mini-piece-icon{align-items:center;background:linear-gradient(135deg,#d1d5db,#9ca3af);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #00000026;display:flex;font-size:1.4em;height:50px;justify-content:center;margin-bottom:8px;position:relative;transition:all .3s ease;width:50px}@media (max-width:768px){.mini-piece-icon{height:36px;width:36px}}.mini-puzzle-piece.active .mini-piece-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea66}.mini-puzzle-piece.completed .mini-piece-icon{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 15px #10b98166}.mini-puzzle-piece.pending .mini-piece-icon{background:#f3f4f6;border-color:#d1d5db}.mini-piece-text{color:#6b7280;font-size:.85em;font-weight:700;text-align:center;transition:all .3s ease}@media (max-width:768px){.mini-piece-text{font-size:.75em}}.mini-puzzle-piece.active .mini-piece-text{color:#6366f1;font-weight:800;text-shadow:0 0 10px #6366f14d;transform:scale(1.05)}.mini-puzzle-piece.completed .mini-piece-text{color:#10b981;font-weight:700}.mini-puzzle-piece.pending .mini-piece-text{color:#9ca3af}.current-step{background:linear-gradient(145deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:12px;box-shadow:0 6px 16px #f59e0b4d;color:#1f2937;cursor:pointer;font-size:clamp(1.1em,2vw,1.5em);font-weight:700;margin:15px auto;max-width:700px;padding:12px 18px;text-align:center;transition:all .3s ease}@media (max-height:800px){.current-step{margin:12px auto;padding:10px 15px}}.current-step:hover{border-color:#ea580c;box-shadow:0 12px 28px #f59e0b66;transform:translateY(-3px)}.current-step:active{transform:translateY(-1px)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.step-content{animation:slideIn .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;display:none;margin:30px auto;max-width:1300px;overflow:hidden}.step-content.active{display:block}.preparation-step{background:linear-gradient(145deg,#f0f9ff,#e0f2fe);padding:40px;text-align:center}.camera-setup-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:20px}.camera-setup-left{background:#fff;border:4px solid #0ea5e9;border-radius:25px;box-shadow:0 8px 25px #0ea5e933;padding:30px;text-align:center}.camera-setup-right{background:#fff;border:4px solid #10b981;border-radius:25px;box-shadow:0 8px 25px #10b98133;padding:30px}.environment-guide{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.guide-item{align-items:center;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;display:flex;gap:15px;padding:15px;transition:transform .2s ease}.guide-item:hover{transform:translateX(5px)}.guide-icon{font-size:2.5em;min-width:50px;text-align:center}.guide-content{flex:1 1;text-align:left}.guide-title{color:#065f46;font-size:1.3em;font-weight:700;margin-bottom:5px}.guide-desc{color:#047857;font-size:1.05em}.face-position-guide{margin-top:25px}.camera-setup{background:#fff;border:4px solid #0ea5e9;border-radius:25px;box-shadow:0 8px 25px #0ea5e933;margin:20px 0;padding:40px}.camera-icon{animation:cameraFloat 3s ease-in-out infinite;color:#0ea5e9;font-size:5em;margin-bottom:20px}@keyframes cameraFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.webcam-section{background:#0000;padding:15px}@media (max-width:768px){.webcam-section{padding:12px}}@media (min-width:1441px){.webcam-section{padding:20px 25px}}.camera-emotion-container{align-items:flex-start;display:flex;gap:18px;justify-content:center;margin:0 auto;max-width:1200px}@media (max-width:1440px){.camera-emotion-container{gap:15px;max-width:1100px}}@media (max-width:1024px){.camera-emotion-container{gap:12px}.emotion-monitor{min-width:400px}}.webcam-container{aspect-ratio:10/7;flex-shrink:0;height:auto;margin:0;max-width:400px;position:relative;width:100%}@media (max-width:768px){.webcam-container{max-width:100%}}@media (max-height:800px){.webcam-container{max-width:360px}}@media (min-width:1441px){.webcam-container{max-width:420px}}.webcam-display{align-items:center;background:linear-gradient(145deg,#1f2937,#111827);border:3px solid #374151;border-radius:15px;box-shadow:0 8px 20px #00000040;color:#fff;display:flex;font-size:clamp(.9em,2vw,1.3em);height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.webcam-display{border-radius:12px;border-width:2px}}.webcam-display video{border-radius:16px;height:100%;object-fit:cover;width:100%}.face-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.emotion-monitor{background:#fff;border:2px solid #f3f4f6;border-radius:15px;box-shadow:0 4px 15px #00000014;flex:1 1;max-width:700px;min-width:480px;padding:10px}@media (max-width:768px){.emotion-monitor{border-radius:12px;min-width:auto;padding:8px}}@media (max-height:800px){.emotion-monitor{padding:8px}}.emotion-monitor h4{color:#1f2937;font-size:clamp(.95em,1.8vw,1.15em);margin-bottom:8px;text-align:center}@media (max-height:800px){.emotion-monitor h4{margin-bottom:6px}}.current-emotion-display{background:linear-gradient(145deg,#f3f4f6,#e5e7eb);border-radius:10px;margin-bottom:10px;padding:8px;text-align:center}.emotion-emoji-large{display:block;font-size:clamp(1.6em,3.5vw,2.2em);margin-bottom:4px}.emotion-name-large{color:#1f2937;font-size:clamp(.95em,1.8vw,1.2em);font-weight:700}.emotion-bars-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.emotion-bars-grid{grid-template-columns:repeat(2,1fr)}}@media (max-height:800px){.emotion-bars-grid{gap:3px}}.emotion-bar-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:5px;display:flex;flex-direction:column;padding:5px}.emotion-bar-emoji{font-size:1.1em;margin-bottom:2px}.emotion-bar-label{color:#374151;font-size:.75em;font-weight:700;margin-bottom:3px}.emotion-bar-container{background-color:#e5e7eb;border-radius:2px;height:4px;margin-bottom:3px;overflow:hidden;width:50px}.emotion-bar-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;height:100%;transition:width .3s ease}.emotion-bar-value{color:#6b7280;font-size:.7em;font-weight:700}.emotion-result{animation:emotionReveal .8s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#ecfdf5,#d1fae5);border:3px solid #10b981;border-radius:15px;margin:12px auto;max-width:800px;padding:15px;text-align:center}@keyframes emotionReveal{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.emotion-emoji{animation:emotionBounce 2s ease-in-out infinite;font-size:3em;margin-bottom:8px}@keyframes emotionBounce{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}.emotion-name{color:#065f46;font-size:1.6em;font-weight:700;margin-bottom:6px}.emotion-confidence{color:#059669;font-size:1.25em;font-weight:700}.content-recommendation{background:#0000;padding:20px}.content-list-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin:20px 0}.content-card{background:#fff;border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 25px #8b5cf633;cursor:pointer;padding:25px;position:relative;transition:all .3s ease}.content-card:hover{border-color:#a78bfa;box-shadow:0 12px 35px #8b5cf64d;transform:translateY(-5px)}.content-card.selected{background:linear-gradient(145deg,#fff,#faf5ff);border-color:#8b5cf6;box-shadow:0 12px 35px #8b5cf666}.content-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.content-select-badge{background:linear-gradient(145deg,#e5e7eb,#d1d5db);border-radius:20px;color:#374151;font-size:.95em;font-weight:700;padding:8px 15px;transition:all .3s ease}.content-card.selected .content-select-badge{background:linear-gradient(145deg,#10b981,#059669);color:#fff}.recommend-badge-group{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.recommend-level-badge{border-radius:15px;box-shadow:0 2px 8px #00000026;font-size:.9em;font-weight:700;padding:6px 12px}.recommend-level-badge.highly-recommended{animation:recommendPulse 2s ease-in-out infinite;background:linear-gradient(145deg,#fbbf24,#f59e0b);color:#78350f}.recommend-level-badge.recommended{background:linear-gradient(145deg,#a78bfa,#8b5cf6);color:#fff}.recommend-level-badge.suggested{background:linear-gradient(145deg,#d1d5db,#9ca3af);color:#374151}@keyframes recommendPulse{0%,to{box-shadow:0 2px 8px #fbbf244d;transform:scale(1)}50%{box-shadow:0 4px 15px #fbbf2499;transform:scale(1.05)}}.recommendation-score-bar{align-items:center;background:linear-gradient(145deg,#f9fafb,#f3f4f6);border-radius:10px;display:flex;gap:10px;margin:15px 0;padding:10px}.score-bar-label{color:#4b5563;font-size:.95em;font-weight:600;min-width:50px}.score-bar-container{background:#e5e7eb;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.score-bar-fill{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:4px;height:100%;transition:width .5s ease}.score-bar-value{color:#7c3aed;font-size:.95em;font-weight:700;min-width:45px;text-align:right}.content-attributes{background:linear-gradient(145deg,#fafafa,#f5f5f5);border:2px solid #e5e7eb;border-radius:10px;margin-top:15px;padding:15px}.attr-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.attr-item:last-child{margin-bottom:0}.attr-icon{font-size:1.2em;min-width:25px}.attr-label{color:#6b7280;font-size:.9em;font-weight:600;min-width:50px}.attr-bar{background:#e5e7eb;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.attr-fill{border-radius:3px;height:100%;transition:width .5s ease}.content-preview{background:#0000;border:none;box-shadow:none;margin:20px 0;padding:0}.content-thumbnail{align-items:center;background:linear-gradient(145deg,#f3e8ff,#e9d5ff);border:3px solid #c084fc;border-radius:15px;box-shadow:0 4px 15px #8b5cf64d;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.content-icon{animation:contentFloat 4s ease-in-out infinite;font-size:3em}@keyframes contentFloat{0%,to{transform:translateY(0) scale(1)}33%{transform:translateY(-8px) scale(1.05)}66%{transform:translateY(4px) scale(.98)}}.content-info{text-align:left}.content-title{color:#581c87;font-size:1.6em;font-weight:700;margin-bottom:15px}.content-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.content-duration{background:linear-gradient(145deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:15px;color:#1e40af}.content-duration,.content-effect-tag{display:inline-block;font-size:.95em;font-weight:600;padding:6px 12px}.content-effect-tag{background:linear-gradient(145deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:15px;color:#92400e}.content-description{color:#7c3aed;font-size:1.15em;line-height:1.6;margin-bottom:15px}.content-reason{align-items:center;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-left:4px solid #059669;border-radius:12px;display:flex;gap:10px;padding:12px 15px}.reason-icon{flex-shrink:0;font-size:1.5em}.reason-text{color:#065f46;font-size:1em;font-weight:600;line-height:1.5}.actual-content{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:12px;margin:10px 0;padding:15px}.content-display{align-items:center;background:#1f2937;border:3px solid #374151;border-radius:15px;box-shadow:0 8px 20px #0000004d;display:flex;flex-shrink:0;height:min(70vh,800px);justify-content:center;margin:0;overflow:hidden;position:relative;width:100%}@media (max-height:900px){.content-display{height:min(65vh,550px)}}@media (max-height:800px){.content-display{height:min(60vh,450px)}}.video-content{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.video-content,.video-player{background:#000;border-radius:16px;height:100%;width:100%}.video-player{object-fit:contain}.video-overlay{background:linear-gradient(180deg,#00000080 0,#0000 30%,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;left:0;padding:20px;pointer-events:none;position:absolute;right:0;top:0}.video-title{font-size:1.8em;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #000c}.video-description{font-size:1.2em;opacity:.9;text-shadow:1px 1px 2px #000c}.video-controls{align-items:center;display:flex;gap:15px;pointer-events:auto}.video-control-btn{background:linear-gradient(145deg,#3b82f6,#2563eb);border:2px solid #1e40af;border-radius:10px;box-shadow:0 3px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:.95em;font-weight:600;padding:8px 16px;transition:all .3s ease}.video-control-btn:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 5px 12px #3b82f666;transform:translateY(-2px)}.video-control-btn:active{transform:translateY(0)}.viewing-complete-options{background:linear-gradient(145deg,#fefbff,#f5f3ff);border-radius:20px;margin:30px 0;padding:40px}.option-card{background:#fff;border:3px solid #8b5cf6;border-radius:20px;box-shadow:0 4px 15px #8b5cf633;cursor:pointer;min-width:280px;padding:30px;text-align:center;transition:all .3s ease}.option-card:hover{border-color:#7c3aed;box-shadow:0 12px 30px #8b5cf666;transform:translateY(-8px)}.option-icon{font-size:3.5em;margin-bottom:15px}.option-title{color:#581c87;font-size:1.5em;font-weight:700;margin-bottom:10px}.option-desc{color:#7c3aed;font-size:1.1em;line-height:1.5}.video-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.video-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 15px;width:50px}.statistics-section{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:3px solid #3b82f6;border-radius:20px;box-shadow:0 8px 20px #3b82f633;margin:20px 0;padding:25px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:15px;box-shadow:0 6px 15px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.stat-icon{font-size:2.2em;margin-bottom:10px}.stat-title{color:#374151;font-size:1.1em}.card-stat-value,.stat-title{font-weight:700;margin-bottom:8px}.card-stat-value{color:#1f2937;font-size:1.6em}.stat-description{color:#6b7280;font-size:.9em;line-height:1.3}.action-button{background:linear-gradient(145deg,#3b82f6,#2563eb);border:3px solid #0000;border-radius:12px;box-shadow:0 5px 15px #3b82f666;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin:8px;padding:10px 22px;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:hover{background:linear-gradient(145deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px) scale(1.02)}.action-button:disabled{background:linear-gradient(145deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af4d;cursor:not-allowed;transform:none}.primary-button{background:linear-gradient(145deg,#10b981,#059669);box-shadow:0 6px 20px #10b98166}.primary-button:hover{background:linear-gradient(145deg,#059669,#047857);box-shadow:0 8px 25px #10b98199}.stop-button{background:linear-gradient(145deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444466;overflow:hidden;position:relative}.stop-button:hover{background:linear-gradient(145deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444499;transform:translateY(-3px) scale(1.02)}.stop-button:disabled{background:linear-gradient(145deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #9ca3af4d;cursor:not-allowed;transform:none}.stop-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.stop-button:hover:before{height:300px;width:300px}.stop-button:after{content:"⏸️";font-size:1.2em;left:15px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.stop-button{padding-left:50px}.button-group{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px 0}.hidden{display:none!important}.loading-indicator{color:#fff;display:none;font-size:1.2em;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-status{background:linear-gradient(145deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:10px;color:#dc2626;font-weight:700;margin:20px auto;max-width:600px;padding:15px;text-align:center}.image-slideshow{border-radius:16px;height:100%;overflow:hidden;position:relative;width:100%}.slide{height:100%;left:0;position:absolute;top:0;transition:opacity 2s ease-in-out;width:100%}.status-message{animation:statusPulse 2s ease-in-out infinite;background:linear-gradient(145deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:15px;color:#92400e;font-size:1.2em;font-weight:700;margin:20px auto;max-width:600px;padding:20px;text-align:center}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(10px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-10px)}}@keyframes musicPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stopped-state{background:linear-gradient(145deg,#fee2e2,#fecaca);border:3px solid #ef4444;border-radius:20px;color:#dc2626;font-size:1.3em;font-weight:700;margin:20px auto;max-width:600px;padding:30px;text-align:center}.stopped-state .stopped-icon{animation:stopPulse 2s ease-in-out infinite;font-size:3em;margin-bottom:15px}@keyframes stopPulse{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}.measuring-state .action-button{animation:measurePulse 1.5s ease-in-out infinite}@keyframes measurePulse{0%,to{box-shadow:0 6px 20px #3b82f666}50%{box-shadow:0 10px 30px #3b82f6cc}}.viewing-state .content-display{animation:contentGlow 3s ease-in-out infinite}@keyframes contentGlow{0%,to{box-shadow:0 10px 30px #0000004d}50%{box-shadow:0 15px 40px #8b5cf680}}.emotion-care-title .care-regular{font-weight:200!important}.emotion-care-title .emotion-bold{font-weight:800!important}@media (max-width:768px){.camera-emotion-container{flex-direction:column}.webcam-container{margin:0 auto;max-width:500px;width:100%}.emotion-monitor{margin-top:20px}.stats-grid{grid-template-columns:1fr}.user-stats{flex-direction:column;gap:15px}.user-info{flex-direction:column;gap:20px}.button-group{align-items:center;flex-direction:column}.action-button{margin:5px 0;max-width:300px;width:100%}.video-title{font-size:1.4em}.video-description{font-size:1em}.video-controls{flex-direction:column;gap:10px}.video-control-btn{font-size:.8em;padding:8px 12px}.emotion-bars-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.mini-piece-icon{font-size:1.5em;height:45px;width:45px}.mini-piece-text{font-size:.8em}.puzzle-board{padding:30px 40px}.progress-line{left:70px;right:70px}.camera-setup-grid{gap:20px}.camera-setup-grid,.content-list-grid{grid-template-columns:1fr}.content-card{min-width:100%}.content-preview{flex-direction:column}.content-thumbnail{height:200px;width:100%}.guide-item{flex-direction:column}.guide-content,.guide-item{text-align:center}.option-card{min-width:100%}}@media (max-height:900px){.step-content{max-height:none}.preparation-step{padding:15px!important}#step1 [style*=grid-template-columns]{gap:12px!important}#step1 [style*=grid-template-columns]>div{border-radius:12px!important;padding:12px!important}#step1 [style*="font-size: 2.8em"]{font-size:1.8em!important;margin-bottom:5px!important}#step1 h3{font-size:1.25em!important;margin-bottom:5px!important}#step1 p{font-size:.9em!important;margin-bottom:18px!important}#step1 [style*="background: #fef3c7"]{margin:20px 0 8px!important;padding:8px!important}#step1 ul{font-size:.9em!important;margin:2px 0 2px 8px!important}#step1 ul li{line-height:1.3!important;margin-bottom:1px!important}#step1 [style*="grid-template-columns: 1fr 1fr"] [style*="background: rgba(255, 255, 255"]{padding:6px!important}#step1 [style*="font-size: 1.6em"]{font-size:1.2em!important;margin-bottom:2px!important}#step1 [style*="font-weight: 700"]{font-size:.82em!important;margin-bottom:1px!important}#step1 [style*="font-size: 0.72em"],#step1 [style*="font-size: 0.7em"]{font-size:.72em!important;line-height:1.2!important}.camera-setup-grid>div{padding:15px!important}.content-display img,.content-display video{max-height:45vh!important}.statistics-section{margin:12px 0!important}.stat-card,.statistics-section{padding:15px!important}#step1 .action-button{font-size:1.1em!important;padding:10px 24px!important}}@media (min-width:1024px) and (max-width:1440px){.header{padding:15px 25px!important}.main-puzzle-container{padding:15px!important}.puzzle-board{margin-bottom:12px!important;padding:10px 20px!important}.current-step{font-size:1.2em!important;margin:10px auto!important;padding:10px 15px!important}.preparation-step{padding:15px!important}#step1 [style*=grid-template-columns]{gap:10px!important;margin-bottom:12px!important}#step1 [style*=grid-template-columns]>div{padding:10px!important}#step1 [style*="font-size: 2.8em"]{font-size:1.6em!important;margin-bottom:4px!important}#step1 h3{font-size:1.3em!important;margin-bottom:5px!important}#step1 p{font-size:.92em!important;margin-bottom:16px!important}#step1 [style*="background: #fef3c7"]{margin-top:18px!important;padding:7px!important}#step1 [style*="background: #fef3c7"] strong{font-size:.95em!important}#step1 [style*="line-height: 1.25"]{font-size:.8em!important}#step1 ul{font-size:.88em!important;margin:2px 0 2px 8px!important}#step1 ul li{line-height:1.3!important;margin-bottom:1px!important}#step1 [style*="grid-template-columns: 1fr 1fr"][style*="gap: 8px"]{gap:6px!important}#step1 [style*="grid-template-columns: 1fr 1fr"] [style*="padding: 8px"]{padding:6px!important}#step1 [style*="font-size: 1.6em"][style*="margin-bottom: 3px"]{font-size:1.3em!important}#step1 [style*="font-weight: 700"][style*="font-size: 0.85em"]{font-size:.85em!important}#step1 [style*="font-size: 0.72em"]{font-size:.75em!important}#step1 .action-button{font-size:1.1em!important;padding:11px 28px!important}.emotion-monitor,.webcam-container{max-width:450px}.content-display img,.content-display video{max-height:50vh}}@media (min-width:1441px){.content-display img,.content-display video{max-height:60vh}}@media (max-width:1023px){.video-container{flex-direction:column}.emotion-bars-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.mini-puzzle-piece{min-width:60px}.mini-piece-icon{font-size:1em!important;height:35px!important;width:35px!important}.stat-item{min-width:60px}.action-button{font-size:1em!important;padding:10px 18px!important}}@media (min-height:768px) and (max-height:900px) and (min-width:1024px){.header{padding:12px 22px!important}.user-info{margin-top:10px!important;padding:10px 14px!important}.main-puzzle-container{padding:12px 18px!important}.puzzle-board,.puzzle-progress{margin-bottom:10px!important}.puzzle-board{padding:8px 20px!important}.mini-piece-icon{height:40px!important;margin-bottom:4px!important;width:40px!important}.current-step{font-size:1.1em!important;margin:8px auto!important;padding:8px 12px!important}.preparation-step{padding:10px!important}#step1 [style*=grid-template-columns]{gap:8px!important;margin-bottom:10px!important}#step1 [style*=grid-template-columns]>div{border-radius:10px!important;padding:8px!important}#step1 [style*="font-size: 2.8em"]{font-size:1.4em!important;margin-bottom:3px!important}#step1 h3{font-size:1.15em!important;margin-bottom:4px!important}#step1 p{font-size:.85em!important;margin-bottom:14px!important}#step1 [style*="background: #fef3c7"]{border-radius:8px!important;margin-top:15px!important;padding:6px!important}#step1 [style*="color: #92400e"][style*="font-size: 0.9em"]{font-size:.85em!important}#step1 [style*="line-height: 1.25"][style*="font-size: 0.75em"]{font-size:.75em!important;line-height:1.25!important}#step1 ul{font-size:.9em!important;margin:1px 0 1px 6px!important;padding-left:4px!important}#step1 ul li{line-height:1.25!important;margin-bottom:0!important}#step1 [style*="border-left: 3px solid #ef4444"]{margin-top:3px!important;padding:4px!important}#step1 [style*="grid-template-columns: 1fr 1fr"][style*=gap]{gap:5px!important;margin-bottom:6px!important}#step1 [style*="grid-template-columns: 1fr 1fr"] [style*="background: rgba(255, 255, 255"]{border-radius:6px!important;padding:5px!important}#step1 [style*="font-size: 1.6em"]{font-size:1.1em!important;margin-bottom:1px!important}#step1 [style*="font-weight: 700"]{font-size:.78em!important;margin-bottom:0!important}#step1 [style*="font-size: 0.72em"],#step1 [style*="font-size: 0.7em"]{font-size:.7em!important;line-height:1.2!important;margin-top:2px!important}#step1 .action-button{font-size:1.05em!important;margin-top:10px!important;padding:9px 22px!important}}*{box-sizing:border-box;margin:0;padding:0}.admin-body{background:linear-gradient(135deg,#1a1c3d,#2d1b4e 50%,#3d1f5a);color:#1f2937;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden;padding:30px;position:relative}.admin-body:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#667eea1a 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-container{margin:0 auto;max-width:1600px;position:relative;z-index:1}.admin-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:30px;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a,inset 0 1px 0 #fffc;margin-bottom:40px;overflow:hidden;padding:50px 40px;position:relative;text-align:center}.admin-header:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:200%}}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:3.5em;font-weight:800;letter-spacing:-1px;margin-bottom:15px;position:relative;text-shadow:0 2px 20px #667eea4d}.admin-info{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:2px solid #0ea5e94d;border-radius:20px;box-shadow:0 4px 15px #0ea5e91a;margin-top:25px;padding:25px 30px;position:relative}.upload-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:30px;box-shadow:0 20px 60px #0000004d,0 4px 16px #0000001a,inset 0 1px 0 #ffffffe6;margin-bottom:40px;padding:40px;position:relative}.upload-section h3{color:#1f2937;font-size:2.2em;font-weight:700;margin-bottom:30px;padding-bottom:15px;position:relative;text-align:center}.upload-section h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.upload-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.upload-item{background:linear-gradient(135deg,#fafbfc,#f8fafc);border:2px dashed #cbd5e1;border-radius:20px;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.upload-item:before{background:linear-gradient(135deg,#667eea0d,#764ba20d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%}.upload-item:hover{border-color:#667eea;border-style:solid;box-shadow:0 12px 30px #667eea33;transform:translateY(-4px)}.upload-item:hover:before{opacity:1}.upload-item label{color:#334155;display:block;font-size:1.2em;font-weight:700;margin-bottom:15px;position:relative;z-index:1}.upload-item input[type=file]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:block;font-size:.95em;padding:12px;position:relative;transition:all .3s ease;width:100%;z-index:1}.upload-item input[type=file]:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.upload-status{background:#fffc;border-radius:8px;color:#64748b;font-size:.95em;font-weight:500;margin-top:12px;padding:8px;position:relative;z-index:1}.upload-status.success{background:#10b9811a;color:#059669;font-weight:700}.upload-status.error{background:#ef44441a;color:#dc2626;font-weight:700}.load-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:18px;box-shadow:0 10px 35px #667eea66,0 4px 15px #764ba24d;color:#fff;cursor:pointer;display:block;font-size:1.4em;font-weight:700;margin:30px auto 0;max-width:450px;overflow:hidden;padding:20px 40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.load-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.load-button:hover:not(:disabled){box-shadow:0 15px 50px #667eea80,0 6px 20px #764ba266;transform:translateY(-3px) scale(1.02)}.load-button:hover:not(:disabled):before{left:100%}.load-button:active:not(:disabled){transform:translateY(-1px) scale(1.01)}.load-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.stats-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #ffffff80;border-radius:25px;box-shadow:0 20px 50px #00000026,0 8px 20px #0000001a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:35px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.summary-card:hover{box-shadow:0 30px 70px #667eea40,0 12px 30px #764ba233,inset 0 1px 0 #ffffffe6;transform:translateY(-8px) scale(1.02)}.summary-card:hover:before{transform:scaleX(1)}.summary-icon{display:inline-block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));font-size:3.5em;margin-bottom:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.summary-card:hover .summary-icon{transform:scale(1.2) rotate(5deg)}.summary-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.8em;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.summary-label{color:#64748b;font-size:1.15em;font-weight:600;letter-spacing:.3px}.data-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff80;border-radius:30px;box-shadow:0 20px 60px #0000004d,0 8px 25px #00000026,inset 0 1px 0 #ffffffe6;display:none;padding:50px}.data-section.active{animation:fadeIn .5s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-navigation{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px}.tab-button{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:16px;box-shadow:0 4px 15px #00000014;color:#64748b;cursor:pointer;flex:1 1;font-size:1.15em;font-weight:700;min-width:220px;overflow:hidden;padding:18px 30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:-1}.tab-button:hover{box-shadow:0 8px 25px #667eea33;color:#667eea;transform:translateY(-3px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 30px #667eea66,0 4px 15px #764ba24d;color:#fff;transform:translateY(-2px)}.tab-button.active:before{opacity:1}.filter-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding:25px}.search-box{display:flex;flex:1 1;gap:12px;min-width:320px}.search-box input{background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;flex:1 1;font-size:1.1em;outline:none;padding:14px 24px;transition:all .3s ease}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.filter-actions button,.search-box button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 4px 15px #667eea4d,0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;overflow:hidden;padding:14px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.filter-actions button:before,.search-box button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.filter-actions button:hover,.search-box button:hover{box-shadow:0 6px 25px #667eea66,0 4px 12px #764ba24d;transform:translateY(-2px)}.filter-actions button:hover:before,.search-box button:hover:before{height:300px;width:300px}.filter-actions{display:flex;flex-wrap:wrap;gap:12px}.filter-actions select{background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;color:#334155;cursor:pointer;font-size:1.1em;font-weight:600;outline:none;padding:14px 24px;transition:all .3s ease}.filter-actions select:hover{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.filter-actions select:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.table-container{display:none}.table-container.active{animation:slideIn .4s ease;display:block}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.table-container h3{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb) 0 100% no-repeat;background-size:200px 3px;border-bottom:3px solid #0000;color:#1e293b;font-size:2.3em;font-weight:700;letter-spacing:-.5px;margin-bottom:25px;padding-bottom:20px}.table-info{align-items:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #0369a11a;border-radius:14px;box-shadow:0 2px 10px #0369a11a;color:#0369a1;display:flex;flex-wrap:wrap;font-size:1.15em;gap:12px;justify-content:space-between;margin-bottom:20px;padding:18px 24px}.table-wrapper{border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px #0000001f,0 4px 15px #00000014;margin-bottom:25px;overflow-x:auto}table{background:#fff;border-collapse:collapse;font-size:1em;width:100%}thead{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #667eea33;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}th{cursor:pointer;font-size:1.05em;font-weight:700;letter-spacing:.3px;padding:20px 18px;text-align:left;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}th:hover{background:linear-gradient(135deg,#7c8ef0,#8b5ec2);transform:translateY(-1px)}tbody tr{border-bottom:1px solid #f1f5f9;transition:all .3s ease}tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:0 2px 8px #0000000d;transform:scale(1.001)}tbody tr:nth-child(2n){background:#fafbfc}tbody tr:nth-child(2n):hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}td{color:#334155;font-size:.98em;font-weight:500;overflow:hidden;padding:18px 16px;text-overflow:ellipsis;white-space:nowrap}td:hover{overflow:visible}table{table-layout:auto}#interactions-table td:first-child,#interactions-table td:nth-child(2),#interactions-table th:first-child,#interactions-table th:nth-child(2){width:14%}#interactions-table td:nth-child(3),#interactions-table td:nth-child(4),#interactions-table th:nth-child(3),#interactions-table th:nth-child(4){width:10%}#interactions-table td:nth-child(5),#interactions-table th:nth-child(5){width:12%}#interactions-table td:nth-child(6),#interactions-table td:nth-child(7),#interactions-table th:nth-child(6),#interactions-table th:nth-child(7){max-width:100px;min-width:100px;overflow:visible;text-align:center;white-space:nowrap;width:100px}#sessions-table td:first-child,#sessions-table th:first-child{width:20%}#sessions-table td:nth-child(2),#sessions-table th:nth-child(2){width:15%}#sessions-table td:nth-child(3),#sessions-table th:nth-child(3){width:12%}#sessions-table td:nth-child(4),#sessions-table td:nth-child(5),#sessions-table th:nth-child(4),#sessions-table th:nth-child(5){min-width:180px;width:20%}#sessions-table td:nth-child(6),#sessions-table th:nth-child(6){width:13%}#measurements-table td:first-child,#measurements-table td:nth-child(2),#measurements-table th:first-child,#measurements-table th:nth-child(2){width:15%}#measurements-table td:nth-child(3),#measurements-table td:nth-child(4),#measurements-table td:nth-child(5),#measurements-table th:nth-child(3),#measurements-table th:nth-child(4),#measurements-table th:nth-child(5){width:10%}#measurements-table td:nth-child(6),#measurements-table th:nth-child(6){min-width:180px;width:20%}#measurements-table td:nth-child(7),#measurements-table th:nth-child(7){min-width:120px;text-align:center;white-space:nowrap;width:12%}#performance-table td:first-child,#performance-table th:first-child{width:12%}#performance-table td:nth-child(2),#performance-table th:nth-child(2){width:18%}#performance-table td:nth-child(3),#performance-table td:nth-child(4),#performance-table td:nth-child(5),#performance-table td:nth-child(6),#performance-table td:nth-child(7),#performance-table th:nth-child(3),#performance-table th:nth-child(4),#performance-table th:nth-child(5),#performance-table th:nth-child(6),#performance-table th:nth-child(7){width:14%}.emotion-cell{align-items:center;display:flex;gap:10px}.emotion-emoji{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.6em;transition:transform .3s ease}.emotion-cell:hover .emotion-emoji{transform:scale(1.3) rotate(10deg)}.status-true{background:linear-gradient(135deg,#10b9811a,#05966926);box-shadow:0 2px 6px #10b98126;color:#059669}.status-false,.status-true{border-radius:20px;display:inline-block;font-weight:700;overflow:visible!important;padding:6px 14px;white-space:nowrap!important}.status-false{background:linear-gradient(135deg,#ef44441a,#dc262626);box-shadow:0 2px 6px #ef444426;color:#dc2626}.status-label{display:none;font-size:.75em;margin-right:4px;opacity:.7}.pagination{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px;padding:20px}.pagination button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#64748b;cursor:pointer;font-size:1.05em;font-weight:700;min-width:44px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination button:hover:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.pagination button.active,.pagination button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination button.active{box-shadow:0 4px 15px #667eea66;transform:scale(1.05)}.pagination button:disabled{cursor:not-allowed;opacity:.3;transform:none}.pagination .page-info{background:#fffc;border:2px solid #e2e8f0;border-radius:12px;color:#334155;font-size:1.05em;font-weight:700;padding:12px 18px}.empty-message{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;color:#64748b;font-size:1.4em;font-weight:600;padding:80px 50px;text-align:center}.empty-message:before{animation:float 3s ease-in-out infinite;content:"📭";display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));font-size:5em;margin-bottom:25px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){body{padding:20px}.header h1{font-size:2.8em}.summary-card{padding:30px}.data-section{padding:35px}}@media (max-width:768px){body{padding:15px}.header{padding:35px 25px}.header h1{font-size:2.2em}.tab-button{font-size:1em;min-width:160px;padding:15px 20px}.data-section{padding:25px}.filter-section{padding:20px}.search-box{min-width:100%}table{font-size:.85em}td,th{padding:12px 10px}.summary-card{padding:25px}.summary-icon{font-size:3em}.summary-value{font-size:2.2em}.upload-section{padding:25px}.load-button{font-size:1.2em;padding:18px 35px}}@media (max-width:480px){.header h1{font-size:1.8em}.summary-value{font-size:2em}.filter-actions,.filter-actions button,.filter-actions select{width:100%}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c8ef0,#8b5ec2)}.pagination-container{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-top:30px;padding:20px}.pagination-info{color:#64748b;font-size:14px;font-weight:500}.pagination-buttons{align-items:center;display:flex;gap:8px}.page-button,.page-number{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;min-width:40px;padding:8px 16px;text-align:center;transition:all .2s ease}.page-button:hover:not(:disabled),.page-number:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 8px #667eea4d;color:#fff;transform:translateY(-2px)}.page-button:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.5}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 2px 4px #667eea4d;color:#fff;font-weight:600}.page-ellipsis{color:#94a3b8;font-weight:500;padding:0 8px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:15px}.pagination-buttons{flex-wrap:wrap;justify-content:center}.page-button,.page-number{font-size:12px;min-width:35px;padding:6px 12px}}
/*# sourceMappingURL=main.b5ac5274.css.map*/