:root{--color-primary:#7ed957;--color-primary-light:#9fe97a;--color-primary-dark:#5cb83a;--color-primary-bg:#f0fbe8;--color-primary-hover:rgba(126,217,87,.15);--color-primary-shadow:rgba(126,217,87,.35);--color-accent:#ffc107;--color-text:#2c3e50;--color-text-light:#555;--color-text-muted:#666;--color-background:#f5f7fa;--color-background-alt:#f8fafc;--color-white:#fff;--color-border:#e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{cursor:pointer;font-family:inherit;border:none;background:none;outline:none}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer{background:#2c3e50;color:#ecf0f1;padding:3rem 0 1rem;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-section:first-child{text-align:center}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--color-primary)}.footer-logo-image{height:50px;width:auto;margin-bottom:1rem}.footer-section p,.footer-slogan{color:#bdc3c7;font-size:.9rem;line-height:1.6}.footer-section p{margin:.5rem 0}.footer-section a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:var(--color-primary-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;color:#95a5a6}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#95a5a6;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-main{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-direction:column;gap:.5rem}}.header{position:fixed;top:0;left:0;right:0;background:#2c3e50;border-bottom:1px solid hsla(0,0%,100%,.1);z-index:1000;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;justify-content:space-between}.header-container,.logo-group{display:flex;align-items:center}.logo-group{gap:12px}.logo{display:flex;align-items:center;text-decoration:none;color:#ecf0f1;font-weight:700;font-size:1.5rem;gap:.5rem}.logo-image{height:55px;width:auto}.logo-divider{width:1px;height:30px;background:hsla(0,0%,100%,.25)}.sub-logo{display:flex;align-items:center;transition:opacity .2s ease}.sub-logo:hover{opacity:.8}.sub-logo-image{height:36px;width:auto;background:hsla(0,0%,100%,.15);border-radius:6px;padding:5px 6px;box-sizing:content-box}.sub-logo-image.atlas,.sub-logo-image.large{height:43px;padding:2px 4px}.logo-text{color:var(--color-primary);font-weight:800}.nav{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:#bdc3c7;font-weight:500;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{color:var(--color-primary);background:hsla(0,0%,100%,.1)}.nav-link.active{color:var(--color-primary);font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:var(--color-primary);border-radius:2px}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger span{display:block;width:25px;height:3px;background:#ecf0f1;border-radius:2px;transition:all .3s ease}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.btn-group{display:flex;align-items:center;gap:2px}.channel-btn,.channel-wrapper{position:relative}.channel-btn{display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:none;padding:4px 10px;cursor:pointer;color:#fff;transition:all .2s ease;line-height:1}.channel-btn:hover{color:var(--color-primary)}.channel-btn.active{background:var(--color-primary);color:#fff;border-radius:8px}.channel-btn-text{font-size:.65rem;font-weight:600;letter-spacing:.02em;line-height:1.2}.channel-arrow{margin-top:2px;transition:transform .2s ease}.channel-arrow.open{transform:rotate(180deg)}.channel-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#2c3e50;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:12px;min-width:280px;box-shadow:0 12px 32px rgba(0,0,0,.4);z-index:1001;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.channel-platform{margin-bottom:10px}.channel-platform:last-child{margin-bottom:0}.channel-platform-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#ecf0f1;border-bottom:1px solid hsla(0,0%,100%,.1);padding:4px 8px 6px;margin-bottom:6px}.channel-list{display:flex;flex-wrap:wrap;gap:4px}.channel-item{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:hsla(0,0%,100%,.08);color:var(--color-primary);text-decoration:none;font-size:.72rem;font-weight:600;transition:all .15s ease;white-space:nowrap}.channel-item:hover{background:hsla(0,0%,100%,.2);color:#fff}.channel-name{line-height:1}.app-dropdown{min-width:220px}.app-dropdown-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#ecf0f1;border-bottom:1px solid hsla(0,0%,100%,.1);padding:4px 8px 8px;margin-bottom:8px}.app-list{display:flex;flex-direction:column;gap:4px}.app-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:hsla(0,0%,100%,.06);color:#ecf0f1;text-decoration:none;transition:all .15s ease}.app-item:hover{background:hsla(0,0%,100%,.15)}.app-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:rgba(124,179,66,.15);color:var(--color-primary);flex-shrink:0}.app-item-info{display:flex;flex-direction:column;gap:1px;flex:1 1}.app-item-name{font-size:.8rem;font-weight:600;color:#fff;line-height:1.2}.app-item-category{font-size:.65rem;color:var(--color-primary);font-weight:500}.app-item-store{color:hsla(0,0%,100%,.4);flex-shrink:0;transition:color .15s ease}.app-item:hover .app-item-store{color:var(--color-primary)}@media (max-width:768px){.header-container{padding:1rem}.logo-group{gap:8px}.logo-image{height:40px}.sub-logo-image{height:26px}.sub-logo-image.atlas,.sub-logo-image.large{height:31px}.logo-divider{height:22px}.mobile-menu-button{display:block}.nav{position:fixed;top:70px;left:0;right:0;background:#2c3e50;flex-direction:column;padding:2rem;border-top:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 6px rgba(0,0,0,.2);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav.nav-open{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;text-align:center;padding:1rem}.channel-btn{padding:3px 7px}.channel-btn-text{font-size:.55rem}.channel-dropdown{left:auto;right:-40px;transform:none;min-width:240px}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}.header-auth{display:flex;align-items:center;margin-left:.75rem;flex-shrink:0}.header-login-btn{display:none;align-items:center;padding:.375rem 1rem;font-size:.8125rem;font-weight:600;color:var(--color-primary,#7ed957);border:1.5px solid var(--color-primary,#7ed957);border-radius:6px;transition:background .15s,color .15s;white-space:nowrap}.header-login-btn:hover{background:var(--color-primary,#7ed957);color:#fff}.user-menu-wrapper{position:relative}.user-avatar-btn{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--color-primary,#7ed957);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .15s;background:var(--color-primary-bg,#f0fbe8);padding:0}.user-avatar-btn:hover{box-shadow:0 0 0 3px rgba(126,217,87,.25)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-avatar-letter{font-size:.875rem;font-weight:700;color:var(--color-primary-dark,#5cb83a);line-height:1}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:#fff;border:1px solid var(--color-border,#e5e7eb);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.1);z-index:200;animation:dropdownFade .15s ease;overflow:hidden}.user-dropdown-info{padding:.875rem 1rem}.user-dropdown-name{font-size:.875rem;font-weight:600;color:var(--color-text,#2c3e50);margin-bottom:.2rem}.user-dropdown-email,.user-dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-email{font-size:.75rem;color:var(--color-text-muted,#999)}.user-dropdown-divider{height:1px;background:var(--color-border,#e5e7eb)}.user-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-light,#555);transition:background .1s;text-align:left}.user-dropdown-item:hover{background:var(--color-background,#f5f7fa)}.user-dropdown-logout{color:#e53e3e}.user-dropdown-logout:hover{background:rgba(229,62,62,.06)}@media (max-width:768px){.header-login-btn{padding:.3rem .625rem;font-size:.75rem}.user-avatar-btn{width:30px;height:30px}}.kakao-float-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:500;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.kakao-tooltip{background:rgba(0,0,0,.75);color:#fff;font-size:.75rem;padding:.4rem .75rem;border-radius:6px;white-space:nowrap;pointer-events:none;animation:kakao-tooltip-in .15s ease}@keyframes kakao-tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kakao-float-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:#fee500;color:#391b1b;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);transition:transform .15s ease,box-shadow .15s ease;padding:0}.kakao-float-btn:focus-visible,.kakao-float-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.25);outline:2px solid #fee500;outline-offset:2px}.kakao-float-btn:active{transform:translateY(0) scale(.97)}.kakao-icon{width:1.6rem;height:1.6rem}.kakao-btn-label{font-size:.6rem;font-weight:600;line-height:1;letter-spacing:-.02em}@media (max-width:768px){.kakao-float-wrapper{bottom:1.5rem;right:1.25rem}.kakao-float-btn{width:3.25rem;height:3.25rem}}