@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;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;max-width:448px;margin:0 auto}.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:2.5rem;height:2.5rem;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{flex:1;padding:0 1.5rem 8rem;overflow-y:auto}.featured-card{position:relative;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:10}.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:0;bottom:0;width:10rem;height:11rem;pointer-events:none;z-index:0}.featured-monster img{width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 25px 50px rgba(0,0,0,.5))}.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}.achievement-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.achievement-carousel::-webkit-scrollbar{display:none}.achievement-item{flex-shrink:0;width:6rem;height:7rem;background-color:#3d2e5a;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px solid rgba(255,255,255,.1);box-shadow:inset -4px -4px #0003;scroll-snap-align:start}.achievement-item.locked{opacity:.5}.achievement-item .material-symbols-outlined{font-size:2rem}.achievement-item span{font-size:11px;font-weight:700;color:#d1d5db}.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;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow:hidden;max-width:448px;margin:0 auto}.coaching-header{padding:3.5rem 1.5rem 1rem;display:flex;align-items:center;justify-content:space-between}.header-btn{width:2.5rem;height:2.5rem;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:1.125rem;font-weight:700;margin:0}.header-title p{font-size:.75rem;color:#9ca3af;margin:0}.coaching-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem}.video-player-section{width:100%;margin-top:1rem;margin-bottom:1.5rem}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:1.5rem;background-color:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #00000080}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.status-container{margin-bottom:1rem}.status-pill.static{background-color:#3a2d4d;padding:.375rem 1rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.pulse-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#4ade80;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-pill span{font-size:.875rem;font-weight:700;letter-spacing:.025em}.timer-section{width:100%;text-align:center;padding:1rem 0}.timer-digits{font-size:4.5rem;font-weight:900;letter-spacing:-.05em;color:#fff;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.timer-label{color:#6b7280;font-weight:700;margin-top:.25rem;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.glass-card{width:100%;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1.25rem;margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.tip-icon-box{width:3rem;height:3rem;background-color:#4ade8033;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#4ade80;flex-shrink:0}.tip-icon-box .material-symbols-outlined{font-size:2rem}.tip-text{flex:1}.tip-text h4{font-size:14px;font-weight:700;color:#4ade80;margin:0;text-transform:uppercase}.tip-text p{font-size:14px;font-weight:500;color:#ffffffe6;margin:.125rem 0 0}.coaching-actions{width:100%;display:flex;gap:1rem;margin-bottom:2.5rem}.action-btn{flex:1;padding:1.25rem 0;border-radius:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer;transition:all .2s}.btn-pause{background-color:#2e233d;color:#fff;border:1px solid rgba(255,255,255,.05)}.btn-pause:hover{background-color:#ffffff1a}.btn-done{background-color:#4ade80;color:#181221;box-shadow:0 10px 20px #4ade8033}.btn-done:hover{opacity:.9}.progress-footer{padding:0 1.5rem 1rem}.progress-bar-bg{width:100%;height:.375rem;background-color:#2e233d;border-radius:9999px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#4ade80;border-radius:9999px;width:33.33%;box-shadow:0 0 10px #4ade8080}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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;max-width:448px;margin:0 auto}.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 8rem}.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;backdrop-blur: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:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem;color:#fff;font-size:1rem;transition:all .2s}.form-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 1px #4ade8080}.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;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;max-width:448px;margin:0 auto}.exercises-header{padding:3.5rem 1.5rem 1.5rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start}.exercises-header h1{font-size:2.25rem;font-weight:900;margin-bottom:.5rem;letter-spacing:-.025em;margin-top:0}.exercises-header p{color:#9ca3af;font-size:.875rem;font-weight:500;margin:0}.bell-button{color:#9ca3af;background:none;border:none;cursor:pointer;padding-top:.25rem}.search-section{padding:0 1.5rem;margin-bottom:2rem}.search-inner{background-color:#2e233d;border-radius:.75rem;display:flex;align-items:center;padding:1rem;box-shadow:0 1px 2px #0000000d}.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:1rem;color:#fff}.search-input::placeholder{color:#6b7280}.exercises-main{flex:1;padding:0 1.5rem 8rem;overflow-y:auto}.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}.view-all{color:#4ade80;font-size:.875rem;font-weight:600;text-decoration:none}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{border-radius:1rem;height:10rem;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;max-width:384px;margin:0 auto;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.inactive{color:#6b7280}.nav-icon{margin-bottom:.25rem}.nav-icon i{font-size:1.25rem}.reward-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow:hidden;position:relative;max-width:448px;margin:0 auto}.celebration-bg{position:absolute;inset:0;background:radial-gradient(circle at center,#2e233d,#181221);pointer-events:none}.voxel-particle{width:8px;height:8px;position:absolute;opacity:.6;border-bottom:2px solid rgba(0,0,0,.2);border-right:2px solid rgba(0,0,0,.2)}.reward-main{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:4rem 1.5rem}.reward-header{text-align:center}.mission-complete{color:#4ade80;font-size:1.25rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.reward-main h1{font-size:2.25rem;font-weight:900;line-height:1.2;margin:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.character-display{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 0}.character-glow-effect{position:absolute;width:12rem;height:12rem;background-color:#ffffff0d;border-radius:9999px;filter:blur(48px)}.reward-monster-img{width:18rem;height:18rem;object-fit:contain;filter:drop-shadow(0 0 30px rgba(74,222,128,.4));transform:translateY(-1rem);transition:transform .3s;image-rendering:pixelated}.reward-monster-img:hover{transform:translateY(-1rem) scale(1.05)}.decoration-dot{position:absolute;width:.75rem;height:.75rem;background-color:#fff;animation:pulse 2s infinite}.decoration-bounce{position:absolute;width:.5rem;height:.5rem;background-color:#fde047;animation:bounce 2s infinite}.reward-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2rem}.reward-card{border-radius:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;box-shadow:0 8px #0000004d}.card-gold{background-color:#facc15;border-bottom:4px solid #ca8a04}.card-xp{background-color:#8b5cf6;border-bottom:4px solid #6d28d9}.card-block{background-color:#10b981;border-bottom:4px solid #047857}.reward-card-icon{width:2.5rem;height:2.5rem;background-color:#ffffff4d;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.reward-card-text{font-weight:900;font-size:.8125rem;text-align:center;line-height:1.2}.card-gold .reward-card-text{color:#422006}.card-xp .reward-card-text,.card-block .reward-card-text{color:#fff}.claim-btn{width:100%;padding:1.25rem 0;border-radius:1.25rem;background:linear-gradient(135deg,#f87171,#ef4444,#b91c1c);color:#fff;font-size:1.25rem;font-weight:900;border:none;cursor:pointer;box-shadow:0 6px #991b1b;transition:all 75ms}.claim-btn:active{transform:translateY(4px);box-shadow:none}.auto-claim-timer{color:#6b7280;text-align:center;margin-top:1.5rem;font-size:.875rem;font-weight:500}.top-line-glow{position:fixed;top:0;left:0;width:100%;height:.125rem;background:linear-gradient(to right,transparent,rgba(74,222,128,.3),transparent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.profile-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;max-width:448px;margin:0 auto}.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}.settings-btn{position:absolute;top:3.5rem;right:1.5rem;color:#9ca3af;background:none;border:none;cursor:pointer}.avatar-wrapper{position:relative;margin-bottom:1.5rem;cursor:pointer}.avatar-border{width:7rem;height:7rem;border-radius:1.25rem;padding:.25rem;background:linear-gradient(to bottom right,#4ade80,#3b82f6);box-shadow:0 0 15px #4ade804d;transition:transform .2s}.avatar-border:hover{transform:scale(1.05)}.avatar-img-box{width:100%;height:100%;border-radius:.75rem;overflow:hidden;background-color:#1f2937;position:relative}.avatar-image{width:100%;height:100%;object-fit:cover}.level-badge-box{position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);background-color:#181221;padding:.125rem .25rem;border-radius:9999px}.level-badge{background-color:#f97316;color:#fff;font-size:10px;font-weight:700;padding:.25rem .75rem;border-radius:9999px;border:1px solid #fb923c;box-shadow:0 1px 2px #0000001a}.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}.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}.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 8rem;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.green{background-color:#4ade8033;color:#4ade80}.menu-item:hover .menu-icon-circle.blue{background-color:#60a5fa33;color:#60a5fa}.menu-item:hover .menu-icon-circle.orange{background-color:#fb929e33;color:#fb923c}.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}.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 2rem;box-shadow:0 -4px 20px #0000004d;z-index:50}.nav-link.active{color:#fff}.nav-icon-wrapper{margin-bottom:.25rem;position:relative}.nav-icon-wrapper i{font-size:1.25rem}.nav-active-dot{position:absolute;top:-.125rem;right:-.125rem;width:.5rem;height:.5rem;background-color:#4ade80;border-radius:9999px;border:2px solid #181221}.nav-label{font-size:10px;font-weight:500}.videolist-container{background-color:#181221;color:#fff;min-height:100vh;display:flex;flex-direction:column;font-family:Noto Sans KR,sans-serif;overflow-x:hidden;max-width:448px;margin:0 auto}.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:#2e233d;border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;transition:opacity .3s}.search-input{background:none;border:none;outline:none;color:#fff;font-size:1rem;flex:1;padding:0}.search-input::placeholder{color:#9ca3af}.videolist-main{flex:1;padding:0 1rem 8rem;overflow-y:auto}.video-cards-stack{display:flex;flex-direction:column;gap:1rem}.video-card-wrapper{display:flex;align-items:center;gap:.75rem}.reorder-btns{display:flex;flex-direction:column;gap:.25rem}.reorder-btn{background-color:#2e233d;color:#9ca3af;border:1px solid rgba(255,255,255,.05);border-radius:.375rem;width:2rem;height:1.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.reorder-btn:disabled{opacity:.3;pointer-events:none}.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)}.youtube-add-section{margin-top:1rem}.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:360px;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{width:100%;background-color:#2e233d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.75rem 1rem;color:#fff;outline:none}.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;max-width:448px;margin:0 auto;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}