:root{--size-50: 4px;--size-100: 8px;--size-200: 16px;--size-300: 24px;--size-400: 32px;--size-500: 40px;--size-600: 48px;--size-700: 56px;--size-800: 64px;--size-900: 72px;--grayscale-50: #FEFEFE;--grayscale-100: #F7F7FC;--grayscale-200: #EFF0F6;--grayscale-300: #D9DBE9;--grayscale-400: #BEC1D5;--grayscale-500: #A0A3BD;--grayscale-600: #6E7191;--grayscale-700: #4E4B66;--grayscale-800: #2A2A44;--grayscale-900: #14142B;--accent-blue: #007AFF;--accent-red: #FF3B30;--color-text-strong: var(--grayscale-900);--color-text-bold: var(--grayscale-700);--color-text-default: var(--grayscale-600);--color-text-weak: var(--grayscale-500);--color-text-white-default: var(--grayscale-50);--color-text-white-weak: var(--grayscale-100);--color-text-brand: var(--accent-blue);--color-text-danger: var(--accent-red);--color-surface-default: var(--grayscale-50);--color-surface-alt: var(--grayscale-100);--color-surface-brand: var(--accent-blue);--color-surface-danger: var(--accent-red);--color-border-default: var(--grayscale-200);--color-border-bord: var(--grayscale-400);--shadow-normal: 0px 1px 4px rgba(110, 128, 145, .24);--shadow-up: 0px 2px 8px rgba(110, 128, 145, .32);--shadow-floating-1: 0px 0px 4px rgba(110, 128, 145, .08);--shadow-floating-2: 0px 16px 16px rgba(110, 128, 145, .24)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard Variable;background-color:var(--color-surface-alt)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-thumb{outline:none;border-radius:10px;border:4px solid transparent;box-shadow:inset 6px 6px #2223;min-height:100px}::-webkit-scrollbar-thumb:hover{border:4px solid transparent;box-shadow:inset 6px 6px #2226}::-webkit-scrollbar-track{box-shadow:none;background-color:transparent}custom-alert{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background:#00000080;height:120%;padding-bottom:10%;z-index:999}custom-alert.show{display:flex}custom-alert input{border:solid 1px var(--color-border-bord);border-radius:8px;margin-top:20px;padding:5px;width:100%;height:35px}.alert__body{background:#fff;width:400px;min-height:142px;padding:24px;gap:24px;border-radius:8px;box-shadow:var(--shadow-up);display:flex;flex-direction:column;align-items:center}.alert__buttons{width:100%;display:flex;justify-content:space-between}.alert__buttons button{width:172px;height:32px;border-radius:8px;border:none;font-size:14px;font-weight:700}.alert__buttons button:nth-child(1){background-color:var(--color-surface-alt);color:var(--color-text-default)}.alert__buttons button:nth-child(2){background-color:var(--color-surface-danger);color:var(--color-surface-default)}.alert__content{font-size:16px;margin:10px 0;color:var(--color-text-default);font-weight:500}task-card{width:320px;border-radius:8px;background-color:var(--color-surface-default);padding:15px;box-shadow:var(--shadow-normal);display:inline-block}task-card#draggeimage{pointer-events:none;position:absolute;box-shadow:var(--shadow-floating-2)}task-card.dragging{opacity:.3}.card__body-wrapper{display:flex;justify-content:space-between}.card__title{font-size:14px;font-weight:700;color:var(--color-text-strong);margin-bottom:10px;width:260px;outline:none}.card__body{font-size:14px;color:var(--color-text-default);width:260px;outline:none;margin-bottom:20px}.card__title:empty:before{content:"제목을 입력하세요"}.card__body:empty:before{content:"내용을 입력하세요"}.card__author{font-size:12px;color:var(--color-text-weak)}.card__icon-buttons *{width:24px;height:24px}.card__icon-buttons{display:flex;flex-direction:column}.card__edit-button{background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.4229%206.38387L13.8981%206.90865L6.29192%2014.5148C6.09844%2014.7083%205.97379%2014.9599%205.93709%2015.2311L5.64497%2017.3896L6.38511%2017.4898L5.64497%2017.3896C5.53184%2018.2255%206.26215%2018.9312%207.09369%2018.7895L9.19958%2018.4305C9.45487%2018.387%209.69033%2018.2653%209.87345%2018.0822L17.4725%2010.4831L17.9973%209.95832L17.9982%209.95924L18.5286%209.42891L18.845%209.11249C19.7237%208.23381%2019.7237%206.80919%2018.845%205.93051L18.4448%205.53035L17.9145%206.06068L18.4448%205.53035C17.5661%204.65167%2016.1415%204.65167%2015.2628%205.53035L15.7932%206.06068L15.2628%205.53035L14.9464%205.84676L14.4161%206.37709L14.4229%206.38387Z'%20stroke='%23B7B9CD'%20stroke-width='1.5'/%3e%3c/svg%3e");background-color:none;border:none;transition:all .1s}.card__edit-button:hover{filter:invert(7%) sepia(100%) saturate(7479%) hue-rotate(217deg) brightness(105%) contrast(103%)}.card__delete-button{background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.34314'%20y='7.75732'%20width='2'%20height='14'%20transform='rotate(-45%206.34314%207.75732)'%20fill='%23B7B9CD'/%3e%3crect%20x='7.75732'%20y='17.6569'%20width='2'%20height='14'%20transform='rotate(-135%207.75732%2017.6569)'%20fill='%23B7B9CD'/%3e%3c/svg%3e");background-color:none;border:none;transition:all .1s}.card__delete-button:hover{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.card__add-buttons,.card__edit-buttons{display:flex;justify-content:space-between}.card__edit-cancel-button,.card__add-cancel-button{background-color:var(--color-surface-alt);color:#6e7191;width:140px;height:32px;font-size:14px;font-weight:700;border-radius:8px;border:none}.card__add-complete-button,.card__edit-complete-button{background-color:var(--color-surface-brand);color:var(--color-surface-default);width:140px;height:32px;font-size:14px;font-weight:700;border-radius:8px;border:none}.card--display-none{display:none}.card__button--deactivate{background-blend-mode:screen;background-image:linear-gradient(#ffffff80,#ffffff80)}card-list{width:fit-content;padding-bottom:30px}.card-list__header{width:320px;height:24px;padding:0 15px;margin:10px 0;display:flex;justify-content:space-between;align-items:center}.card-list__title-wrapper,.card-list__buttons{display:flex;align-items:center;gap:10px}.card-list__title{font-size:16px;font-weight:700;color:var(--color-text-bold);border-radius:5px;-webkit-user-select:none;user-select:none;transition:all .1s}.card-list__title:focus{background-color:var(--color-surface-default);border:solid 1px var(--color-border-default);font-size:14px;line-height:24px;-webkit-user-select:auto;user-select:auto;width:200px;outline:none;padding-left:5px}.card-list__count{width:24px;height:24px;border:1px solid var(--color-border-default);border-radius:8px;background-color:var(--color-surface-alt);color:var(--color-text-weak);font-size:12px;font-weight:500;display:flex;justify-content:center;align-items:center}.card-list__add-button{width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='11'%20y='5'%20width='2'%20height='14'%20fill='%23B7B9CD'/%3e%3crect%20x='5'%20y='13'%20width='2'%20height='14'%20transform='rotate(-90%205%2013)'%20fill='%23B7B9CD'/%3e%3c/svg%3e")}.card-list__add-button:hover{filter:invert(7%) sepia(100%) saturate(7479%) hue-rotate(217deg) brightness(105%) contrast(103%)}.card-list__delete-button{width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='6.34314'%20y='7.75732'%20width='2'%20height='14'%20transform='rotate(-45%206.34314%207.75732)'%20fill='%23B7B9CD'/%3e%3crect%20x='7.75732'%20y='17.6569'%20width='2'%20height='14'%20transform='rotate(-135%207.75732%2017.6569)'%20fill='%23B7B9CD'/%3e%3c/svg%3e")}.card-list__delete-button:hover{filter:invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%)}.card-list__body{display:flex;flex-direction:column;gap:10px;min-height:50vh;padding-bottom:50px}.card-list__body:empty:before{content:"카드를 추가해 주세요";color:var(--color-text-weak);font-size:14px;padding:20px;display:flex;justify-content:center;align-items:center}.card-list-set__body{padding:10px 80px;display:flex;gap:30px;width:100vw;height:calc(100vh - 64px);overflow-y:auto;overflow-x:auto}.card-list-set__body:empty:before{content:"카드 목록을 추가해 주세요";width:100vw;color:var(--color-text-weak);font-size:18px;padding:20px;display:flex;justify-content:center;align-items:center}.card-list-set__side-buttons{position:fixed;right:50px;bottom:50px;display:flex;flex-direction:column;justify-content:center}.card-list-set__side-buttons>button{width:45px;height:45px;border-radius:50%;border:none;text-align:center;margin-top:10px;box-shadow:var(--shadow-normal);transition:all .1s}.card-list-set__undo-button{background:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.66455%2014.4865L20.1106%2014.4865C23.3019%2014.4865%2025%2016.1385%2025%2019.2432C25%2022.348%2022.8574%2024%2019.666%2024M13.443%208L7.21997%2014.4865L13.443%2021.4054'%20stroke='%23FFF'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e"),var(--color-surface-brand);background-size:60%;background-position:center;background-repeat:no-repeat}.card-list-set__redo-button{background:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.5554%2014.4865L12.1094%2014.4865C8.91806%2014.4865%207.21997%2016.1385%207.21997%2019.2432C7.21997%2022.348%209.36259%2024%2012.554%2024M18.777%208L25%2014.4865L18.777%2021.4054'%20stroke='%23FFF'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e"),var(--color-surface-brand);background-size:60%;background-position:center;background-repeat:no-repeat}.card-list-set__add-button{background-color:var(--color-surface-default);font-size:24px;color:var(--color-text-weak)}.card-list-set__side-buttons>button:active:not(.card-list-set__button--deactivate){transform:scale(1.2)}.card-list-set__button--deactivate{filter:grayscale(1) brightness(2)}header-bar{width:100vw;height:64px;display:flex;justify-content:space-between;align-items:center;padding:0 80px}.header-bar__logo{font-size:24px;font-weight:700;color:var(--color-text-strong)}.header-bar__buttons{display:flex;align-items:center;gap:10px}.header-bar__history-button{width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='12'%20cy='12'%20r='7.25'%20stroke='%23B7B9CD'%20stroke-width='1.5'/%3e%3cpath%20d='M12%208V12H16'%20stroke='%23B7B9CD'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.header-bar__user-button{color:var(--color-text-weak);cursor:pointer}.header-bar__user-button:hover{text-decoration:underline}history-item{display:flex;width:100%;padding:15px}.history-item__profile{display:inline-block;border-radius:50%;width:40px;height:40px;margin-right:15px;background-color:var(--color-surface-alt);border:1px solid var(--color-border-default)}.history-item__body{display:flex;flex-direction:column;gap:8px}.history-item__user,.history-item__content{font-size:14px;font-weight:500;color:var(--color-text-default)}.history-item__time{font-size:12px;font-weight:500;color:var(--color-text-weak)}history-list{position:fixed;top:64px;right:64px;width:366px;height:fit-content;max-height:80vh;display:none;background-color:var(--color-surface-default);border-radius:16px;box-shadow:var(--shadow-floating-2);z-index:10;cursor:pointer}history-list.show{display:block}.history-list__header{height:60px;margin:0 30px;display:flex;justify-content:space-between;align-items:center}.history-list__title{font-size:16px;font-weight:700;color:var(--color-text-strong)}.history-list__close-button{font-size:14px;font-weight:700;color:var(--color-text-default)}.history-list__footer{height:60px;margin:0 20px;display:flex;flex-direction:row-reverse;align-items:center}.history-list__delete-button{font-size:14px;font-weight:700;color:var(--color-surface-danger)}.history-list__main{padding:0 4px;max-height:calc(80vh - 120px);overflow-y:auto}.history-list__main>history-item{border-bottom:solid 1px var(--color-border-default)}.history-list__main:empty:before{content:"사용자 활동 기록이 없습니다.";color:var(--color-text-weak);font-size:14px;padding:20px;display:flex;justify-content:center;align-items:center}login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-surface-default);border-radius:16px;box-shadow:var(--shadow-normal);width:50vw;min-width:300px;max-width:400px;height:50vh;max-height:300px}.login-form__title{font-weight:700;font-size:24px;color:var(--color-text-strong);margin-bottom:15px}.login-form__inputs>input{display:block;border:solid 1px var(--color-border-default);border-radius:8px;color:var(--color-text-default);outline:none;margin:10px;padding:5px;width:80%;min-width:250px;height:35px}.login-form__buttons>button{width:100px;height:35px;margin:10px;position:relative;font-size:14px;font-weight:700;border-radius:8px;border:none;transition:all .1s}.login-form__buttons>button:hover{filter:brightness(.9)}.login-form__login-button{background-color:var(--color-surface-brand);color:var(--color-surface-default)}.login-form__join-button{background-color:var(--color-surface-alt);color:#6e7191}.login-form__buttons--deactivate{opacity:.5}.login-form__error-message{color:var(--color-text-danger);font-size:14px}.display-none{display:none}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.slide-down{opacity:0;animation:slideDownFadeIn .4s ease-out forwards}