.site-header{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:1000;--header-height: 64px}.header-container{max-width:100%;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{display:flex;align-items:center;text-decoration:none;color:inherit;flex-shrink:0}.logo img{height:40px;width:auto;object-fit:contain;display:block}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.search-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:#333;cursor:pointer;border-radius:8px;transition:background .2s}.search-button:hover{background:#f5f5f5}.search-button svg{width:20px;height:20px}.hamburger-button{display:flex;flex-direction:column;justify-content:space-around;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:8px;transition:background .2s;gap:5px}.hamburger-button:hover{background:#f5f5f5}.hamburger-line{width:100%;height:2px;background:#333;border-radius:2px;transition:all .3s ease;display:block}.hamburger-button--open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(7px,7px)}.hamburger-button--open .hamburger-line:nth-child(2){opacity:0}.hamburger-button--open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.side-menu__overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;z-index:999;will-change:opacity;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.side-menu--open .side-menu__overlay{opacity:1;visibility:visible}.side-menu__content{position:fixed;top:0;width:280px;max-width:80vw;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;padding:0;overflow-y:auto;z-index:1000;will-change:transform;right:calc((100vw - 736px)/2);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.side-menu__header{display:flex;justify-content:flex-end;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.side-menu__close-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:#333;cursor:pointer;border-radius:8px;transition:background .2s}.side-menu__close-button:hover{background:#f5f5f5}.side-menu__close-button svg{width:20px;height:20px}@media (max-width: 736px){.side-menu__content{right:0;transform:translate(100%)}}.side-menu--open .side-menu__content{transform:translate(0)}@media (min-width: 737px){.side-menu__content{right:0;transform:translate(100%)}.side-menu--open .side-menu__content{right:calc((100vw - 736px)/2);transform:translate(0)}}.side-menu__item{display:block;padding:16px 20px;color:#333;text-decoration:none;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0;transition:background .2s}.side-menu__item:hover{background:#f8f8f8}.side-menu__board-label{padding:16px 20px;color:#333;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0}.side-menu__submenu{background:#f8f8f8}.side-menu__submenu--always-open{display:block;max-height:none;overflow:visible}.side-menu__submenu-item{display:block;padding:12px 20px 12px 40px;color:#666;text-decoration:none;font-size:14px;border-bottom:1px solid #f0f0f0;transition:background .2s,color .2s}.side-menu__submenu-item:hover{background:#f0f0f0;color:#333}.side-menu__submenu-item:last-child{border-bottom:none}.search-modal{pointer-events:none}.search-modal--open{pointer-events:auto}.search-modal__overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998;pointer-events:none}.search-modal--open .search-modal__overlay{opacity:1;visibility:visible;pointer-events:auto}.search-modal__content{position:fixed;top:0;left:calc((100vw - 736px)/2);right:calc((100vw - 736px)/2);max-width:736px;background:#fff;border-bottom:1px solid #eee;box-shadow:0 4px 12px #0000001a;transform:translateY(-100%);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);z-index:999;padding:16px;pointer-events:none;will-change:transform}@media (max-width: 736px){.search-modal__content{left:0;right:0;max-width:100%}}.search-modal--open .search-modal__content{transform:translateY(0);opacity:1;pointer-events:auto}.search-modal__form{width:100%;max-width:100%}.search-modal__input-wrapper{display:flex;align-items:center;gap:8px;width:100%;max-width:100%}.search-modal__input{flex:1;height:48px;padding:0 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:16px;background:#fff;color:#333;outline:none;transition:border-color .2s}.search-modal__input:focus{border-color:#3b82f6}.search-modal__input::placeholder{color:#999}.search-modal__submit{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;background:#3b82f6;color:#fff;border-radius:12px;cursor:pointer;transition:background .2s;flex-shrink:0}.search-modal__submit:hover{background:#2563eb}.search-modal__submit:active{background:#1d4ed8}.search-modal__submit svg{width:20px;height:20px}.search-modal__close{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;background:transparent;color:#666;border-radius:12px;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.search-modal__close:hover{background:#f5f5f5;color:#333}.search-modal__close:active{background:#e5e5e5}.search-modal__close svg{width:20px;height:20px}.site-footer{background:#fff;border-top:1px solid #eee}.footer-container{width:100%;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:4px}.footer__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer__stats{font-size:13px;color:#666;font-weight:500;line-height:1.3}.footer__sns{display:flex;gap:12px}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:6px}.footer__contact{font-size:13px;color:#666;white-space:nowrap;line-height:1.3}.footer__email{color:#3b82f6;text-decoration:none;transition:color .2s}.footer__email:hover{color:#2563eb;text-decoration:underline}.footer__privacy{font-size:13px;color:#666;text-decoration:none;transition:color .2s;white-space:nowrap;line-height:1.3}.footer__privacy:hover{color:#333;text-decoration:underline}@media (max-width: 768px){.footer__bottom{flex-wrap:nowrap;gap:8px}.footer__contact,.footer__privacy{font-size:12px}}.sns-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;color:#c3c3c3;transition:transform .15s}.sns-btn:hover{transform:scale(1.15);color:#333}.footer__alert{position:fixed;left:50%;bottom:32px;transform:translate(-50%);background:#fffbe9;color:#222;border:1px solid #ddd;border-radius:8px;padding:8px 18px;font-size:12px;box-shadow:0 2px 10px #00000017;z-index:100;max-width:90%;text-align:center}