@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;700&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";:root{--mc-grass: #5aa351;--mc-dirt: #795548;--mc-stone: #7d7d7d;--mc-wood: #a67c52;--mc-wood-dark: #8b623d;--mc-sky: #72a4ff;--color-background: #1e1e1e;--color-text-main: #ffffff}body{margin:0;padding:0;font-family:Noto Sans KR,sans-serif;background-color:var(--color-background);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}.pixel-border{box-shadow:0 -4px #000,0 4px #000,-4px 0 #000,4px 0 #000}.pixel-shadow{box-shadow:4px 4px #0000004d}.minecraft-font{font-family:Noto Sans KR,sans-serif}::-webkit-scrollbar{width:0px;background:transparent}button{cursor:pointer;border:none;font-family:inherit;background:none;padding:0}a{text-decoration:none;color:inherit}.home-container{background-color:#120d1a;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}.home-header{padding:3.5rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.home-header h2{color:#9ca3af;font-size:.875rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.025em;text-transform:uppercase;margin-top:0}.home-header h1{font-size:1.5rem;font-weight:900;margin:0}.header-btn{width:32px!important;height:32px!important;background-color:#1e162e;border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);box-shadow:inset -4px -4px #0003;color:#fff}.home-main{padding:0 1.5rem}.featured-card{position:relative;min-height:12rem;border-radius:2rem;overflow:hidden;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#74d668,#3d8c3a);box-shadow:0 10px 15px -3px #0000001a;margin-bottom:2rem}.card-pattern-overlay{position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,white 1px,transparent 0);background-size:16px 16px}.featured-badge{background-color:#0003;color:#fff;font-size:10px;font-weight:700;padding:.25rem .75rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.1em;width:fit-content}.featured-card h3{font-size:1.5rem;font-weight:900;margin-top:.5rem;line-height:1.25;margin-bottom:0}.featured-actions{display:flex;align-items:center;gap:.5rem;position:relative;z-index:20}.start-btn{background-color:#fff;color:#15803d;padding:.5rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:700;box-shadow:4px 4px #0000004d;border:none;cursor:pointer}.featured-meta{color:#fffc;font-size:.75rem;font-weight:500}.featured-monster{position:absolute;right:-1rem;bottom:-1rem;width:12rem;height:12rem;pointer-events:none;z-index:0}.featured-monster img{width:100%;height:100%;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 25px 50px rgba(0,0,0,.5));transform:rotate(-5deg)}.achievements-section{margin-bottom:2rem}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievements-header h3{font-size:1.125rem;font-weight:700;margin:0}.view-all-link{color:#4ade80;font-size:.75rem;font-weight:700;text-decoration:none}.showcase-container{background:#1e162e;border-radius:1.5rem;padding:1.25rem 1rem 1rem;text-align:center;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.05);box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;gap:1rem;transition:transform .2s;height:auto;min-height:12rem}.showcase-container:active{transform:scale(.99)}.showcase-content{display:flex;align-items:center;gap:1rem;z-index:10;text-align:left;padding:0 .5rem}.showcase-icon-wrapper{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 10px #0000004d;flex-shrink:0}.showcase-text h4{font-size:1.1rem;font-weight:800;margin:0 0 .25rem;color:#fff}.showcase-text p{font-size:.8rem;color:#9ca3af;font-style:italic;margin:0;line-height:1.3}.showcase-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.achievement-carousel{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem .25rem .25rem;scroll-snap-type:x mandatory}.achievement-carousel.justify-center{justify-content:center}.achievement-carousel.integrated{justify-content:center;border-top:1px solid rgba(255,255,255,.05);align-items:center;z-index:10}.achievement-carousel::-webkit-scrollbar{display:none}.achievement-item{flex-shrink:0;width:3rem;height:3rem;background-color:#3d2e5a;border-radius:.75rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);box-shadow:inset -2px -2px #0003;scroll-snap-align:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:.4;cursor:pointer}.achievement-item.active{opacity:1;transform:scale(1.1);border-color:#4ade80;box-shadow:0 0 10px #4ade8033}.achievement-item.locked{width:auto;min-width:3rem;height:3rem;padding:0 1rem;gap:.5rem;opacity:.5;background-color:#ffffff08;color:#9ca3af;font-size:.85rem;font-weight:600}.achievement-item.locked span:last-child{white-space:nowrap}.achievement-item .material-symbols-outlined{font-size:1.25rem}.partnership-section{margin-top:2rem}.partnership-card-new{background-color:#1e162e;border-radius:1.5rem;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:inset -4px -4px #0003;cursor:pointer;transition:transform .2s}.partnership-card-new:active{transform:scale(.98)}.partnership-info{display:flex;align-items:center;gap:1rem;z-index:10}.partnership-icon-box{width:3.5rem;height:3.5rem;background-color:#ffffff0d;border-radius:1rem;display:flex;align-items:center;justify-content:center}.partnership-icon-box .material-symbols-outlined{font-size:2rem;color:#d4a373}.partnership-text h4{font-size:1.125rem;font-weight:700;margin:0}.partnership-text p{font-size:12px;color:#9ca3af;margin:.25rem 0 0}.partnership-arrow{width:2rem;height:2rem;background-color:#ffffff0d;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#9ca3af;z-index:10}.partnership-arrow .material-symbols-outlined{font-size:1.25rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#120d1a;border-top:1px solid rgba(255,255,255,.05);padding:1rem 2.5rem 2rem;box-shadow:0 -4px 20px #00000080;z-index:50}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:color .2s;cursor:pointer}.nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.coaching-container{background-color:#181221;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow:hidden;width:100%;margin:0}.coaching-header{padding:3.5rem 1rem .5rem;display:flex;align-items:center;justify-content:space-between}.header-btn{width:2.25rem;height:2.25rem;background-color:#2e233d;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:#fffc;border:none;cursor:pointer}.header-title{text-align:center}.header-title h2{font-size:1rem;font-weight:700;margin:0}.header-title p{font-size:.65rem;color:#9ca3af;margin:0}.coaching-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1rem}.video-player-section{width:100%;margin-top:.5rem;margin-bottom:.75rem;display:flex;flex-direction:column}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:1rem 1rem 0 0;background-color:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080;border-bottom:none}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-playback-bar{width:100%;height:3px;background-color:#ffffff1a;position:relative;overflow:hidden;z-index:10;margin-top:-1px}.playback-fill{height:100%;background-color:red;box-shadow:0 0 10px #ff000080;transition:width .3s linear}.info-section-compact{width:100%;margin-bottom:.75rem;padding:0 .5rem}.status-pill-minimal{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:700;color:#fffc;margin-bottom:.5rem}.status-pill-minimal .pulse-dot{display:none}.inline-progress-bar-footer .progress-bar-bg{width:100%;height:4px;background-color:#ffffff1a;border-radius:10px;overflow:hidden}.inline-progress-bar-footer .progress-bar-fill{height:100%;background:#4ade80;box-shadow:0 0 10px #4ade804d;transition:width .5s cubic-bezier(.4,0,.2,1)}.control-center-group{width:100%;background:#ffffff08;border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.05);margin-top:0}.seek-panel{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.seek-group{display:flex;gap:4px;align-items:center;flex:1}.seek-btn-mini{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#ffffff80;flex:1;min-width:0;height:40px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.seek-btn-mini .unit{font-size:8px;font-weight:700;margin-bottom:-1px}.seek-btn-mini .material-symbols-outlined{font-size:16px}.seek-btn-mini:active{background:#ffffff1a;transform:scale(.95)}.timer-section-single{text-align:center;margin:10px 0;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 4px 15px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.timer-digits{font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#fff;text-shadow:0 0 15px rgba(74,222,128,.3)}.timer-label{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.5px;margin-top:.25rem;font-weight:600}.glass-card{width:100%;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:12px 16px;display:flex;gap:12px;align-items:center;margin-bottom:1rem}.tip-icon-box{width:2.5rem;height:2.5rem;background-color:#4ade801a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4ade80;flex-shrink:0}.tip-text h4{font-size:12px;font-weight:700;color:#4ade80;margin:0;text-transform:uppercase}.tip-text p{font-size:13px;color:#fffc;margin:2px 0 0;line-height:1.3}.pulse-dot{width:6px;height:6px;background-color:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;animation:pulse 2s infinite}.coaching-actions-integrated{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;border-radius:10px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-pause{background-color:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-done{background-color:#4ade80!important;color:#181221!important;box-shadow:0 4px 10px #4ade8033}.btn-done:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4ade804d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.slide-content{display:flex;align-items:center;gap:12px;width:100%;animation:slideInRight .5s cubic-bezier(.4,0,.2,1)}.inquiry-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;width:100%;margin:0}.inquiry-header{padding:3.5rem 1.5rem 1.5rem;display:flex;align-items:center}.back-btn{margin-right:1rem;color:#9ca3af;background:none;border:none;cursor:pointer;transition:color .2s}.back-btn:hover{color:#fff}.inquiry-header h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.inquiry-main{flex:1;padding:0 1.5rem}.form-wrapper{position:relative;margin-top:1rem}.monster-float{position:absolute;top:-3rem;right:-1rem;width:8rem;height:8rem;z-index:10;pointer-events:none}.mask-group{position:relative;width:100%;height:100%}.mask-group img{width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.mail-badge{position:absolute;top:50%;left:0;background-color:#4ade80;border-radius:.5rem;padding:.5rem;box-shadow:0 10px 15px -3px #0000001a;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;color:#181221}.form-card{background-color:#2e233d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:0}.form-intro{color:#9ca3af;font-size:.875rem;line-height:1.625;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#d1d5db;margin-bottom:.5rem;margin-left:.25rem}.form-input{width:100%;background-color:#ffffffe6;border:1px solid rgba(255,255,255,1);border-radius:.75rem;padding:1rem;color:#181221;font-size:1rem;font-weight:500;transition:all .2s}.form-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8080;background-color:#fff}.form-input::placeholder{color:#6b7280}.form-textarea{min-height:9rem;resize:none}.submit-btn{width:100%;background-color:#4ade80;color:#181221;font-weight:900;padding:1rem 0;border-radius:.75rem;font-size:1.125rem;border:none;cursor:pointer;box-shadow:0 0 20px #4ade804d;transition:all .2s}.submit-btn:hover{filter:brightness(1.1)}.submit-btn:active{transform:scale(.98)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#181221e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.05);padding:.75rem 1.5rem 1.5rem;box-shadow:0 -4px 20px #0000004d;z-index:50}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;transition:color .2s}.nav-icon i{font-size:1.25rem;margin-bottom:.25rem}.exercises-container{background-color:#181221;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;min-height:100vh}.exercises-header{padding:3.5rem 1.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.exercises-header h1{font-size:1.5rem;font-weight:900;margin:0}.exercises-header p{color:#9ca3af;font-size:.875rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.025em;text-transform:uppercase;margin-top:0}.bell-button{color:#9ca3af;background:none;border:none;cursor:pointer;padding-top:.25rem}.profile-btn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:50%!important}.search-section{padding:0 1.5rem;margin-bottom:2rem}.search-inner{background-color:#fff;border-radius:.75rem;display:flex;align-items:center;padding:.5rem 1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-inner i{margin-right:.75rem;font-size:1.125rem;opacity:.7;color:#6b7280}.search-input{background:transparent;border:none;outline:none;width:100%;font-size:1.125rem;font-weight:600;color:#000;margin:0 .5rem;caret-color:#000}.search-go-btn,.premium-green-btn{background-color:#4ade80;color:#064e3b;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;justify-content:center}.search-go-btn:hover,.premium-green-btn:hover{background-color:#22c55e;transform:translateY(-1px);box-shadow:0 4px 12px #4ade8033}.search-go-btn:active,.premium-green-btn:active{transform:translateY(0)}.exercises-main{padding:0 1.5rem;flex:1;display:flex;flex-direction:column}.categories-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}.categories-header h2{font-size:1.25rem;font-weight:700;margin:0}.category-list{display:flex;flex-direction:column;gap:1rem;flex:1}.category-item{border-radius:1rem;height:10rem!important;flex-shrink:0!important;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer}.item-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff1a,#fff0)}.item-green{background:linear-gradient(135deg,#74d668,#4a8f46)}.item-blue{background:linear-gradient(135deg,#5ebdf7,#306ba1)}.item-orange{background:linear-gradient(135deg,#f78e47,#a64d2d)}.item-content{display:flex;height:100%;position:relative;z-index:10}.item-text{width:58.333%;padding:1.25rem;display:flex;flex-direction:column;justify-content:center}.item-icon-box{width:2.5rem;height:2.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background-color:#ffffff4d}.item-text h3{font-size:1.25rem;font-weight:700;line-height:1.25;margin-bottom:.25rem;margin-top:0}.item-text p{color:#ffffffe6;font-size:.75rem;font-weight:400;margin:0}.item-image-box{width:41.666%;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;-webkit-mask-image:linear-gradient(to right,transparent,black 20%);mask-image:linear-gradient(to right,transparent,black 20%)}.item-image-box img{width:100%;height:100%;object-fit:cover}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#181221;border-top:1px solid rgba(255,255,255,.05);padding:.75rem 1.5rem 1.5rem;box-shadow:0 -4px 20px #0000004d;z-index:50}.nav-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;list-style:none;padding:0}.nav-col{flex:1}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none}.nav-link.active{color:#fff}.nav-link.inactive{color:#6b7280}.nav-icon{margin-bottom:.25rem}.nav-icon i{font-size:1.25rem}.nav-label{font-size:10px;font-weight:500}.cat-header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.cat-edit-btn{background-color:#ffffff1a;border:none;color:#fff;width:1.5rem;height:1.5rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.5;transition:opacity .2s}.cat-edit-btn:hover{opacity:1;background-color:#fff3}.skeleton{background-color:#2e233d!important;position:relative;overflow:hidden}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reward-container{position:relative;width:100%;background-color:#1a1a2e;overflow:hidden;font-family:Noto Sans KR,sans-serif;display:flex;align-items:center;justify-content:center}.celebration-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:radial-gradient(circle at center,#2d2d44,#1a1a2e 70%)}.voxel-particle{position:absolute;width:1.5rem;height:1.5rem;opacity:.6;animation:float-particle 4s infinite ease-in-out}@keyframes float-particle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes card-pop{0%{transform:scale(.8) translateY(20px);opacity:0}60%{transform:scale(1.05) translateY(-5px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.reward-main{position:relative;z-index:10;width:100%;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.top-line-glow{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#4ade80,transparent);z-index:20;box-shadow:0 0 10px #4ade80}.reward-header{margin-bottom:1rem;animation:zoom-in .6s cubic-bezier(.34,1.56,.64,1)}.mission-complete{color:#4ade80;font-size:1.5rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:0 0 10px rgba(74,222,128,.5);background:linear-gradient(to right,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.reward-main h1{font-size:2.5rem;font-weight:900;line-height:1.1;margin:0;color:#fff;text-shadow:0 4px 0 #4c1d95,0 8px 8px rgba(0,0,0,.5);transform:perspective(500px) rotateX(10deg);margin-bottom:1rem}.quote-text{font-size:1.25rem;color:#fde047;font-style:italic;text-align:center;margin-bottom:2rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:fade-in-up 1s ease-out}.character-display{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 0;animation:zoom-in .8s cubic-bezier(.34,1.56,.64,1) .2s backwards}.character-glow-effect{position:absolute;width:14rem;height:14rem;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 2s infinite}.reward-monster-img{width:18rem;height:18rem;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:float 3s ease-in-out infinite;image-rendering:pixelated}.decoration-dot{position:absolute;width:.75rem;height:.75rem;background-color:#fff;border-radius:50%;animation:twinkle 1.5s infinite;box-shadow:0 0 10px #fff}.decoration-bounce{position:absolute;width:.5rem;height:.5rem;background-color:#fde047;border-radius:50%;animation:bounce 2s infinite}.reward-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.reward-card{border-radius:1rem;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;box-shadow:0 8px #0003,0 15px 20px #0003;transform:translateY(20px);opacity:0;animation:card-pop .6s cubic-bezier(.34,1.56,.64,1) forwards;border:1px solid rgba(255,255,255,.1)}.reward-card.theme-yellow{background:linear-gradient(145deg,#facc15,#eab308);border-bottom:4px solid #a16207}.reward-card.theme-yellow .reward-card-text{color:#422006}.reward-card.theme-yellow .reward-card-icon i{color:#422006!important}.reward-card.theme-blue{background:linear-gradient(145deg,#3b82f6,#2563eb);border-bottom:4px solid #1e40af}.reward-card.theme-green{background:linear-gradient(145deg,#22c55e,#16a34a);border-bottom:4px solid #15803d}.reward-card.theme-purple{background:linear-gradient(145deg,#a855f7,#9333ea);border-bottom:4px solid #7e22ce}.reward-card.theme-red{background:linear-gradient(145deg,#ef4444,#dc2626);border-bottom:4px solid #b91c1c}.reward-card.theme-orange{background:linear-gradient(145deg,#f97316,#ea580c);border-bottom:4px solid #c2410c}.reward-card.theme-orange .reward-card-text{color:#fff}.reward-card.theme-gray{background:linear-gradient(145deg,#6b7280,#4b5563);border-bottom:4px solid #374151}.reward-card-icon{width:2.5rem;height:2.5rem;background-color:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;box-shadow:inset 0 2px 4px #0000001a}.reward-card-text{font-weight:800;font-size:.75rem;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.3);color:#fff;word-break:keep-all}.claim-btn{width:100%;background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff;font-weight:800;padding:1rem;border-radius:1rem;font-size:1.125rem;box-shadow:0 10px 20px -5px #6366f166;transition:all .2s;border:none;margin-bottom:.5rem;position:relative;overflow:hidden}.claim-btn:active{transform:scale(.98);box-shadow:0 5px 10px -5px #6366f166}.claim-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .2s}.claim-btn:hover:after{opacity:1}.auto-claim-timer{font-size:.875rem;color:#9ca3af;text-align:center}.profile-container{background-color:#181221;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}.profile-header{padding:3.5rem 1.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.avatar-wrapper{position:relative;margin-bottom:1.5rem}.avatar-border{width:8rem;height:8rem;border-radius:9999px;padding:.25rem;background:linear-gradient(to bottom right,#f472b6,#a78bfa);box-shadow:0 0 20px #a78bfa66;transition:transform .2s;display:flex;align-items:center;justify-content:center}.avatar-border:hover{transform:scale(1.05)}.avatar-img-box{width:100%;height:100%;border-radius:9999px;overflow:hidden;background-color:#2e233d;position:relative;display:flex;align-items:center;justify-content:center}.avatar-image-monster{width:85%;height:85%;object-fit:contain}.profile-name{font-size:1.5rem;font-weight:900;margin-top:.5rem;margin-bottom:.25rem}.rank-badge{color:#4ade80;font-size:.875rem;font-weight:500;background-color:#4ade801a;padding:.25rem .75rem;border-radius:.5rem;display:inline-flex;align-items:center}.rank-badge i{margin-right:.375rem;font-size:.75rem}.stats-grid{padding:0 1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{background-color:#2e233d;border-radius:1.25rem;padding:1rem;height:8rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.stat-bg-icon{position:absolute;top:0;right:0;padding:.75rem;opacity:.1;font-size:3rem;transition:opacity .2s}.stat-card:hover .stat-bg-icon{opacity:.2}.stat-icon-box{width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.icon-blue{background-color:#3b82f633;color:#60a5fa}.icon-orange{background-color:#f9731633;color:#fb923c}.icon-green{background-color:#4ade8033;color:#4ade80}.icon-purple{background-color:#a855f733;color:#c084fc}.icon-red{background-color:#ef444433;color:#ef4444}.stat-label{color:#9ca3af;font-size:.75rem;font-weight:500;margin-bottom:.125rem}.stat-value{font-size:1.25rem;font-weight:700;color:#fff}.stat-unit{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.25rem}.menu-section{padding:0 1.5rem;flex:1}.menu-list{display:flex;flex-direction:column;gap:.75rem}.menu-item{width:100%;background-color:#2e233d;border:none;padding:1rem;border-radius:.75rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s}.menu-item:hover{background-color:#ffffff0d}.menu-item:active{background-color:#ffffff1a}.menu-item-left{display:flex;align-items:center;gap:1rem}.menu-icon-circle{width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#d1d5db;transition:all .2s}.menu-item:hover .menu-icon-circle.blue{background-color:#60a5fa33;color:#60a5fa}.menu-text{font-weight:700;font-size:1rem}.chevron-right{color:#4b5563;font-size:.875rem}.logout-container{padding-top:1.5rem}.logout-btn{width:100%;padding:1rem 0;color:#f43f5e;font-weight:700;font-size:.875rem;border:none;background:none;cursor:pointer;transition:color .2s}.logout-btn:hover{color:#fb7185}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:2rem}.modal-content{background-color:#2e233d;width:100%;max-width:100%;max-height:70vh;border-radius:1.5rem;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);animation:modal-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.125rem;font-weight:800;color:#fff}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;transition:color .2s}.close-btn:hover{color:#fff}.history-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.history-item{background-color:#ffffff08;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.05)}.history-date{background-color:#ffffff0d;padding:.5rem;border-radius:.75rem;font-size:.75rem;color:#9ca3af;font-weight:700;width:4rem;text-align:center;line-height:normal}.history-info h4{margin:0 0 .25rem;font-size:1rem;font-weight:700;color:#fff}.history-info p{margin:0;font-size:.85rem;color:#d1d5db}.no-history{text-align:center;padding:2rem 0;color:#9ca3af;display:flex;flex-direction:column;gap:.5rem}.videolist-container{background-color:#181221;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden}.videolist-header{padding:3.5rem 1.5rem 1rem;position:sticky;top:0;background-color:#181221f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.header-nav{display:flex;justify-content:space-between;align-items:center}.nav-back-group{display:flex;align-items:center}.back-btn{color:#fff;background:none;border:none;padding:.5rem;margin-left:-.5rem;cursor:pointer;border-radius:9999px;display:flex;align-items:center;justify-content:center}.videolist-header h1{font-size:1.25rem;font-weight:700;margin-left:.5rem;margin-top:0;margin-bottom:0}.edit-mode-btn{font-size:14px;font-weight:700;color:#4ade80;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.375rem .75rem;border-radius:.5rem;cursor:pointer}.edit-mode-btn.active{background-color:#4ade80;color:#181221}.search-section{padding:0 1.5rem 1.5rem}.search-box{background-color:#fff;border-radius:.75rem;padding:.5rem 1rem;display:flex;align-items:center;transition:opacity .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-icon{color:#6b7280;font-size:1.25rem}.search-input{background:none;border:none;outline:none;color:#000;font-size:1.125rem;font-weight:600;flex:1;padding:0 .5rem;caret-color:#000}.search-go-btn{background-color:#4ade80;color:#064e3b;border:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.search-go-btn:hover{background-color:#22c55e}.search-go-btn:disabled{opacity:.5;cursor:not-allowed}.search-input::placeholder{color:#9ca3af}.videolist-main{flex:1;padding:0 1rem}.video-cards-stack{display:flex;flex-direction:column;gap:1rem}.video-card-wrapper{display:flex;align-items:center;gap:.75rem;transition:transform .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.video-card-wrapper.dragging{opacity:.5;transform:scale(.98);background-color:#ffffff0d;border-radius:1.25rem}.drag-handle{display:flex;align-items:center;justify-content:center;color:#4b5563;padding:.5rem;cursor:grab;transition:color .2s}.drag-handle:active{cursor:grabbing}.video-card-wrapper:hover .drag-handle{color:#9ca3af}.video-card{flex:1;background-color:#231b2e;border-radius:1.25rem;overflow:hidden;cursor:pointer;transition:transform .2s;border:1px solid rgba(255,255,255,.05)}.video-card.editing{background-color:#2a223a}.video-card-inner{display:flex;height:6rem}.thumb-box{position:relative;width:6rem;min-width:6rem;background-color:#1a1a1a}.thumb-box img{width:100%;height:100%;object-fit:cover}.thumb-box .overlay{position:absolute;inset:0;background-color:#0000001a}.info-box{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;min-width:0}.info-box h3{font-size:14px;font-weight:700;margin:0 0 .5rem}.meta{display:flex;align-items:center;gap:1rem;font-size:11px;color:#9ca3af}.meta span{display:flex;align-items:center;gap:.25rem}.difficulty{font-weight:700}.difficulty.easy{color:#4ade80}.difficulty.mid{color:#fac015}.difficulty.hard{color:#f87171}.action-box,.edit-action-group{display:flex;align-items:center;padding-right:.75rem;gap:.5rem}.play-mini-btn{width:2rem;height:2rem;border-radius:9999px;background-color:#ffffff1a;display:flex;align-items:center;justify-content:center}.icon-btn{width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent}.edit-btn{background-color:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.delete-btn{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.lock-btn{background-color:#ffffff0d;color:#4b5563;border:1px solid rgba(255,255,255,.1);cursor:default;opacity:.7}.lock-btn span{font-size:1.1rem}.youtube-add-section{margin-top:1rem}.active-btn{background-color:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.inactive-btn{background-color:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.youtube-add-btn{width:100%;background-color:#dc2626;color:#fff;font-weight:700;padding:1rem;border-radius:.75rem;border:none;box-shadow:0 4px #991b1b;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer}.modal-overlay{position:fixed;inset:0;background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background-color:#1e162e;width:100%;max-width:100%;border-radius:1.5rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #00000080}.modal-content h2{font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.input-field{margin-bottom:1.25rem}.input-field label{display:block;font-size:12px;font-weight:700;color:#9ca3af;margin-bottom:.5rem}.input-field input,.modal-select{width:100%;background-color:#2e233d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;color:#fff;outline:none;font-family:inherit;font-size:14px}.modal-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.5rem;cursor:pointer}.modal-btns{display:flex;gap:.75rem;margin-top:2rem}.modal-btns button{flex:1;padding:.875rem;border-radius:.75rem;font-weight:700;border:none;cursor:pointer}.cancel-btn{background-color:#2e233d;color:#9ca3af}.confirm-btn{background-color:#4ade80;color:#181221}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#181221;border-top:1px solid rgba(255,255,255,.05);padding:1rem 2.5rem 2rem}.nav-list{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;list-style:none;padding:0}.nav-item{flex:1}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.nav-link.active{color:#4ade80}.nav-link.inactive{color:#4b5563}.nav-link .material-symbols-outlined{font-size:1.875rem;margin-bottom:.25rem}.nav-label{font-size:10px;font-weight:700}.video-card.skeleton{background-color:#231b2e!important;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.skeleton-pulse{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{to{transform:translate(100%)}}.category-modal{max-width:400px}.category-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.category-item-row{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff08;padding:.75rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.05)}.cat-name{font-weight:600;color:#fff}.edit-cat-input-group{display:flex;align-items:center;gap:.5rem;width:100%}.edit-cat-input-group input{flex:1;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.5rem;color:#fff;outline:none;font-size:14px}.save-btn{background-color:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.cancel-btn{background-color:#ffffff0d;color:#9ca3af}.add-category-row{display:flex;gap:.75rem;margin-bottom:2rem}.add-category-row input{flex:1;background-color:#2e233d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;color:#fff;outline:none}.add-cat-btn{background-color:#4ade80;color:#064e3b;font-weight:700;padding:0 1.25rem;border-radius:.75rem;border:none;cursor:pointer;white-space:nowrap}.confirm-btn.full{width:100%}.badge-case-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;width:100%;margin:0}.badge-header{display:flex;align-items:center;padding:3.5rem 1.5rem 1.5rem;gap:1rem}.back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0}.badge-header h1{font-size:1.25rem;font-weight:700;margin:0}.badge-main{flex:1;padding:1rem 1.5rem 2rem;display:flex;flex-direction:column}.badge-intro{margin-bottom:2rem}.badge-intro p{font-size:1.5rem;font-weight:300;line-height:1.4;color:#e5e7eb;margin:0}.featured-badge{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:1.5rem;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.1);margin-bottom:2.5rem;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.featured-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15rem;height:15rem;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);border-radius:50%;z-index:0}.featured-badge-img{width:8rem;height:8rem;object-fit:contain;z-index:1;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(74,222,128,.4));animation:float 4s ease-in-out infinite}.featured-info{text-align:center;z-index:1}.featured-info h2{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#4ade80}.featured-info p{font-size:.875rem;color:#d1d5db;font-style:italic;margin:0;line-height:1.5}.recent-badges-section h3{font-size:1rem;font-weight:700;margin:0 0 1rem;color:#9ca3af}.recent-grid{display:flex;gap:1rem;margin-bottom:2.5rem}.badge-item{flex:1;background-color:#2e233d;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.badge-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.badge-item span{font-size:.75rem;font-weight:500;color:#d1d5db}.view-all-btn{width:100%;padding:1rem;background-color:#231b2e;color:#fff;font-weight:600;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:background-color .2s}.view-all-btn:hover{background-color:#2e233d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.all-badge-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;width:100%;margin:0}.all-badge-header{display:flex;align-items:center;padding:3.5rem 1.5rem 1.5rem;gap:1rem;background-color:#181221;position:sticky;top:0;z-index:20}.all-badge-header h1{font-size:1.25rem;font-weight:700;margin:0}.progress-section{padding:0 1.5rem 2rem}.progress-info{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.75rem}.progress-label{font-size:1.5rem;font-weight:800;color:#fff}.progress-stats{color:#9ca3af;font-size:.875rem}.progress-stats .collected{color:#4ade80;font-size:1.125rem;font-weight:700}.progress-bar-bg{width:100%;height:.5rem;background-color:#ffffff1a;border-radius:9999px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:9999px;transition:width 1s ease-out}.progress-trend{display:flex;align-items:center;color:#4ade80;font-size:.875rem;font-weight:600}.all-badge-list{flex:1;padding:0 1.5rem 2rem}.badge-category{margin-bottom:2.5rem}.badge-category h2{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:#d1d5db;display:flex;align-items:center}.badge-category h2:after{content:"";flex:1;height:1px;background-color:#ffffff1a;margin-left:1rem}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.collection-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;background-color:#ffffff08;border-radius:1rem;border:1px solid transparent}.collection-item.unlocked{background-color:#ffffff0d;border-color:#ffffff1a}.collection-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.25rem}.collection-name{font-size:.8125rem;font-weight:600;color:#fff;text-align:center}.collection-item.locked .collection-name{color:#6b7280}.status-text{font-size:.625rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;padding:.125rem .375rem;border-radius:.25rem}.collection-item.unlocked .status-text{color:#4ade80;background-color:#4ade801a}.collection-item.locked .status-text{color:#6b7280;background-color:#6b72801a}