.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border-bottom:1px solid #0b122014;position:sticky;top:0}.nav-crown{filter:grayscale();opacity:.55;display:block}.nav-crown.is-active{filter:none;opacity:1}.header-main{align-items:center;gap:16px;min-height:64px;display:flex}.header-mobile-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:none}.nav-mobile-auth{color:#0b1220b8;background:#ffffffb3;border:1px solid #0b12201f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;display:inline-flex}.nav-mobile-auth[hidden]{display:none!important}.nav-mobile-auth:hover{color:#0b1220eb;background:#0b12200d}.brand{flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:32px;display:block}.nav{align-items:center;gap:14px;display:none}.nav-actions{align-items:center;gap:10px;margin-left:6px;display:inline-flex}.nav-guest,.nav-user{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:none}.nav-guest:not([hidden]),.nav-user:not([hidden]){display:inline-flex}.nav-user[hidden],.nav-guest[hidden]{display:none!important}.nav-user-meta{color:#0b12209e;align-items:center;gap:10px;font-size:12px;display:none}.nav-user-points{color:#0b3aa6;white-space:nowrap;background:#2563eb14;border:1px solid #2563eb24;border-radius:999px;align-items:center;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.nav-user-mypage{background:linear-gradient(135deg, var(--brand), var(--brand2));color:#fff;width:36px;height:36px;transition:filter .16s var(--ease-out), transform .16s var(--ease-out);border-radius:10px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #10b9812e}.nav-user-mypage:hover{filter:brightness(1.06);transform:translateY(-1px)}.nav-user-logout{color:#0b12209e;cursor:pointer;width:36px;height:36px;transition:color .16s var(--ease-out), border-color .16s var(--ease-out), background .16s var(--ease-out);background:#ffffffd9;border:1px solid #0b12201a;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.nav-user-logout:hover{color:#0b1220e6;background:#fff;border-color:#0b12202e}.nav-link{color:#0b1220c2;letter-spacing:-.01em;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;padding:10px 12px;font-weight:650;text-decoration:none}.nav-link.subtle{color:#0b122099}.nav-link:hover{color:#0b1220eb;background:#0b12200d}.nav-link.is-active{color:#064e3bf5;background:#10b9811f;border:1px solid #10b98138}.nav-cta{color:#fff;background:linear-gradient(135deg, var(--brand), var(--brand2));border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px #10b98138}.nav-toggle{color:#0b1220c7;cursor:pointer;background:#ffffffb3;border:1px solid #0b12201f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.nav-toggle-bars{width:18px;height:14px;display:block;position:relative}.nav-toggle-bar{height:2px;transition:transform .22s var(--ease-out), top .22s var(--ease-out), opacity .18s var(--ease-out);background:currentColor;border-radius:1px;position:absolute;left:0;right:0}.nav-toggle-bar:first-child{top:0}.nav-toggle-bar:nth-child(2){top:6px}.nav-toggle-bar:nth-child(3){top:12px}.is-drawer-open .nav-toggle-bar:first-child{top:6px;transform:rotate(45deg)}.is-drawer-open .nav-toggle-bar:nth-child(2){opacity:0}.is-drawer-open .nav-toggle-bar:nth-child(3){top:6px;transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.nav-toggle-bar{transition:none}}.drawer-overlay[hidden],.drawer[hidden]{display:none!important}.drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#00000038;position:fixed;inset:0}.drawer-overlay:not([hidden]){display:block}.drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:70;background:#ffffffeb;border-left:1px solid #0b12201a;flex-direction:column;gap:14px;width:min(360px,88vw);height:100dvh;padding:14px 14px 16px;position:fixed;top:0;right:0;box-shadow:-30px 0 80px #0b12202e}.drawer:not([hidden]){display:flex}.drawer-top{justify-content:space-between;align-items:center;display:flex}.drawer-brand{align-items:center;gap:10px;display:inline-flex}.drawer-close{background:#fffc;border:1px solid #0b12201f;border-radius:12px;width:40px;height:40px;position:relative}.drawer-close:before,.drawer-close:after{content:"";transform-origin:50%;background:#0b1220b8;width:16px;height:2px;position:absolute;top:50%;left:50%}.drawer-close:before{transform:translate(-50%,-50%)rotate(45deg)}.drawer-close:after{transform:translate(-50%,-50%)rotate(-45deg)}.drawer-nav{flex-direction:column;gap:6px;padding-top:8px;display:flex}.drawer-user{background:#0b122008;border:1px solid #0b12200f;border-radius:16px;margin-bottom:8px;padding:12px}.drawer-user[hidden]{display:none!important}.drawer-user-head{align-items:center;gap:10px;display:flex}.drawer-user-info{flex:1;min-width:0}.drawer-user-name{letter-spacing:-.02em;color:#0b1220e0;font-weight:900}.drawer-user-points{color:#0b3aa6;margin-top:2px;font-size:13px;font-weight:800}.drawer-user-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.drawer-mypage,.drawer-plans{color:var(--brandInk);background:#10b9811a;border-radius:12px;padding:8px 12px;font-weight:800;text-decoration:none;display:inline-flex}.drawer-plans{background:#10b98129}.drawer-logout{color:#0b12208c;cursor:pointer;width:32px;height:32px;transition:color .16s var(--ease-out), border-color .16s var(--ease-out);background:#ffffffe6;border:1px solid #0b12201a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.drawer-logout:hover{color:#0b1220e0;border-color:#0b12202e}.drawer-actions[hidden]{display:none!important}.drawer-link{letter-spacing:-.02em;color:#0b1220c7;background:#0b122008;border:1px solid #0000;border-radius:14px;padding:12px;font-weight:850;text-decoration:none}.drawer-link:hover{background:#0b12200d}.drawer-link.is-active{color:#064e3bf5;background:#10b9811a;border-color:#10b98138}.drawer-actions{grid-template-columns:1fr;gap:10px;margin-top:auto;display:grid}.site-footer{background:linear-gradient(#0b122005,#0b12200a);border-top:1px solid #0b12201a;margin-top:72px;padding:40px 0}.footer-inner{grid-template-columns:1fr auto;align-items:start;gap:18px 32px;display:grid}.footer-legal{color:var(--muted2);flex-direction:column;gap:4px;margin-top:14px;font-size:11px;line-height:1.55;display:flex}.footer-legal p{margin:0}.footer-youtube{color:#0b122073;transition:color .18s var(--ease-out);display:inline-flex}.footer-youtube:hover{color:#dc2626}.footer-youtube svg{width:32px;height:32px}.footer-title{letter-spacing:-.03em;font-weight:900}.footer-sub{color:var(--muted);font-size:var(--p2);margin-top:6px}.footer-copy{color:var(--muted2);margin-top:12px;font-size:12px}.footer-links{font-size:var(--p2);color:#0b1220b3;flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}@media (width>=881px){.nav{margin-left:auto;display:flex}.nav-user-meta{display:inline-flex}.nav-guest:not([hidden]),.nav-user:not([hidden]){margin-left:0}.nav-toggle,.drawer,.drawer-overlay{display:none!important}}@media (width<=880px){.nav-guest,.nav-user{display:none!important}.header-mobile-actions{display:inline-flex}.header-mobile-actions .nav-toggle{margin-left:0}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}