@charset "UTF-8";:root{--main-color: #0064FF;--color-main: #0064FF;--color-main-20: #A6C8FF;--color-main-10: #D2E5FF;--color-main-5: #EBF3FF;--color-sub: #FFB904;--color-tab-bg: rgba(0, 0, 0, .07);--color-tab-active-bg: #fff;--font-main: GmarketSans, sans-serif;--font-sub: Pretendard, sans-serif;--txt-color-base: #191F28;--txt-color-tit: #191F28;--txt-color-active: #191F28;--txt-color-form: #8B95A1;--color-white: #fff;--color-on-accent: #fff;--color-bg: #F2F4F6;--color-black: #000;--color-border: #E5E8EB;--color-danger: #E52E2C;--color-success: #11ae5b;--layout-max-width: 960px}[data-theme=dark]{color-scheme:dark;--txt-color-base: #e0e0e0;--txt-color-tit: #fff;--txt-color-form: #aaa;--txt-color-active: #fff;--color-bg: #0D0D0D;--color-white: #1C1C1E;--color-black: #fff;--color-border: rgba(255, 255, 255, .25);--color-main: #5AA0FF;--main-color: #5AA0FF;--color-main-5: #0D1F3A;--color-main-10: #122850;--color-main-20: #1A3D78;--color-tab-bg: rgba(255, 255, 255, .08);--color-tab-active-bg: #2C2C2E}.icon{width:2.4rem;height:2.4rem;display:inline-block}.icon--arrow-down{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 13L12 16M12 16L15 13M12 16V8M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/cover}.icon--arrow-right-filled{background:#2b82b3 url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/cover}@font-face{font-family:GmarketSans;src:url(/assets/GmarketSansTTFLight-DUrwUN2D.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:GmarketSans;src:url(/assets/GmarketSansTTFMedium-D3IxYxk3.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GmarketSans;src:url(/assets/GmarketSansTTFBold-DMebKbKk.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Thin-5BdZRGLt.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraLight-BB0gg_jK.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Light-Clyg-_Zj.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-DHT-CHeB.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Medium-C49HcV4Y.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-SemiBold-SQVGnrdy.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-CF_B2Qod.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-ExtraBold-DVq4iZ_o.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Black-CGXOTzfe.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}.main-font{font-family:GmarketSans;font-weight:500;letter-spacing:0;color:#191f28;line-height:1.5}.sub-font{font-family:Pretendard;font-weight:400;letter-spacing:0;color:#191f28;line-height:1.5}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;height:100%;scroll-behavior:smooth}body{font-family:Pretendard;letter-spacing:0;color:#191f28;line-height:1.5;font-size:1.4rem;font-weight:400;height:100%;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden;letter-spacing:-.03em;top:0!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-bg);color:var(--txt-color-base)}@media (min-width: 768px){body{font-size:1.6rem;font-weight:400}}body.on{overflow:hidden}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;color:var(--txt-color-tit)}address,em,i,u,cite{font-style:normal}strong,b{font-weight:400}hr{display:none}a{text-decoration:none;color:#191f28}ol,ul{list-style:none}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block;font-style:italic;shape-margin:.75rem}fieldset,img{border:0}input,select,textarea,button{font-family:Pretendard;letter-spacing:0;color:#191f28;line-height:1.5;font-size:1.4rem;font-weight:400;border:none;background:none;color:inherit}button{cursor:pointer}button,input{border-radius:0}button,input,select{vertical-align:middle}input{-webkit-appearance:none;padding:0 15px}input::placeholder,textarea::placeholder{color:var(--txt-color-form)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23555'/%3E%3C/svg%3E") 96% 50% no-repeat;padding:0 25px 0 15px;border-radius:0;box-sizing:border-box}select::-ms-expand{display:none}textarea{width:100%;resize:none}fieldset{border:0;min-width:0}table{font-family:Pretendard;letter-spacing:0;color:#191f28;line-height:1.5;font-size:1.4rem;font-weight:400;border:none;background:none;border-collapse:collapse;border-spacing:0;table-layout:fixed}.skip{width:100%;height:0;top:0;left:0}.skip a{display:block;overflow:hidden;position:absolute;top:0;text-indent:-9999px}.skip a:focus,.skip a:active{display:block;position:absolute;top:0;width:100%;z-index:9999;padding:10px 0;font-size:15px;line-height:14px;text-indent:0;text-align:center;color:#fff;background:#444}.screen-out{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.blind{position:absolute;display:inline-block;width:1px!important;height:1px;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.custom-scroll::-webkit-scrollbar{width:7px;height:7px}@media (min-width: 768px){.custom-scroll::-webkit-scrollbar{width:10px}}.custom-scroll--y::-webkit-scrollbar{width:7px;height:7px}@media (min-width: 768px){.custom-scroll--y::-webkit-scrollbar{height:10px}}.custom-scroll::-webkit-scrollbar-track{background-color:#dbdbdb;border-radius:20px}.custom-scroll::-webkit-scrollbar-thumb{border-radius:20px;background-clip:content-box;background:linear-gradient(180deg,#03ccd3,#2e79eb)}.custom-scroll--x::-webkit-scrollbar-track{background-color:#f7f7f7}.custom-scroll--x::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#03ccd3,#2e79eb)}.custom-scroll--keyword::-webkit-scrollbar{height:3px}@media (min-width: 768px){.custom-scroll--keyword::-webkit-scrollbar{height:7px}}.main{color:#0064ff!important}.sub{color:#ffb904!important}.default{color:#4e5968!important}.white{color:#fff!important}.black{color:#000!important}.gray5{color:#555!important}.gray6{color:#666!important}.gray9{color:#999!important}.grayA{color:#aaa!important}.grayC{color:#ccc!important}.grayD{color:#ddd!important}.red{color:#e52e2c!important}.crimson{color:#ce2d32!important}.green{color:#11ae5b!important}.blue{color:#2c9ff3!important}.purple{color:#7d1ff3!important}.navy{color:#1d2f51!important}.pink{color:#e4205b!important}.orange{color:#ca5005!important}.mint{color:#077da5!important}.bg-main{background-color:#0064ff!important}.bg-sub{background-color:#ffb904!important}.bg-white{background-color:#fff!important}.bg-gray5{background-color:#555!important}.bg-blGray{background-color:#f2f4f8!important}.bg-point,.bg-blue{background-color:#2c9ff3!important}.bg-gray{background-color:#555!important}.bg-lightgray{background-color:#ccc!important}.bg-lightgray2{background-color:#f2f4f8!important}.bg-mint{background-color:#077da5!important}.border-main{border-color:#0064ff!important}.border-grayD{border-color:#ddd!important}.border-none{border:none!important}.pt0{padding-top:0rem!important}.pb0{padding-bottom:0rem!important}.pt10{padding-top:1rem!important}.pb10{padding-bottom:1rem!important}.pt20{padding-top:2rem!important}.pb20{padding-bottom:2rem!important}.pt30{padding-top:3rem!important}.pb30{padding-bottom:3rem!important}.pt40{padding-top:4rem!important}.pb40{padding-bottom:4rem!important}.pt50{padding-top:5rem!important}.pb50{padding-bottom:5rem!important}.pt60{padding-top:6rem!important}.pb60{padding-bottom:6rem!important}.pt70{padding-top:7rem!important}.pb70{padding-bottom:7rem!important}.pt80{padding-top:8rem!important}.pb80{padding-bottom:8rem!important}.pt90{padding-top:9rem!important}.pb90{padding-bottom:9rem!important}.mt5{margin-top:.5rem!important}.mb5{margin-bottom:.5rem!important}.mt10{margin-top:1rem!important}.mb10{margin-bottom:1rem!important}.mt15{margin-top:1.5rem!important}.mb15{margin-bottom:1.5rem!important}.mt20{margin-top:2rem!important}.mb20{margin-bottom:2rem!important}.mt25{margin-top:2.5rem!important}.mb25{margin-bottom:2.5rem!important}.mt30{margin-top:3rem!important}.mb30{margin-bottom:3rem!important}.mt35{margin-top:3.5rem!important}.mb35{margin-bottom:3.5rem!important}.mt40{margin-top:4rem!important}.mb40{margin-bottom:4rem!important}.mt45{margin-top:4.5rem!important}.mb45{margin-bottom:4.5rem!important}.mt50{margin-top:5rem!important}.mb50{margin-bottom:5rem!important}.pb0{padding-bottom:0!important}.pt0{padding-top:0!important}.ml5{margin-left:5px}.m-auto{margin:0 auto}.w-full{width:100%;max-width:none!important}.h-full{height:100%}.w-fit{width:fit-content}.h-fit{height:fit-content}.w-50{width:50%}.h-50{height:50%}.w-vw{width:100vw}.h-vh{height:100vh}.wid70{width:70px!important}.wid100{width:100px!important}.wid200{width:200px!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.radius-circle{border-radius:50%}.radius-15{border-radius:15px}.radius-10{border-radius:10px}.radius-5{border-radius:5px}.flex{display:flex}.flex-wrap{display:flex;flex-wrap:wrap}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.space-around{justify-content:space-around}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.baseline{align-items:baseline}.align-center{align-items:center}.gap3{gap:3px}.gap5{gap:5px}.gap10{gap:10px}.gap30{gap:30px}.grid{display:grid}@media screen and (min-width: 1450px){.max-pc-grid{display:grid}}.block{display:block!important}.inline-block{display:inline-block!important}.regular{font-weight:400}.medium{font-weight:500}.bold{font-weight:700}span.bold{display:contents}.underline{text-decoration:underline;text-underline-position:under;-ms-text-underline-position:below}.white-nowrap{white-space:nowrap}.dotdot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line2-dot{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.break-all{word-break:break-all}.keep-all{word-break:keep-all}.vertical-middle{vertical-align:middle}.vertical-baseline{vertical-align:baseline}.tl{text-align:left!important}.tr{text-align:right!important}.tc{text-align:center!important}.arrow-bullet{display:flex}.arrow-bullet:before{content:"";position:relative;min-width:5px;height:5px;margin-right:10px;border-top-width:2px;border-right-width:2px;border-left-width:0;border-bottom-width:0;border-style:solid;transform:rotate(45deg);border-color:#0064ff;top:7px}@media (min-width: 1200px){.arrow-bullet:before{top:10px}}.circle-bullet{display:flex}.circle-bullet:before{content:"";position:relative;min-width:4px;height:4px;margin-right:5px;border-radius:50%;background:#0064ff;top:8px}.out-link{text-decoration:underline;text-underline-position:under;padding-bottom:1px}.point-color{color:#0064ff}em.bar,em.mobhide-bar{position:relative;top:0;text-align:center;margin:0 8px 0 11px;display:inline-block;width:1px;height:18px;border-left:1px solid #D5D5D5}@media (min-width: 1200px){em.bar,em.mobhide-bar{height:30px;margin:0 12px 0 15px}}em.row-bar{display:block;width:25px;height:1px;background:#707070;margin:6px 0}em.mobhide-bar{display:none}@media (min-width: 768px){em.mobhide-bar{display:inline-block}}em.hyphen{line-height:40px;text-align:center;display:block;padding:0 3px;color:#111}@media (min-width: 768px){em.hyphen{line-height:40px}}.svg-shortcut{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9'%3E%3Cpath d='M4,8.012V9.148h6.818L7.693,12.273l.807.807L13,8.58,8.5,4.08l-.807.807,3.125,3.125Z' transform='translate(-4 -4.08)' fill='%23777'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0}.mobhide,.webshow{display:none}@media (min-width: 768px){.mobhide,.webshow{display:block}}@media (min-width: 1200px){.mobhide,.webshow{display:block}}.mobshow{display:block}@media (min-width: 768px){.mobshow{display:none}}@media (min-width: 1200px){.mobshow{display:none}}@media (min-width: 768px){.webhide{display:block}}@media (min-width: 1200px){.webhide{display:none}}span.br,span.br2{display:block;border:none}@media (min-width: 768px){span.br{display:inline}}@media (min-width: 1200px){span.br2{display:inline}}.webhide-important{display:block!important}@media (min-width: 1200px){.webhide-important{display:none!important}}.webshow-important{display:none!important}@media (min-width: 1200px){.webshow-important{display:block!important}}@media (min-width: 768px){.tab-tl{text-align:left}.tab-tr{text-align:right}.tab-tc{text-align:center}.tab-flex{display:flex;align-items:center}}@media (min-width: 1200px){.web-flex{display:flex;align-items:center}}.btn{min-width:70px;min-height:44px;padding:0 14px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:6px;border-radius:8px;font-size:1.6rem;word-break:keep-all;position:relative;cursor:pointer;transition:all .3s ease}.btn:focus-visible{outline:2px dashed var(--color-main);outline-offset:2px}.btn--main{--btn-accent: var(--color-main);background:var(--color-main);border:1px solid var(--color-main);transition:all .3s ease;color:#fff}.btn--main:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.btn--main:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:color-mix(in srgb,var(--color-main) 90%,black);border-color:color-mix(in srgb,var(--color-main) 90%,black)}.btn--point{color:var(--txt-color-tit);--btn-accent: var(--color-sub);background:var(--color-sub);border:1px solid var(--color-sub);transition:all .3s ease;color:#fff}.btn--point:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.btn--point:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:color-mix(in srgb,var(--color-sub) 90%,black);border-color:color-mix(in srgb,var(--color-sub) 90%,black)}.btn--gray{--btn-accent: #555;background:#555;border:1px solid #555;transition:all .3s ease;color:#fff}.btn--gray:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.btn--gray:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:#3c3c3c;border-color:#3c3c3c}.btn--lightgray{--btn-accent: #ccc;background:#ccc;border:1px solid #ccc;transition:all .3s ease;color:#111}.btn--lightgray:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.btn--lightgray:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:#b3b3b3;border-color:#b3b3b3}.btn--outline{background:transparent;border:1px solid var(--color-main);color:var(--color-main)}.btn--outline:not(.btn--ani):not(.btn--slide):hover,.btn--outline:not(.btn--ani):not(.btn--slide):focus{background:var(--color-main);border-color:var(--color-main);color:#fff}.btn--outline-gray{background:transparent;border:1px solid #555;color:#555}.btn--outline-gray:not(.btn--ani):not(.btn--slide):hover,.btn--outline-gray:not(.btn--ani):not(.btn--slide):focus{background:#555;border-color:#555;color:#fff}.btn--sm{min-width:60px;min-height:34px;padding:0 10px;font-size:1.4rem}.btn--md{min-width:90px;min-height:40px}.btn--full{width:100%;min-width:0}.btn--disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-wrap{padding-top:20px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.scroll-top-btn{width:4.8rem;height:4.8rem;display:flex;justify-content:center;align-items:center;color:var(--color-on-accent);background-color:var(--color-main);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;font-size:2rem;font-weight:700;position:fixed;right:max(24px,50% - 480px + 24px);bottom:2.4rem;z-index:50;cursor:pointer;transition:all .3s ease}.scroll-top-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.scroll-top-btn:active{transform:translateY(0)}input:not([type=checkbox]):not([type=radio]),select{height:45px;box-sizing:border-box;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled{background-color:var(--color-main-5);cursor:not-allowed}input:not([type=checkbox]):not([type=radio]):read-only{background-color:var(--color-main-5);cursor:not-allowed}textarea{padding:15px;box-sizing:border-box;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px}textarea:disabled,textarea:read-only{background-color:var(--color-main-5);cursor:not-allowed}.star{margin-left:4px;color:var(--color-danger);font-size:1.5rem}.form-item{width:100%;display:block}.form-item+.form-item{margin-top:15px}.form-item__label{margin-bottom:8px;display:block;color:#191f28;font-size:1.4rem;font-weight:700}.form-item__input,.form-item__select,.form-item__textarea{width:100%;box-sizing:border-box;color:var(--txt-color-base);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;transition:border-color .3s ease}.form-item__input:focus,.form-item__select:focus,.form-item__textarea:focus{border-color:var(--color-main);outline:none}.form-item__input:disabled,.form-item__input[readonly],.form-item__select:disabled,.form-item__select[readonly],.form-item__textarea:disabled,.form-item__textarea[readonly]{background-color:var(--color-main-5);cursor:not-allowed}.form-item__input,.form-item__select{height:45px}.form-item__input{padding:0 15px}.form-chk{margin-top:4px;display:inline-flex;cursor:pointer}.form-chk input[type=radio],.form-chk input[type=checkbox]{display:none}.form-chk__text{display:flex;align-items:center;font-size:1.4rem;position:relative;transition:color .2s ease}.form-chk__text:before{content:"";flex-shrink:0;margin-right:8px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain}.form-chk--checkbox input[type=checkbox]+.form-chk__text:before{width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect x='1' y='1' width='14' height='14' rx='2' fill='none' stroke='%23ccc' stroke-width='1.5'/%3E%3C/svg%3E")}.form-chk--checkbox input[type=checkbox]:checked+.form-chk__text:before{background:#0064ff url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 12L10.2426 16.2426L18.727 7.75732' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center;background-size:20px}.form-chk--checkbox input[type=checkbox]:checked+.form-chk__text{color:var(--color-main)}.form-chk--radio input[type=radio]+.form-chk__text:before{width:18px;height:18px;border:1.5px solid #ccc;border-radius:50%}.form-chk--radio input[type=radio]:checked+.form-chk__text:before{background:var(--color-main);border-color:var(--color-main);box-shadow:inset 0 0 0 3px var(--color-white)}.form-chk--radio input[type=radio]:checked+.form-chk__text{color:var(--color-main)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast{padding:1.2rem 1.8rem;display:flex;align-items:center;gap:.8rem;background:var(--color-white);border:1px solid color-mix(in srgb,var(--toast-color) 75%,white);border-left:4px solid var(--toast-color);border-radius:10px;box-shadow:0 8px 24px #0000001f;white-space:nowrap;position:fixed;bottom:2.4rem;left:50%;z-index:9999;transform:translate(-50%);animation:toast-in .22s ease;--toast-color: var(--color-main)}.toast--success{--toast-color: var(--color-success)}.toast--danger{--toast-color: var(--color-danger)}.toast__icon{flex-shrink:0;width:1.8rem;height:1.8rem;display:inline-flex;justify-content:center;align-items:center;color:var(--color-on-accent);background:var(--toast-color);border-radius:50%;font-size:1.1rem;font-weight:700}.toast__msg{color:color-mix(in srgb,var(--toast-color) 90%,black);font-size:1.4rem;font-weight:500}.toast__action{flex-shrink:0;padding:0 0 0 .4rem;display:inline-flex;align-items:center;color:var(--color-main);background:none;border:none;font-size:1.4rem;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:opacity .3s ease}.toast__action:hover{opacity:.7}.toast__action:focus-visible{outline:2px dashed var(--color-main);outline-offset:2px}.toast__progress-track{height:3px;overflow:hidden;background:color-mix(in srgb,var(--toast-color) 20%,transparent);border-radius:0 0 10px 10px;position:absolute;left:0;right:0;bottom:0}.toast__progress-bar{height:100%;background:var(--toast-color);transform-origin:right;animation-name:toast-progress;animation-timing-function:linear;animation-fill-mode:forwards}dialog.confirm-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.confirm-modal[open]{display:flex}dialog.confirm-modal::backdrop{background:#00000080}.confirm-modal__container{width:100%;max-width:32rem;padding:2.8rem 2.4rem;display:flex;flex-direction:column;gap:2rem;background:var(--color-white);border-radius:16px;box-shadow:0 20px 60px #0003}.confirm-modal__msg{color:var(--txt-color-tit);font-size:1.5rem;font-weight:500;line-height:1.6;text-align:center;word-break:break-all}.confirm-modal__actions{display:flex;justify-content:center;gap:.8rem}.confirm-modal__actions .btn{flex:1;min-width:0}.confirm-modal__delete-btn{--btn-accent: var(--color-danger);background:var(--color-danger);border:1px solid var(--color-danger);transition:all .3s ease;color:#fff}.confirm-modal__delete-btn:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.confirm-modal__delete-btn:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:color-mix(in srgb,var(--color-danger) 90%,black);border-color:color-mix(in srgb,var(--color-danger) 90%,black)}.todo-app{min-height:100vh;padding:2rem 1.6rem 6rem;max-width:960px;margin:0 auto}.todo-app__header{margin-bottom:2rem;padding:1.6rem 0 2rem;display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.todo-app__header{padding:0;align-items:flex-start;gap:1.6rem}}.todo-app__header-left{display:flex;flex-direction:column}.todo-app__header-actions{display:flex;align-items:center;gap:.8rem}.todo-app__memo-btn{padding:.6rem 1.2rem;color:var(--txt-color-tit);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 3px #0000000f;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease}.todo-app__memo-btn:hover{color:var(--color-main);background:var(--color-white);border-color:var(--color-main)}.todo-app__tit{color:var(--txt-color-tit);font-size:2.8rem;font-weight:800;letter-spacing:-.5px}.todo-app__subtitle{margin-top:.4rem;color:#999;font-size:1.4rem}.todo-app__body{position:relative}.todo-app__quick-nav-wrap{width:0;height:0;position:sticky;top:24px;z-index:10;overflow:visible}.todo-input{margin-bottom:2rem;padding:2rem;background:var(--color-white);border:none;border-radius:20px;box-shadow:0 2px 8px #0000000f,0 0 0 1px #0000000a;box-shadow:0 4px 16px #00000014;position:sticky;top:1.6rem;z-index:100}.todo-input__row+.todo-input__row{margin-top:1.2rem}.todo-input__options{margin-bottom:1.6rem}@media (max-width: 768px){.todo-input__options{display:none}.todo-input__options--expanded{display:block}}.todo-input__toggle-btn{display:none}@media (max-width: 768px){.todo-input__toggle-btn{width:100%;height:3.6rem;margin-bottom:.8rem;display:flex;justify-content:center;align-items:center;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;font-weight:500;cursor:pointer}.todo-input__toggle-btn:after{content:"";width:12px;height:12px;margin-left:.4rem;display:inline-block;background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 5V19M12 19L18 13M12 19L6 13' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") center/contain no-repeat}.todo-input__toggle-btn--expanded:after{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 19V5M12 5L6 11M12 5L18 11' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") center/contain no-repeat}}.todo-input__row--flex{display:flex;align-items:flex-end;gap:.8rem}.todo-input__row--flex>*{flex:1}@media (max-width: 768px){.todo-input__row--flex{flex-direction:column;align-items:stretch}}.todo-input__main-row{display:flex;gap:.8rem}.todo-input__footer-row{margin-top:1.2rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.2rem}.todo-input__field{flex:1;width:100%;height:4.5rem;padding:0 1.5rem;display:block;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;transition:border-color .3s ease}.todo-input__field:focus{border-color:var(--color-main);outline:none}.todo-input__field--error{border-color:var(--color-danger)}.todo-input__field--error:focus{border-color:var(--color-danger)}.todo-input__field--textarea{height:auto;min-height:6rem;padding:1.2rem 1.5rem;line-height:1.4;resize:vertical}.todo-input__select--high{color:var(--color-on-accent);background:var(--color-danger) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23fff'/%3E%3C/svg%3E") calc(100% - 10px) 50%/10px no-repeat;border-color:var(--color-danger)}.todo-input__select--medium{color:var(--txt-color-tit);background-color:var(--color-sub);border-color:var(--color-sub)}.todo-input__select--low{color:var(--color-on-accent);background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23fff'/%3E%3C/svg%3E") calc(100% - 10px) 50%/10px no-repeat;border-color:var(--color-success)}.todo-input__error{margin-top:.6rem;padding-left:.2rem;display:flex;align-items:center;gap:.4rem;color:var(--color-danger);font-size:1.2rem;font-weight:500}.todo-input__error:before{content:"!";flex-shrink:0;width:1.4rem;height:1.4rem;display:inline-flex;justify-content:center;align-items:center;color:var(--color-on-accent);background:var(--color-danger);border-radius:50%;font-size:1rem;font-weight:700}.todo-input__select{width:100%;height:4.5rem;padding:0 3rem 0 1.2rem;color:var(--txt-color-base);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23555'/%3E%3C/svg%3E") calc(100% - 10px) 50%/10px no-repeat;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;cursor:pointer;transition:border-color .3s ease}.todo-input__select:focus{border-color:var(--color-main);outline:none}.todo-input__date{width:100%;height:4.5rem;padding:0 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;transition:border-color .3s ease}.todo-input__date:focus{border-color:var(--color-main);outline:none}.todo-input__label{margin-bottom:.6rem;display:block;color:#666;font-size:1.2rem;font-weight:500}.todo-input__btn{flex-shrink:0;min-width:8rem;height:4.5rem;padding:0 1.6rem;display:flex;justify-content:center;align-items:center;border:none;border-radius:8px;font-size:1.4rem;font-weight:700;cursor:pointer;--btn-accent: var(--color-main);background:var(--color-main);border:1px solid var(--color-main);transition:all .3s ease;color:#fff}.todo-input__btn:not(.btn--ani):not(.btn--slide):not(.btn--lines):hover,.todo-input__btn:not(.btn--ani):not(.btn--slide):not(.btn--lines):focus{background:color-mix(in srgb,var(--color-main) 90%,black);border-color:color-mix(in srgb,var(--color-main) 90%,black)}@media (max-width: 768px){.todo-input__btn{width:100%}}.todo-input__hint{flex:1;min-width:22rem;display:flex;align-items:center;gap:.4rem;color:#999;font-size:1.2rem}.filter-bar{margin-bottom:1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}@media (max-width: 768px){.filter-bar{flex-direction:column;align-items:stretch}}.filter-bar__tabs{margin-left:auto;padding:.3rem;display:flex;gap:.2rem;background:var(--color-tab-bg);border-radius:10px}@media (max-width: 768px){.filter-bar__tabs{width:100%;margin-left:0}}.filter-bar__tab{padding:.6rem 1.4rem;color:#666;background:transparent;border:none;border-radius:8px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:background-color box-shadow color}.filter-bar__tab--active{color:var(--color-on-accent);background:var(--color-main);box-shadow:0 1px 4px #0000001f}.filter-bar__tab--active .filter-bar__count{color:var(--color-main);background:var(--color-on-accent)}.filter-bar__tab:not(.filter-bar__tab--active):hover{color:var(--txt-color-tit);background:#0000000a}@media (max-width: 768px){.filter-bar__tab{flex:1;display:flex;justify-content:center;align-items:center}}.filter-bar__count{margin-left:.4rem;padding:.2rem .8rem;color:var(--color-on-accent);background:var(--color-main);border-radius:20px;font-size:1.2rem;font-weight:500}.filter-bar__right{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}@media (max-width: 768px){.filter-bar__right{width:100%}}.filter-bar__secondary{flex:1 0 100%;display:flex;justify-content:space-between;align-items:center;gap:.8rem}@media (max-width: 768px){.filter-bar__secondary{flex-direction:column;align-items:stretch}}.filter-bar__secondary-left{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}@media (max-width: 768px){.filter-bar__secondary-left{width:100%}}.filter-bar__category{height:3.4rem;padding:0 2.8rem 0 1rem;color:var(--txt-color-base);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23555'/%3E%3C/svg%3E") calc(100% - 8px) 50%/10px no-repeat;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;cursor:pointer;transition:border-color .3s ease}.filter-bar__category:focus{border-color:var(--color-main);outline:none}@media (max-width: 768px){.filter-bar__category{flex:1;text-align:left}}.filter-bar__sort{padding:.3rem;display:flex;gap:.2rem;background:var(--color-tab-bg);border-radius:10px}@media (max-width: 768px){.filter-bar__sort{width:100%}}.filter-bar__sort-btn{padding:.4rem 1rem;color:#666;background:transparent;border:none;border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color box-shadow color}.filter-bar__sort-btn--active{color:var(--color-on-accent);background:var(--color-main);box-shadow:0 1px 4px #0000001f}.filter-bar__sort-btn:not(.filter-bar__sort-btn--active):hover{color:var(--txt-color-tit);background:#0000000a}@media (max-width: 768px){.filter-bar__sort-btn{flex:1;display:flex;justify-content:center;text-align:center}}.filter-bar__clear-btn{height:3.4rem;padding:0 1.2rem;color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 20%,transparent);border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.filter-bar__clear-btn:hover{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}@media (max-width: 768px){.filter-bar__clear-btn{height:4.4rem;text-align:center}}.filter-bar__select-btn{height:3.4rem;padding:0 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.filter-bar__select-btn:hover{background:#0000000a}.filter-bar__select-btn--active{color:var(--color-on-accent);background:var(--color-main);border-color:var(--color-main)}.filter-bar__select-btn--active:hover{background:var(--color-main)}@media (max-width: 768px){.filter-bar__select-btn{flex:1;text-align:center}}.filter-bar__collapse-btn{height:3.4rem;padding:0 2.4rem 0 1.2rem;color:var(--txt-color-base);background:var(--color-white) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 5V19M12 19L18 13M12 19L6 13' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") calc(100% - 8px) 50%/12px no-repeat;border:1px solid var(--color-border);border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.filter-bar__collapse-btn:hover{background-color:#0000000a}.filter-bar__collapse-btn--active{color:var(--color-on-accent);background:var(--color-main) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 19V5M12 5L6 11M12 5L18 11' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") calc(100% - 8px) 50%/12px no-repeat;border-color:var(--color-main)}.filter-bar__collapse-btn--active:hover{background-color:var(--color-main)}.filter-bar__collapse-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.filter-bar__collapse-btn{flex:1;text-align:center}}.todo-list{display:flex;flex-direction:column;gap:1rem}.todo-list__empty{padding:4.8rem 2rem;color:#999;font-size:1.4rem;text-align:center}.todo-list__empty-icon{margin-bottom:1.2rem;display:block;font-size:3.6rem}.todo-list__item{border-radius:16px;transition:outline .3s ease}.todo-list__item--drag-over{outline:2px dashed color-mix(in srgb,var(--color-main) 40%,transparent);outline-offset:.3rem}.todo-item{padding:1.6rem 2rem;display:flex;align-items:flex-start;gap:1.2rem;background:var(--color-white);border-left:3px solid transparent;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;transition:box-shadow transform ease}.todo-item:hover{box-shadow:0 2px 8px #00000014,0 8px 24px #0000000f;transform:translateY(-1px)}.todo-item--high{border-left-color:var(--color-danger)}.todo-item--medium{border-left-color:var(--color-sub)}.todo-item--low{border-left-color:var(--color-success)}.todo-item--overdue{background-color:color-mix(in srgb,var(--color-danger) 54%,white);border-left-color:var(--color-danger)}.todo-item--pinned{box-shadow:0 1px 3px color-mix(in srgb,var(--color-main) 12%,transparent),0 4px 16px color-mix(in srgb,var(--color-main) 16%,transparent)}.todo-item--completed{opacity:.65}.todo-item--completed .todo-item__txt{color:#999;text-decoration:line-through}.todo-item__select{flex-shrink:0;padding-top:.2rem}.todo-item__drag-handle{flex-shrink:0;padding-top:.4rem;display:flex;align-items:flex-start;color:#ccc;cursor:grab}.todo-item__drag-handle:active{cursor:grabbing}.todo-item__body{flex:1;min-width:0}.todo-item__title-wrap{margin-bottom:.4rem;display:flex;align-items:flex-start;gap:.8rem}.todo-item__title-wrap .form-chk__text:before{margin-right:0}.todo-item__check{flex-shrink:0}.todo-item__txt{flex:1;color:var(--txt-color-tit);font-size:1.8rem;font-weight:700;line-height:1.5;white-space:pre-wrap;word-break:break-word}.todo-item__meta{margin-top:.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.todo-item__badge{padding:.3rem .9rem;border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:1.1rem;font-weight:700}.todo-item__badge--high{color:var(--color-on-accent);background:var(--color-danger)}.todo-item__badge--medium{color:var(--txt-color-tit);background:var(--color-sub)}.todo-item__badge--low{color:var(--color-on-accent);background:var(--color-success)}.todo-item__badge--recurrence{color:var(--color-main);background:var(--color-main-10)}.todo-item__category{padding:.3rem .9rem;color:var(--color-on-accent);background:var(--color-main);border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:1.1rem;font-weight:500}.todo-item__sub-meta{margin-left:auto;display:flex;align-items:center;gap:.8rem}.todo-item__dates{margin-top:.6rem;display:flex;align-items:center;gap:.6rem;color:#999;font-size:1.1rem;font-weight:500}.todo-item__dates-text--overdue{color:var(--color-danger);font-size:1.1rem;font-weight:600}.todo-item__dates-sep{color:var(--color-border)}.todo-item__actions{margin-left:1rem;display:flex;align-items:flex-start;gap:.4rem}.todo-item__btn{flex-shrink:0;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative}.todo-item__btn:after{content:attr(aria-label);padding:.4rem .8rem;color:var(--color-white);background:var(--txt-color-tit);border-radius:8px;font-size:1.1rem;font-weight:500;line-height:1.4;white-space:nowrap;position:absolute;bottom:calc(100% + .6rem);left:50%;z-index:10;transform:translate(-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease}.todo-item__btn:hover:after,.todo-item__btn:focus-visible:after{opacity:1;visibility:visible}.todo-item__btn svg{width:1.5rem;height:1.5rem}.todo-item__btn--edit{color:var(--txt-color-form)}.todo-item__btn--edit:hover{color:var(--color-main);background:var(--color-main-5)}.todo-item__btn--delete{color:var(--txt-color-form)}.todo-item__btn--delete:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 60%,white)}.todo-item__btn--pin{color:var(--txt-color-form)}.todo-item__btn--pin:hover{background:var(--color-main-5)}.todo-item__btn--pin-active{color:var(--color-sub)}.todo-item__btn--more{color:var(--txt-color-form)}.todo-item__btn--more:hover,.todo-item__btn--more-active{color:var(--color-main);background:var(--color-main-5)}.todo-item__more{position:relative}.todo-item__menu{min-width:15rem;padding:.6rem;display:flex;flex-direction:column;gap:.2rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;position:absolute;top:calc(100% + .4rem);right:0;z-index:20}.todo-item__menu-item{width:100%;padding:.8rem 1rem;display:flex;align-items:center;gap:.8rem;color:var(--txt-color-base);background:transparent;border:none;border-radius:8px;font-size:1.3rem;font-weight:500;white-space:nowrap;text-align:left;cursor:pointer;transition:background-color .3s ease}.todo-item__menu-item:hover{color:var(--color-main);background:var(--color-main-5)}.todo-item__menu-item svg{flex-shrink:0;width:1.4rem;height:1.4rem}.todo-item--editing{padding:1.6rem;display:block}.todo-item__edit-wrap{display:flex;flex-direction:column;gap:1rem}.todo-item__edit-main{width:100%}.todo-item__edit-field{width:100%;min-height:4rem;padding:1rem 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;resize:vertical;transition:border-color .3s ease}.todo-item__edit-field:focus{border-color:color-mix(in srgb,var(--color-main) 90%,black);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-main) 10%,transparent);outline:none}.todo-item__edit-field--sm{height:3.6rem;font-size:1.3rem}.todo-item__edit-field--textarea{height:auto;min-height:6rem;padding:1.2rem 1.5rem;line-height:1.4}.todo-item__edit-row{display:flex;flex-direction:column;gap:.8rem}@media (min-width: 768px){.todo-item__edit-row{flex-direction:row;flex-wrap:wrap}.todo-item__edit-row>*{flex:1;min-width:10rem}}.todo-item__edit-group{display:flex;flex-direction:column;gap:.4rem}.todo-item__edit-label{color:#666;font-size:1.1rem;font-weight:500}.todo-item__edit-hint{padding:1rem;color:var(--color-main);background:var(--color-main-10);border-radius:8px;font-size:1.2rem;line-height:1.5}.todo-item__edit-select,.todo-item__edit-date{width:100%;height:4.5rem;padding:0 2.8rem 0 1rem;color:var(--txt-color-base);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23555'/%3E%3C/svg%3E") calc(100% - 8px) 50%/10px no-repeat;background-color:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;cursor:pointer;transition:border-color .3s ease}.todo-item__edit-select:focus,.todo-item__edit-date:focus{border-color:var(--color-main);outline:none}.todo-item__edit-select--high{color:var(--color-on-accent);background:var(--color-danger) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23fff'/%3E%3C/svg%3E") calc(100% - 8px) 50%/10px no-repeat;border-color:var(--color-danger)}.todo-item__edit-select--medium{color:var(--txt-color-tit);background-color:var(--color-sub);border-color:var(--color-sub)}.todo-item__edit-select--low{color:var(--color-on-accent);background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23fff'/%3E%3C/svg%3E") calc(100% - 8px) 50%/10px no-repeat;border-color:var(--color-success)}.todo-item__edit-date{padding:0 1rem;background:var(--color-white)}.todo-item__edit-actions{display:flex;justify-content:flex-end;gap:.8rem}.todo-item__category-suggest{margin-top:.4rem;display:none;flex-wrap:wrap;gap:.4rem}@media (min-width: 768px){.todo-item__category-suggest{display:flex}}.todo-item__category-suggest-btn{padding:.3rem .8rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:10px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.todo-item__category-suggest-btn:hover{color:var(--color-main);border-color:var(--color-main)}.todo-item__category-suggest-btn--active{color:var(--color-on-accent);background:var(--color-main);border-color:var(--color-main)}.todo-item__category-picker-btn{height:3.6rem;margin-top:.4rem;padding:0 1.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-main);background:var(--color-white);border:1px dashed var(--color-main);border-radius:8px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.todo-item__category-picker-btn:hover{background:color-mix(in srgb,var(--color-main) 8%,var(--color-white))}@media (min-width: 768px){.todo-item__category-picker-btn{display:none}}.todo-item__sub-progress{flex-shrink:0;padding:.2rem .8rem;color:var(--color-main);background:transparent;border:1px solid var(--color-main);border-radius:12px;font-size:1.1rem;font-weight:700}.todo-item__sub-toggle{flex-shrink:0;padding:.2rem .8rem;display:inline-flex;align-items:center;gap:.4rem;color:var(--color-main);background:transparent;border:1px solid var(--color-main);border-radius:12px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.todo-item__sub-toggle:hover{opacity:.7}.todo-item__sub-toggle-icon{width:1.2rem;height:1.2rem;transition:transform .3s ease}.todo-item__sub-toggle-icon--collapsed{transform:rotate(180deg)}.todo-item__memo-checklist{max-height:14rem;padding:.8rem;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;overflow-y:auto}.todo-item__memo-empty{color:#999;font-size:1.2rem}.todo-item__memo-link{padding:.3rem .9rem;display:inline-flex;align-items:center;gap:.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:100px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.todo-item__memo-link:hover{color:var(--color-main);border-color:var(--color-main)}.todo-item__memo-link--empty{color:#999;border-style:dashed}.todo-item__memo-link--add{padding:.3rem .7rem}.todo-item__subtasks{margin-top:1.2rem;padding-top:1.2rem;display:flex;flex-direction:column;gap:.6rem;border-top:1px dashed var(--color-border)}.todo-item__subtasks--collapsed{display:none}.todo-item__subtask{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem;border-radius:.6rem;transition:background-color outline ease}.todo-item__subtask--drag-over{background:color-mix(in srgb,var(--color-main) 8%,transparent);outline:2px dashed color-mix(in srgb,var(--color-main) 35%,transparent);outline-offset:.2rem}.todo-item__subtask .form-chk{flex:1;margin-top:0}.todo-item__subtask .form-chk__text{padding-top:.2rem;color:var(--txt-color-base);font-size:1.4rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.todo-item__subtask .form-chk__text:before{margin-right:8px}.todo-item__subtask .todo-item__sub-chk:checked+.form-chk__text{color:#999;text-decoration:line-through}.todo-item__sub-drag{flex-shrink:0;padding-top:.4rem;display:flex;align-items:flex-start;color:#ccc;cursor:grab}.todo-item__sub-drag:active{cursor:grabbing}.todo-item__sub-edit{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem}.todo-item__btn-sub-edit{flex-shrink:0;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.todo-item__btn-sub-edit svg{width:1.2rem;height:1.2rem;color:var(--txt-color-form)}.todo-item__btn-sub-edit:hover{background:var(--color-main-5)}.todo-item__btn-sub-edit:hover svg{color:var(--color-main)}.todo-item__btn-sub-action{flex-shrink:0;width:2.6rem;height:2.6rem;display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.todo-item__btn-sub-action svg{width:1.3rem;height:1.3rem}.todo-item__btn-sub-action--save{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 12%,transparent)}.todo-item__btn-sub-action--save:hover{color:var(--color-on-accent);background:var(--color-success)}.todo-item__btn-sub-action--cancel{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.todo-item__btn-sub-action--cancel:hover{color:var(--color-on-accent);background:var(--color-danger)}.todo-item__btn-sub-del{flex-shrink:0;width:2.4rem;height:2.4rem;background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 9L11.9999 11.9999M11.9999 11.9999L14.9999 14.9999M11.9999 11.9999L9 14.9999M11.9999 11.9999L14.9999 9M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' stroke='%238B95A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/16px 16px;background-color:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color transform ease}.todo-item__btn-sub-del:hover{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M9 9L11.9999 11.9999M11.9999 11.9999L14.9999 14.9999M11.9999 11.9999L9 14.9999M11.9999 11.9999L14.9999 9M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z' stroke='%23E52E2C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/16px 16px;background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);transform:scale(1.1)}.todo-item__sub-add{margin-top:1rem;display:flex;gap:.6rem}.todo-item__sub-add-field{flex:1;width:100%;height:4.5rem;padding:0 1.5rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;transition:border-color .3s ease}.todo-item__sub-add-field:focus{border-color:var(--color-main);outline:none}.todo-item__sub-add-btn{flex-shrink:0;width:4.5rem;height:4.5rem;background:var(--color-main) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6 12H12M12 12H18M12 12V18M12 12V6' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/20px 20px;border:1px solid var(--color-main);border-radius:8px;cursor:pointer;transition:background-color transform ease}.todo-item__sub-add-btn:hover{background-color:color-mix(in srgb,var(--color-main) 85%,black)}.scroll-top-btn{width:4.4rem;height:4.4rem;display:flex;justify-content:center;align-items:center;color:var(--color-on-accent);background:var(--color-main);border:none;border-radius:50%;box-shadow:0 4px 12px #0003;font-size:2rem;font-weight:700;position:fixed;right:2.4rem;bottom:2.4rem;z-index:200;cursor:pointer;transition:background-color transform opacity}.scroll-top-btn:hover{background:color-mix(in srgb,var(--color-main) 92%,black);transform:translateY(-2px)}.todo-app__footer{margin-top:3.2rem;padding:1.6rem 2rem;border-top:1px solid var(--color-border);text-align:center}.todo-app__footer-copy{display:flex;flex-direction:column;gap:.4rem;color:var(--txt-color-base);font-size:1.3rem;font-weight:500;line-height:1.6}.todo-app__footer-legal{color:var(--txt-color-form);font-size:1.3rem;font-weight:400}.bulk-bar{margin-bottom:1.6rem;padding:1.2rem 1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;background:color-mix(in srgb,var(--color-main) 6%,var(--color-white));border:1px solid color-mix(in srgb,var(--color-main) 25%,transparent);border-radius:10px}.bulk-bar__count{color:var(--color-main);font-size:1.3rem;font-weight:700;white-space:nowrap}.bulk-bar__group{display:flex;gap:.6rem}.bulk-bar__link-btn{padding:.6rem 1rem;color:var(--txt-color-base);background:none;border:none;border-radius:6px;font-size:1.2rem;font-weight:500;text-decoration:underline;cursor:pointer;transition:all .3s ease}.bulk-bar__link-btn:hover{color:var(--color-main)}.bulk-bar__category-form{display:flex;align-items:center;gap:.6rem}.bulk-bar__category-input{width:14rem;height:3.2rem;padding:0 1rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;font-size:1.2rem}.bulk-bar__category-input:disabled{opacity:.5}.bulk-bar__apply-btn{height:3.2rem;padding:0 1.2rem;color:var(--color-on-accent);background:var(--color-main);border:none;border-radius:6px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.bulk-bar__apply-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-bar__apply-btn:not(:disabled):hover{background:color-mix(in srgb,var(--color-main) 85%,black)}.bulk-bar__priority-group{display:flex;gap:.6rem}.bulk-bar__priority-btn{height:3.2rem;padding:0 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.bulk-bar__priority-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-bar__priority-btn--high:not(:disabled):hover{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}.bulk-bar__priority-btn--medium:not(:disabled):hover{color:var(--txt-color-tit);background:var(--color-sub);border-color:var(--color-sub)}.bulk-bar__priority-btn--low:not(:disabled):hover{color:var(--color-on-accent);background:var(--color-success);border-color:var(--color-success)}.bulk-bar__delete-btn{height:3.2rem;padding:0 1.2rem;color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 6%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:6px;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.bulk-bar__delete-btn:disabled{opacity:.4;cursor:not-allowed}.bulk-bar__delete-btn:not(:disabled):hover{color:var(--color-on-accent);background:var(--color-danger)}.bulk-bar__close-btn{width:2.8rem;height:2.8rem;margin-left:auto;display:flex;justify-content:center;align-items:center;color:var(--txt-color-base);background:none;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.bulk-bar__close-btn:hover{background:#0000000f}.due-summary{margin-bottom:1.6rem;display:flex;gap:.8rem}@media (max-width: 768px){.due-summary{flex-direction:column}}.due-summary__item{flex:1;padding:1.2rem 1.6rem;border:none;border-radius:8px;font-size:1.4rem;font-weight:700;text-align:center;cursor:pointer;transition:opacity .3s ease}.due-summary__item:hover{opacity:.9}.due-summary__item--overdue{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 55%,white);border:1px solid color-mix(in srgb,var(--color-danger) 75%,white)}.due-summary__item--today{color:var(--color-main);background:var(--color-main-10);border:1px solid var(--color-main-20)}.app-toolbar{width:100%;padding:0 2rem;display:flex;justify-content:flex-end;align-items:center;background:var(--color-white);border-bottom:1px solid var(--color-border)}.app-toolbar__backup{display:flex;align-items:center;gap:.2rem}.app-toolbar__btn{padding:1rem 1.2rem;display:inline-flex;align-items:center;gap:.5rem;color:var(--txt-color-base);background:transparent;border:none;border-radius:.6rem;font-size:1.3rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.app-toolbar__btn:hover{background:var(--color-tab-bg)}.app-toolbar__btn--theme{color:var(--txt-color-tit);font-size:1.3rem;font-weight:600}.app-toolbar__btn--export:before,.app-toolbar__btn--import:before{content:"";flex-shrink:0;width:1.5rem;height:1.5rem;display:block}.app-toolbar__btn--settings svg{display:block}.app-toolbar__btn--export:before{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 12V18M12 18L15 16M12 18L9 16M13 3.00087C12.9045 3 12.7973 3 12.6747 3H8.2002C7.08009 3 6.51962 3 6.0918 3.21799C5.71547 3.40973 5.40973 3.71547 5.21799 4.0918C5 4.51962 5 5.08009 5 6.2002V17.8002C5 18.9203 5 19.4801 5.21799 19.9079C5.40973 20.2842 5.71547 20.5905 6.0918 20.7822C6.5192 21 7.07899 21 8.19691 21H15.8031C16.921 21 17.48 21 17.9074 20.7822C18.2837 20.5905 18.5905 20.2842 18.7822 19.9079C19 19.4805 19 18.9215 19 17.8036V9.32568C19 9.20296 19 9.09561 18.9991 9M13 3.00087C13.2856 3.00347 13.4663 3.01385 13.6388 3.05526C13.8429 3.10425 14.0379 3.18526 14.2168 3.29492C14.4186 3.41857 14.5918 3.59182 14.9375 3.9375L18.063 7.06298C18.4089 7.40889 18.5809 7.58136 18.7046 7.78319C18.8142 7.96214 18.8953 8.15726 18.9443 8.36133C18.9857 8.53376 18.9963 8.71451 18.9991 9M13 3.00087V5.8C13 6.9201 13 7.47977 13.218 7.90759C13.4097 8.28392 13.7155 8.59048 14.0918 8.78223C14.5192 9 15.079 9 16.1969 9H18.9991M18.9991 9H19.0002' stroke='%234E5968' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/15px 15px}.app-toolbar__btn--import:before{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 18V12M12 12L9 14M12 12L15 14M13 3.00087C12.9045 3 12.7973 3 12.6747 3H8.2002C7.08009 3 6.51962 3 6.0918 3.21799C5.71547 3.40973 5.40973 3.71547 5.21799 4.0918C5 4.51962 5 5.08009 5 6.2002V17.8002C5 18.9203 5 19.4801 5.21799 19.9079C5.40973 20.2842 5.71547 20.5905 6.0918 20.7822C6.51921 21 7.079 21 8.19694 21L15.8031 21C16.921 21 17.48 21 17.9074 20.7822C18.2837 20.5905 18.5905 20.2842 18.7822 19.9079C19 19.4805 19 18.9215 19 17.8036V9.32568C19 9.20296 19 9.09561 18.9991 9M13 3.00087C13.2856 3.00347 13.4663 3.01385 13.6388 3.05526C13.8429 3.10425 14.0379 3.18526 14.2168 3.29492C14.4186 3.41857 14.5918 3.59182 14.9375 3.9375L18.063 7.06298C18.4089 7.40889 18.5809 7.58136 18.7046 7.78319C18.8142 7.96214 18.8953 8.15726 18.9443 8.36133C18.9857 8.53376 18.9963 8.71451 18.9991 9M13 3.00087V5.8C13 6.9201 13 7.47977 13.218 7.90759C13.4097 8.28392 13.7155 8.59048 14.0918 8.78223C14.5192 9 15.079 9 16.1969 9H18.9991M18.9991 9H19.0002' stroke='%234E5968' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/15px 15px}[data-theme=dark] .app-toolbar__btn--export:before{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 12V18M12 18L15 16M12 18L9 16M13 3.00087C12.9045 3 12.7973 3 12.6747 3H8.2002C7.08009 3 6.51962 3 6.0918 3.21799C5.71547 3.40973 5.40973 3.71547 5.21799 4.0918C5 4.51962 5 5.08009 5 6.2002V17.8002C5 18.9203 5 19.4801 5.21799 19.9079C5.40973 20.2842 5.71547 20.5905 6.0918 20.7822C6.5192 21 7.07899 21 8.19691 21H15.8031C16.921 21 17.48 21 17.9074 20.7822C18.2837 20.5905 18.5905 20.2842 18.7822 19.9079C19 19.4805 19 18.9215 19 17.8036V9.32568C19 9.20296 19 9.09561 18.9991 9M13 3.00087C13.2856 3.00347 13.4663 3.01385 13.6388 3.05526C13.8429 3.10425 14.0379 3.18526 14.2168 3.29492C14.4186 3.41857 14.5918 3.59182 14.9375 3.9375L18.063 7.06298C18.4089 7.40889 18.5809 7.58136 18.7046 7.78319C18.8142 7.96214 18.8953 8.15726 18.9443 8.36133C18.9857 8.53376 18.9963 8.71451 18.9991 9M13 3.00087V5.8C13 6.9201 13 7.47977 13.218 7.90759C13.4097 8.28392 13.7155 8.59048 14.0918 8.78223C14.5192 9 15.079 9 16.1969 9H18.9991M18.9991 9H19.0002' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/15px 15px}[data-theme=dark] .app-toolbar__btn--import:before{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 18V12M12 12L9 14M12 12L15 14M13 3.00087C12.9045 3 12.7973 3 12.6747 3H8.2002C7.08009 3 6.51962 3 6.0918 3.21799C5.71547 3.40973 5.40973 3.71547 5.21799 4.0918C5 4.51962 5 5.08009 5 6.2002V17.8002C5 18.9203 5 19.4801 5.21799 19.9079C5.40973 20.2842 5.71547 20.5905 6.0918 20.7822C6.51921 21 7.079 21 8.19694 21L15.8031 21C16.921 21 17.48 21 17.9074 20.7822C18.2837 20.5905 18.5905 20.2842 18.7822 19.9079C19 19.4805 19 18.9215 19 17.8036V9.32568C19 9.20296 19 9.09561 18.9991 9M13 3.00087C13.2856 3.00347 13.4663 3.01385 13.6388 3.05526C13.8429 3.10425 14.0379 3.18526 14.2168 3.29492C14.4186 3.41857 14.5918 3.59182 14.9375 3.9375L18.063 7.06298C18.4089 7.40889 18.5809 7.58136 18.7046 7.78319C18.8142 7.96214 18.8953 8.15726 18.9443 8.36133C18.9857 8.53376 18.9963 8.71451 18.9991 9M13 3.00087V5.8C13 6.9201 13 7.47977 13.218 7.90759C13.4097 8.28392 13.7155 8.59048 14.0918 8.78223C14.5192 9 15.079 9 16.1969 9H18.9991M18.9991 9H19.0002' stroke='%23e0e0e0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center/15px 15px}dialog.quick-memo-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.quick-memo-modal[open]{display:flex}dialog.quick-memo-modal::backdrop{background:#00000080}.quick-memo-modal__container{width:100%;max-width:100rem;height:80vh;max-height:70rem;display:flex;flex-direction:column;background:var(--color-white);border-radius:12px;box-shadow:0 20px 60px #0003;overflow:hidden}.quick-memo-modal__header{padding:2rem 2.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.quick-memo-modal__header h2{margin:0;color:var(--txt-color-tit);font-size:1.8rem;font-weight:700}.quick-memo-modal__close{color:#999;background:transparent;border:none;font-size:2.4rem;line-height:1;cursor:pointer}.quick-memo-modal__close:hover{color:var(--color-danger)}.quick-memo-modal__body{flex:1;display:flex;overflow:hidden}@media (max-width: 768px){.quick-memo-modal__body{flex-direction:column}}.quick-memo-modal__sidebar{width:25rem;display:flex;flex-direction:column;background:var(--color-bg);border-right:1px solid var(--color-border);overflow:hidden}@media (max-width: 768px){.quick-memo-modal__sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--color-border)}.quick-memo-modal__sidebar--expanded{flex:1;min-height:0}}.quick-memo-modal__controls-toggle{display:none}@media (max-width: 768px){.quick-memo-modal__controls-toggle{flex-shrink:0;width:100%;height:3.6rem;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;color:var(--txt-color-base);background:var(--color-white);border:none;border-bottom:1px solid var(--color-border);font-size:1.2rem;font-weight:500;cursor:pointer}.quick-memo-modal__controls-toggle:after{content:"";width:12px;height:12px;display:inline-block;background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 5V19M12 19L18 13M12 19L6 13' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") center/contain no-repeat}.quick-memo-modal__controls-toggle--expanded:after{background:transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M12 19V5M12 5L6 11M12 5L18 11' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") center/contain no-repeat}}.quick-memo-modal__panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.quick-memo-modal__panel{flex:none;display:none}.quick-memo-modal__panel--expanded{flex:1;min-height:0;display:flex}}.quick-memo-modal__controls{flex-shrink:0;display:flex;flex-direction:column}.quick-memo-modal__add{flex-shrink:0;width:100%;padding:1.4rem 1.6rem;color:var(--color-main);background:var(--color-white);border:none;border-bottom:1px solid var(--color-border);font-size:1.4rem;font-weight:700;text-align:left;cursor:pointer;transition:background-color .3s ease}.quick-memo-modal__add:hover{background:var(--color-main-5)}.quick-memo-modal__search{flex-shrink:0;padding:1rem 1.2rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.quick-memo-modal__search-input{width:100%;padding:.8rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:6px;font-size:1.3rem}.quick-memo-modal__search-input:focus{border-color:var(--color-main);outline:none}.quick-memo-modal__list{flex:1;min-height:0;margin:.6rem .8rem;padding:0;display:flex;flex-direction:column;gap:.4rem;list-style:none;overflow-y:auto}.quick-memo-modal__item{display:flex;justify-content:space-between;align-items:center;min-height:4.4rem;background:var(--color-white);border-left:3px solid transparent;border-radius:8px;box-shadow:0 1px 3px #0000000d;transition:background-color border-color box-shadow}.quick-memo-modal__item:hover{box-shadow:0 2px 6px #0000001a}.quick-memo-modal__item--active{background:var(--color-main);border-left-color:var(--color-main);box-shadow:0 1px 4px color-mix(in srgb,var(--color-main) 15%,transparent)}.quick-memo-modal__item--pinned{background:#11ae5b;border-left-color:#11ae5b}.quick-memo-modal__item--active.quick-memo-modal__item--pinned{background:var(--color-main);border-left-color:var(--color-main)}.quick-memo-modal__item--dragging{opacity:.4;cursor:grabbing}.quick-memo-modal__item--drag-over{box-shadow:0 -2px 0 var(--color-main),0 1px 3px #0000000d}.quick-memo-modal__item-btn{flex:1;min-width:0;height:100%;padding:1rem .6rem 1rem 1.2rem;display:flex;align-items:center;background:transparent;border:none;text-align:left;cursor:pointer}.quick-memo-modal__item-actions{flex-shrink:0;padding-right:.6rem;display:flex;align-items:center;gap:.2rem}.quick-memo-modal__drag-handle{flex-shrink:0;margin-right:.4rem;color:#ccc;font-size:1.4rem;cursor:grab;-webkit-user-select:none;user-select:none}.quick-memo-modal__item-tit{flex:1;color:var(--txt-color-base);font-size:1.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quick-memo-modal__item--active:not(.quick-memo-modal__item--pinned) .quick-memo-modal__item-tit{color:var(--color-on-accent);font-size:1.3rem;font-weight:700}.quick-memo-modal__item--pinned .quick-memo-modal__item-tit{color:var(--color-on-accent);font-size:1.3rem;font-weight:500}.quick-memo-modal__item-count{flex-shrink:0;min-width:1.8rem;height:1.8rem;padding:0 .5rem;display:inline-flex;justify-content:center;align-items:center;color:var(--color-main);background:var(--color-main-5);border-radius:100px;font-size:1rem;font-weight:700}.quick-memo-modal__item--active .quick-memo-modal__item-count,.quick-memo-modal__item--pinned .quick-memo-modal__item-count{color:var(--color-on-accent);background:#ffffff40}.quick-memo-modal__item-del{width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;color:#999;background:transparent;border:none;font-size:1.6rem;cursor:pointer}.quick-memo-modal__item-del:hover{color:var(--color-danger)}.quick-memo-modal__item--active .quick-memo-modal__item-del,.quick-memo-modal__item--pinned .quick-memo-modal__item-del{color:#ffffffb3}.quick-memo-modal__item--active .quick-memo-modal__item-del:hover,.quick-memo-modal__item--pinned .quick-memo-modal__item-del:hover{color:var(--color-on-accent)}.quick-memo-modal__item-pin{width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;background:transparent;border:none;opacity:.4;cursor:pointer;transition:all .3s ease}.quick-memo-modal__item-pin--active{color:var(--color-sub);opacity:1}.quick-memo-modal__content{flex:1;padding:2.4rem;display:flex;flex-direction:column;gap:1.6rem;background:var(--color-white)}@media (max-width: 768px){.quick-memo-modal__content--hidden-mobile{display:none}}.quick-memo-modal__title-row{display:flex;align-items:center;gap:.8rem}.quick-memo-modal__content-actions{flex-shrink:0;position:relative}.quick-memo-modal__more-btn{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:center;color:#999;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color color ease}.quick-memo-modal__more-btn:hover,.quick-memo-modal__more-btn--active{color:var(--color-main);background:var(--color-main-5)}.quick-memo-modal__more-menu{min-width:14rem;padding:.6rem;display:flex;flex-direction:column;gap:.2rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001f;position:absolute;top:calc(100% + .4rem);right:0;z-index:20}.quick-memo-modal__more-item{width:100%;padding:.8rem 1rem;color:var(--txt-color-base);background:transparent;border:none;border-radius:8px;font-size:1.3rem;font-weight:500;white-space:nowrap;text-align:left;cursor:pointer;transition:background-color .3s ease}.quick-memo-modal__more-item:hover{color:var(--color-main);background:var(--color-main-5)}.quick-memo-modal__title-input{flex:1;width:100%;padding:1.2rem 1.6rem;color:var(--txt-color-tit);background:transparent;border:none;border-bottom:2px solid transparent;font-size:2rem;font-weight:700;transition:all .3s ease}.quick-memo-modal__title-input:focus{border-color:var(--color-main);outline:none}.quick-memo-modal__textarea{flex:1;width:100%;padding:1.6rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;font-family:inherit;line-height:1.6;resize:none}.quick-memo-modal__textarea:focus{background:var(--color-white);border-color:var(--color-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-main) 10%,transparent);outline:none}.quick-memo-modal__empty{height:100%;display:flex;justify-content:center;align-items:center;color:#999;font-size:1.5rem}.quick-memo-modal__linked{padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.quick-memo-modal__linked-toggle{width:100%;padding:.2rem 0;display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;cursor:pointer}.quick-memo-modal__linked-tit{color:#999;font-size:1.2rem;font-weight:700}.quick-memo-modal__linked-toggle-icon{flex-shrink:0;width:1.6rem;height:1.6rem;color:#999;transition:transform .3s ease}.quick-memo-modal__linked-toggle-icon--collapsed{transform:rotate(-90deg)}.quick-memo-modal__linked-checklist{max-height:14rem;padding:.8rem;display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;overflow-y:auto}.quick-memo-modal__linked-empty{padding:.4rem 0;color:#999;font-size:1.2rem}.quick-nav{width:24rem;max-height:calc(100vh - 120px);padding:1.6rem 1.2rem;display:flex;flex-direction:column;gap:1.6rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 16px #0000000d;position:absolute;top:0;left:-26rem;overflow-y:auto}@media (max-width: 1480px){.quick-nav{display:none}}.quick-nav__tit{margin:0;padding-bottom:1.2rem;color:var(--txt-color-tit);border-bottom:1px solid var(--color-border);font-size:1.4rem;font-weight:700}.quick-nav__list{margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;list-style:none}.quick-nav__item--empty{padding:2rem 0;display:flex;justify-content:center;color:#999;cursor:default}.quick-nav__item--empty:hover{color:#999;background:transparent}.quick-nav__btn{width:100%;padding:.8rem 1.2rem;display:flex;align-items:center;gap:.6rem;color:var(--txt-color-base);background:transparent;border:none;border-radius:6px;font-size:1.3rem;font-weight:500;text-align:left;cursor:pointer;transition:all .3s ease}.quick-nav__btn:hover{color:var(--color-main);background:var(--color-main-5)}.quick-nav__item-text{display:flex;align-items:center;gap:.4rem}.quick-nav__pin{font-size:1.2rem}.quick-nav__item-label--completed{opacity:.6;text-decoration:line-through}dialog.settings-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.settings-modal[open]{display:flex}dialog.settings-modal::backdrop{background:#00000080}.settings-modal__container{width:100%;max-width:48rem;display:flex;flex-direction:column;background:var(--color-white);border-radius:12px;box-shadow:0 20px 60px #0003;overflow:hidden}.settings-modal__header{padding:2rem 2.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.settings-modal__tit{margin:0;color:var(--txt-color-tit);font-size:1.8rem;font-weight:700}.settings-modal__close{color:#999;background:transparent;border:none;font-size:2.4rem;line-height:1;cursor:pointer}.settings-modal__close:hover{color:var(--color-danger)}.settings-modal__body{padding:2.4rem}.settings-modal__section{margin-bottom:1rem}.settings-modal__section-tit{margin-bottom:.8rem;color:var(--txt-color-tit);font-size:1.4rem;font-weight:600}.settings-modal__desc{margin-bottom:1.6rem;color:#999;font-size:1.2rem;line-height:1.5}.settings-modal__list{margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem;list-style:none}.settings-modal__item{padding:1.6rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px}.settings-modal__item--all{margin-top:.4rem;background:color-mix(in srgb,var(--color-danger) 4%,transparent);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.settings-modal__item-info{display:flex;flex-direction:column;gap:.4rem}.settings-modal__item-tit{color:var(--txt-color-tit);font-size:1.4rem;font-weight:600}.settings-modal__item-desc{color:#999;font-size:1.2rem}.settings-modal__reset-btn{flex-shrink:0;padding:.8rem 1.6rem;border-radius:.6rem;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .3s ease}.settings-modal__reset-btn--danger{color:var(--color-danger);background:transparent;border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent)}.settings-modal__reset-btn--danger:hover{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}.settings-modal__reset-btn--all{color:var(--color-on-accent);background:var(--color-danger);border:none}.settings-modal__reset-btn--all:hover{background:color-mix(in srgb,var(--color-danger) 80%,#000)}dialog.category-picker-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.category-picker-modal[open]{display:flex}dialog.category-picker-modal::backdrop{background:#00000080}.category-picker-modal__container{width:100%;max-width:36rem;max-height:80vh;display:flex;flex-direction:column;background:var(--color-white);border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden}.category-picker-modal__header{padding:1.6rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.category-picker-modal__tit{margin:0;color:var(--txt-color-tit);font-size:1.6rem;font-weight:700}.category-picker-modal__close{color:#999;background:transparent;border:none;font-size:2.2rem;line-height:1;cursor:pointer}.category-picker-modal__close:hover{color:var(--color-danger)}.category-picker-modal__body{padding:1.6rem 2rem;overflow-y:auto}.category-picker-modal__list{margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;list-style:none}.category-picker-modal__custom{padding-top:1rem;display:flex;flex-direction:column;gap:.8rem;border-top:1px solid var(--color-border)}.category-picker-modal__custom-field{width:100%;height:3.8rem;padding:0 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem}.category-picker-modal__custom-field:focus{border-color:var(--color-main);outline:none}.category-picker-modal__footer{padding:1.2rem 2rem 1.6rem;display:flex;justify-content:flex-end;gap:.8rem;border-top:1px solid var(--color-border)}dialog.completion-log-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.completion-log-modal[open]{display:flex}dialog.completion-log-modal::backdrop{background:#00000080}.completion-log-modal__container{width:100%;max-width:72rem;height:80vh;max-height:76rem;display:flex;flex-direction:column;background:var(--color-white);border-radius:12px;box-shadow:0 20px 60px #0003}.completion-log-modal__header{flex-shrink:0;padding:2rem 2.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.completion-log-modal__filter{flex-shrink:0;padding:1.2rem 2.4rem 0;display:flex;gap:.8rem}@media (max-width: 768px){.completion-log-modal__filter{flex-direction:column}}.completion-log-modal__category{height:4rem;padding:0 2.8rem 0 1.2rem;color:var(--txt-color-base);background:var(--color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65654 7.071L-0.00046164 1.414L1.41354 -4.94551e-07L6.36354 4.95L11.3135 -6.18079e-08L12.7275 1.414L7.07054 7.071C6.88301 7.25847 6.6287 7.36379 6.36354 7.36379C6.09837 7.36379 5.84407 7.25847 5.65654 7.071Z' fill='%23555'/%3E%3C/svg%3E") calc(100% - 10px) 50%/10px no-repeat;border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;cursor:pointer;transition:border-color .3s ease}.completion-log-modal__category:focus{outline:none;border-color:var(--color-main)}@media (max-width: 768px){.completion-log-modal__category{width:100%}}.completion-log-modal__search{flex-shrink:0;padding:.8rem 2.4rem 1.2rem;display:flex;gap:.8rem;border-bottom:1px solid var(--color-border)}@media (max-width: 768px){.completion-log-modal__search{flex-direction:column}}.completion-log-modal__search-input{flex:1;padding:0 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;transition:border-color .3s ease}.completion-log-modal__search-input[type=search]{height:4rem}.completion-log-modal__search-input:focus{outline:none;border-color:var(--color-main)}.completion-log-modal__search-date{width:23rem}@media (max-width: 768px){.completion-log-modal__search-date{width:100%}}.completion-log-modal__search-date .date-range-picker__input{height:4rem;font-size:1.3rem}.completion-log-modal__actions{flex-shrink:0;padding:1rem 2.4rem;display:flex;justify-content:flex-end;gap:.8rem;border-bottom:1px solid var(--color-border)}.completion-log-modal__action-btn{padding:.6rem 1.2rem;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:.6rem;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.completion-log-modal__action-btn:hover{color:var(--color-on-accent);background:var(--color-main);border-color:var(--color-main)}.completion-log-modal__tit{margin:0;color:var(--txt-color-tit);font-size:1.8rem;font-weight:700}.completion-log-modal__close{color:#999;background:transparent;border:none;font-size:2.4rem;line-height:1;cursor:pointer}.completion-log-modal__close:hover{color:var(--color-danger)}.completion-log-modal__body{flex:1;min-height:0;padding:1.6rem 2.4rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto}.completion-log-modal__empty{padding:4.8rem 0;color:#999;text-align:center;font-size:1.4rem}.completion-log-modal__group{display:flex;flex-direction:column;gap:.8rem}.completion-log-modal__date{margin:0;padding-bottom:.6rem;color:var(--txt-color-tit);border-bottom:1px solid var(--color-border);font-size:1.3rem;font-weight:700}.completion-log-modal__list{margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;list-style:none}.completion-log-modal__item{padding:1rem .8rem;display:flex;flex-direction:column;gap:.6rem;border-bottom:1px solid var(--color-border)}.completion-log-modal__item:last-child{border-bottom:none}.completion-log-modal__item-meta{display:flex;align-items:center;gap:.8rem}.completion-log-modal__item-time{flex-shrink:0;color:#999;font-size:1.2rem}.completion-log-modal__item-text{margin:0;color:var(--txt-color-base);word-break:break-word;white-space:pre-wrap;font-size:1.4rem}.completion-log-modal__item-subtasks{margin:0;padding-left:1.6rem;display:flex;flex-direction:column;gap:.2rem;list-style:none}.completion-log-modal__item-subtask{position:relative;color:var(--txt-color-base);font-size:1.3rem}.completion-log-modal__item-subtask:before{content:"· ";color:#999}.completion-log-modal__item-badge{flex-shrink:0;padding:.2rem .8rem;border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:1.1rem;font-weight:700}.completion-log-modal__item-badge--high{color:var(--color-on-accent);background:var(--color-danger)}.completion-log-modal__item-badge--medium{color:var(--txt-color-tit);background:var(--color-sub)}.completion-log-modal__item-badge--low{color:var(--color-on-accent);background:var(--color-success)}.completion-log-modal__item-category{flex-shrink:0;padding:.2rem .8rem;color:var(--color-on-accent);background:var(--color-main);border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:1.1rem;font-weight:500}.completion-log-modal__item-btns{margin-left:auto;display:flex;flex-shrink:0;gap:.2rem}.completion-log-modal__item-btn{flex-shrink:0;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;color:#999;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease}.completion-log-modal__item-btn svg{width:1.3rem;height:1.3rem}.completion-log-modal__item-btn:hover{color:var(--color-main);background:var(--color-main-5)}.completion-log-modal__footer{flex-shrink:0;padding:1.6rem 2.4rem;display:flex;justify-content:flex-end;border-top:1px solid var(--color-border)}.completion-log-modal__reset-btn{padding:.8rem 1.6rem;color:var(--color-danger);background:transparent;border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent);border-radius:.6rem;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .3s ease}.completion-log-modal__reset-btn:hover{color:var(--color-on-accent);background:var(--color-danger);border-color:var(--color-danger)}dialog.recurrence-modal{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0 1.6rem;display:none;justify-content:center;align-items:center;background:transparent;border:none}dialog.recurrence-modal[open]{display:flex}dialog.recurrence-modal::backdrop{background:#00000080}.recurrence-modal__container{width:100%;max-width:72rem;height:80vh;max-height:76rem;display:flex;flex-direction:column;background:var(--color-white);border-radius:12px;box-shadow:0 20px 60px #0003}.recurrence-modal__header{flex-shrink:0;padding:2rem 2.4rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.recurrence-modal__tit{color:var(--txt-color-tit);font-size:1.8rem;font-weight:700}.recurrence-modal__close{width:3.2rem;height:3.2rem;display:flex;justify-content:center;align-items:center;color:var(--txt-color-base);background:transparent;border:none;border-radius:8px;font-size:2.2rem;cursor:pointer;transition:background-color .3s ease}.recurrence-modal__close:hover{background:var(--color-tab-bg)}.recurrence-modal__add{flex-shrink:0;padding:1.6rem 2.4rem;display:flex;flex-direction:column;gap:1rem;background:var(--color-tab-bg);border-bottom:1px solid var(--color-border)}.recurrence-modal__add-row{display:flex;gap:.8rem}.recurrence-modal__add-row--fields{flex-wrap:wrap}.recurrence-modal__add-row--submit{justify-content:flex-end}.recurrence-modal__field{flex:1;min-width:14rem;display:flex;flex-direction:column;gap:.4rem}.recurrence-modal__field-label{color:var(--txt-color-base);font-size:1.1rem;font-weight:500}.recurrence-modal__input,.recurrence-modal__select{width:100%;height:4.5rem;padding:0 1.2rem;color:var(--txt-color-tit);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.3rem;transition:border-color .3s ease}.recurrence-modal__input:focus,.recurrence-modal__select:focus{outline:none;border-color:var(--color-main)}.recurrence-modal__input--text,.recurrence-modal__select--text{width:100%}.recurrence-modal__add-btn{padding:1rem 2rem;color:var(--color-on-accent);background:var(--color-main);border:none;border-radius:8px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease}.recurrence-modal__add-btn:hover{opacity:.9}.recurrence-modal__body{flex:1;padding:1.2rem 2.4rem 2.4rem;overflow-y:auto}.recurrence-modal__empty{padding:4.8rem 1.6rem;color:var(--txt-color-base);text-align:center;font-size:1.3rem}.recurrence-modal__list{display:flex;flex-direction:column;gap:1.2rem}.recurrence-modal__item{padding:1.6rem;display:flex;justify-content:space-between;gap:1.2rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:10px}@media (max-width: 768px){.recurrence-modal__item{flex-direction:column}}.recurrence-modal__item--ended{opacity:.65}.recurrence-modal__item-main{flex:1;display:flex;flex-direction:column;gap:.8rem;min-width:0}.recurrence-modal__item-text{color:var(--txt-color-tit);font-size:1.5rem;font-weight:700;word-break:break-word}.recurrence-modal__item-meta{display:flex;flex-wrap:wrap;gap:.6rem}.recurrence-modal__badge{padding:.3rem .9rem;color:var(--txt-color-base);background:var(--color-tab-bg);border:1px solid rgba(0,0,0,.1);border-radius:100px;font-size:1.1rem;font-weight:500}.recurrence-modal__badge--freq{color:var(--color-main);background:var(--color-main-10)}.recurrence-modal__badge--high{color:var(--color-on-accent);background:var(--color-danger)}.recurrence-modal__badge--medium{color:var(--txt-color-tit);background:var(--color-sub)}.recurrence-modal__badge--low{color:var(--color-on-accent);background:var(--color-success)}.recurrence-modal__badge--cat{color:var(--color-on-accent);background:var(--color-main)}.recurrence-modal__badge--ended{color:var(--color-on-accent);background:var(--txt-color-base)}.recurrence-modal__upcoming{color:var(--txt-color-base);font-size:1.2rem;line-height:1.5}.recurrence-modal__item-actions{display:flex;flex-shrink:0;gap:.6rem;align-items:flex-start}@media (max-width: 768px){.recurrence-modal__item-actions{align-items:stretch}}.recurrence-modal__btn{padding:.8rem 1.2rem;color:var(--txt-color-tit);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.2rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .3s ease}.recurrence-modal__btn:hover{background:var(--color-tab-bg)}.recurrence-modal__btn--primary{color:var(--color-on-accent);background:var(--color-main);border-color:var(--color-main)}.recurrence-modal__btn--danger{color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 40%,transparent)}.recurrence-modal__edit{flex:1;display:flex;flex-direction:column;gap:1rem}.recurrence-modal__edit-fields{display:flex;flex-wrap:wrap;gap:.8rem}.recurrence-modal__edit-actions{display:flex;gap:.6rem}.date-picker,.date-picker__trigger-wrap{width:100%;position:relative}.date-picker__input{width:100%;height:45px;padding:0 60px 0 15px;display:flex;justify-content:flex-start;align-items:center;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;cursor:pointer;transition:border-color box-shadow background-color}.date-picker__input:hover{border-color:var(--color-main)}.date-picker__input--active{background:var(--color-main-5);border-color:var(--color-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-main) 18%,transparent)}.date-picker__placeholder{color:#999;font-size:1.4rem}.date-picker__actions{display:flex;align-items:center;gap:.4rem;position:absolute;top:50%;right:15px;transform:translateY(-50%);pointer-events:none}.date-picker__clear{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:var(--color-sub);background:var(--color-main-5);border:none;border-radius:50%;cursor:pointer;pointer-events:auto;transition:background-color .3s ease}.date-picker__clear:hover{background:var(--color-main-20)}.date-picker__icon{opacity:.7;font-size:1.6rem}.date-picker__dropdown{width:28rem;padding:1.6rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;position:absolute;top:calc(100% + 4px);left:0;z-index:100}.date-picker__header{margin-bottom:1.2rem;display:flex;justify-content:space-between;align-items:center}.date-picker__nav{width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;color:var(--txt-color-tit);background:transparent;border:none;border-radius:6px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s ease}.date-picker__nav:hover{color:var(--color-main);background:var(--color-main-5)}.date-picker__month{color:var(--txt-color-tit);font-size:1.5rem;font-weight:700}.date-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.date-picker__cell{height:3.2rem;display:flex;justify-content:center;align-items:center;border-radius:6px;font-size:1.3rem}.date-picker__cell--head{margin-bottom:.4rem;color:#666;font-size:1.2rem;font-weight:500}.date-picker__cell--day{color:var(--txt-color-base);background:transparent;border:none;cursor:pointer;transition:all .3s ease}.date-picker__cell--day:hover:not(.date-picker__cell--day--selected){background:var(--color-main-5)}.date-picker__cell--today{color:var(--color-main);font-size:1.3rem;font-weight:700}.date-picker__cell--selected{color:var(--color-on-accent);background:var(--color-main);font-size:1.3rem;font-weight:700}.date-range-picker,.date-range-picker__trigger-wrap{width:100%;position:relative}.date-range-picker__input{width:100%;height:45px;padding:0 60px 0 15px;display:flex;justify-content:flex-start;align-items:center;color:var(--txt-color-base);background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;font-size:1.4rem;cursor:pointer;transition:border-color box-shadow background-color}.date-range-picker__input:hover{border-color:var(--color-main)}.date-range-picker__input--active{background:var(--color-main-5);border-color:var(--color-main);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-main) 18%,transparent)}.date-range-picker__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-range-picker__placeholder{color:#999;font-size:1.4rem}.date-range-picker__actions{display:flex;align-items:center;gap:.4rem;position:absolute;top:50%;right:15px;transform:translateY(-50%);pointer-events:none}.date-range-picker__clear{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:var(--color-sub);background:var(--color-main-5);border:none;border-radius:50%;cursor:pointer;pointer-events:auto;transition:background-color .3s ease}.date-range-picker__clear:hover{background:var(--color-main-20)}.date-range-picker__icon{opacity:.7;font-size:1.6rem}.date-range-picker__dropdown{width:28rem;padding:1.6rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #0000001a;position:absolute;top:calc(100% + 4px);left:0;z-index:100}.date-range-picker__header{margin-bottom:1.2rem;display:flex;justify-content:space-between;align-items:center}.date-range-picker__nav{width:2.8rem;height:2.8rem;display:flex;justify-content:center;align-items:center;color:var(--txt-color-tit);background:transparent;border:none;border-radius:6px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:all .3s ease}.date-range-picker__nav:hover{color:var(--color-main);background:var(--color-main-5)}.date-range-picker__month{color:var(--txt-color-tit);font-size:1.5rem;font-weight:700}.date-range-picker__hint{margin:0 0 .8rem;color:#999;font-size:1.2rem;text-align:center}.date-range-picker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.date-range-picker__cell{height:3.2rem;display:flex;justify-content:center;align-items:center;border-radius:6px;font-size:1.3rem}.date-range-picker__cell--head{margin-bottom:.4rem;color:#666;font-size:1.2rem;font-weight:500}.date-range-picker__cell--day{color:var(--txt-color-base);background:transparent;border:none;cursor:pointer;transition:all .3s ease}.date-range-picker__cell--day:hover:not(.date-range-picker__cell--day--range-start):not(.date-range-picker__cell--day--range-end){background:var(--color-main-20)}.date-range-picker__cell--today{color:var(--color-main);font-size:1.3rem;font-weight:700}.date-range-picker__cell--in-range{background:var(--color-main-5);border-radius:0}.date-range-picker__cell--range-start,.date-range-picker__cell--range-end{color:var(--color-on-accent);background:var(--color-main);font-size:1.3rem;font-weight:700}.date-range-picker__cell--range-start{border-radius:6px 0 0 6px}.date-range-picker__cell--range-end{border-radius:0 6px 6px 0}.date-range-picker__cell--range-start.date-range-picker__cell--range-end{border-radius:6px}