*{margin:0;padding:0;box-sizing:border-box;letter-spacing:-.25px;font-family:Pretendard Variable}a{color:#000;text-decoration:none;display:block}button{border:none;background:none}ul{list-style:none}img{display:block}time{display:block}.header{background:#222;color:#efefef;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444}.header__logo-text{color:#efefef;font-size:20px;font-weight:500}.header__list{display:flex;gap:16px;list-style:none;margin:0;padding:0}.header__item:hover{text-decoration:underline}.header__link{color:#efefef;text-decoration:none}.form{display:flex;flex-direction:column;gap:16px}.form__section{display:flex;flex-direction:column;gap:4px}.form__label{font-weight:600}.form__input{border:1px solid #ccc;padding:8px;line-height:1.6}.form__submit{padding:8px;background:#000;color:#fff}.auth{padding-top:15vh;padding-inline:16px}.auth__box{max-width:520px;margin:0 auto;display:grid;gap:32px}.auth__title{font-size:3rem;text-align:center}.auth__form{display:flex;flex-direction:column;gap:16px}.auth__input,.auth__button{font-size:clamp(1rem,2.5vw,1.5rem);padding:clamp(.75rem,2vw,1rem)}.auth__button{background:#222;color:#fff}.moment{margin-bottom:16px}.moment__button{font-size:16px;width:100%;height:32px}.moment li{margin-bottom:12px;padding-bottom:12px;line-height:160%;border-bottom:1px solid #ddd}.main{padding:16px 16px 64px}.main__title{font-size:20px;margin-bottom:12px}.main__list a{font-size:20px;padding:8px 0}.main__content a{font-size:16px;padding:4px 0}.main__time{margin-bottom:16px;font-size:14px;color:#666}.main__text{line-height:1.6;margin-bottom:32px}.create{position:absolute;right:16px;bottom:16px;background:#000;color:#fff;padding:8px;border-radius:5px}.button--page{background:#000;color:#fff;padding:8px;border-radius:5px;padding-left:auto}
