html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}*,*:before,*:after{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}input[type=text i]{padding-block:0;padding-inline:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1;border:none}h1,h2,h3,h4{text-wrap:balance}ul[role=list],ol[role=list],ol,ul{list-style:none}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:target{scroll-margin-block:5ex}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.reset-style{appearance:none;background:none;border:none;outline:none}.visually-hidden,.visually-shown-on-focus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visually-shown-on-focus:focus{position:static;width:auto;height:auto;padding:initial;margin:initial;overflow:visible;clip:auto;white-space:normal}.skip-link{position:absolute;top:0;left:0;z-index:9999;padding:.5rem 1rem;text-decoration:none;transform:translateY(-100%);transition:transform .3s}.skip-link:focus{transform:translateY(0);outline:2px solid var(--spotify-white)}@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/fonts/woff2/PretendardVariable.woff2) format("woff2-variations")}body{font-family:var(--font-family)}.bg-primary{background:var(--primary-color);color:var(--third-color)}.bg-secondary{background:var(--secondary-color);color:var(--third-color)}.bg-third{background:var(--third-color);color:var(--primary-color)}.bg-fourth{background:var(--fourth-color);color:var(--third-color)}.bg-accent{background:var(--accent-color);color:var(--lifecord-white)}.font-bold{font-weight:700}::-webkit-scrollbar{width:var(--spacing-xs)}::-webkit-scrollbar-track{background-color:var(--fourth-color);border-radius:var(--inner-card-radius)}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:var(--inner-card-radius)}::-webkit-scrollbar-button{display:none}:root{--lifecord-black: rgb(30, 30, 30);--lifecord-white: rgb(255, 255, 255);--lifecord-grey: rgb(157, 157, 157);--lifecord-overlay-white: rgba(255, 255, 255, .5);--shadow-color-more: rgba(18, 18, 18, .2);--primary-color: rgb(255, 255, 255);--secondary-color: rgb(206, 206, 206);--third-color: rgb(30, 30, 30);--fourth-color: rgb(230, 230, 230);--accent-color: rgb(0, 203, 135);--shadow-color: rgba(18, 18, 18, .1);--full-radius: 9999px;--card-radius: 16px;--inner-card-radius: 8px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--app-min-width: 1000px;--font-family: "Pretendard Variable", sans-serif;--font-xs: .75rem;--font-sm: 1rem;--font-md: 1.25rem;--font-lg: 2rem;--font-xl: 3.5rem;--font-xxl: 5rem;--icon-xs: 16px;--icon-sm: 24px;--icon-md: 36px;--icon-lg: 48px;--icon-xl: 64px}@media (prefers-color-scheme: dark){:root{--lifecord-black: rgb(30, 30, 30);--lifecord-white: rgb(255, 255, 255);--lifecord-grey: rgb(157, 157, 157);--lifecord-overlay-white: rgba(255, 255, 255, .5);--primary-color: rgb(30, 30, 30);--secondary-color: rgb(48, 48, 48);--third-color: rgb(255, 255, 255);--accent-color: rgb(0, 203, 135);--shadow-color: rgba(255, 255, 255, .1);--fourth-color: rgb(45, 45, 45);--shadow-color-more: rgba(255, 255, 255, .2);--spacing-xl: 48px;--icon-xs: 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOut{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.fade-in{animation:fadeIn .3s ease forwards}.fade-out{animation:fadeOut .3s ease forwards}.slide-left{animation:slideInFromLeft .4s ease forwards}.slide-right{animation:slideInFromRight .4s ease forwards}.slide-top{animation:slideInFromTop .4s ease forwards}.slide-bottom{animation:slideInFromBottom .4s ease forwards}.zoom-in{animation:zoomIn .4s ease forwards}.zoom-out{animation:zoomOut .4s ease forwards}.btn-base{display:flex;padding:var(--spacing-sm);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:var(--font-sm);border-radius:var(--inner-card-radius);cursor:pointer;height:fit-content;width:fit-content}a.btn-base{text-decoration:none}.btn-rounded{border-radius:var(--full-radius)}.btn-base__icon{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.btn-base__icon--large{width:var(--icon-lg);height:var(--icon-lg);flex-shrink:0}.hover-fourth:hover{background-color:var(--fourth-color);color:var(--third-color)}s .btn-base__icon--small{width:var(--icon-xs);height:var(--icon-xs);flex-shrink:0}.list-button{width:100%;justify-content:space-between}.link-button{display:flex;padding:var(--spacing-sm, 16px);align-items:center;gap:var(--spacing-sm, 16px);justify-content:left;align-self:stretch;inline-size:100%}:root{--border-radius: 1rem;--gap: 2rem;--clr-bg: #818181;--clr-white: #ffffff}.weather-tab{position:relative;width:100%;background-color:var(--clr-bg);border-radius:var(--border-radius);box-shadow:0 0 16px 4px #1212120f;overflow:hidden;height:100%;display:flex;justify-content:space-between;background-image:var(--background-image, url(/img/bg/clouds.jpg));background-size:cover;background-repeat:no-repeat;background-position:center}.weather-tab__wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;z-index:1;padding-left:2rem}.weather-tab__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}.weather-tab__temp{font-size:6rem;font-weight:700;margin:0;color:#fff;white-space:nowrap}.weather-tab__info{display:flex;justify-content:space-between;align-items:center;flex:1}.weather-tab__location-date{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.weather-tab__location{font-size:2.5rem;font-weight:600;margin:0;color:#fff}.weather-tab__date{font-size:1rem;font-weight:300;margin:0;color:#fff}.weather-tab__icon{width:64px;height:64px;flex-shrink:0}.weather-tab__search-form{display:flex;align-items:center;gap:.5rem;width:100%;padding-bottom:.5rem;border-bottom:1px solid white;background:transparent}.weather-tab__search-input{background:transparent;border:none;outline:none;color:#fff;font-size:1rem;width:100%;padding:.5rem 0;font-weight:300}.weather-tab__search-input::placeholder{color:#fff9}.weather-tab__search-icon{width:20px;height:20px;cursor:pointer}.weather-tab__panel{position:absolute;top:0;right:0;height:100%;width:45%;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2rem;display:none;flex-direction:column;justify-content:flex-start;gap:2rem;z-index:2;overflow-y:auto;scrollbar-width:none}.weather-tab__panel::-webkit-scrollbar{display:none}.weather-tab__title{color:#fff;margin:0}.weather-tab__details,.weather-tab__forecast{display:flex;flex-direction:column;gap:1rem}.weather-tab__cards{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.weather-tab__desc{grid-column:1 / -1;margin-bottom:1rem}.weather-tab__cards-forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.weather-tab__icon-medium,.weather-tab__icon-small{width:48px;height:48px}.weather-tab__forecast-desc p{margin:0;font-size:.875rem;color:#fff}.weather-tab.loading:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border:5px solid #ffffff;border-bottom-color:transparent;border-radius:50%;animation:spin 1s linear infinite;z-index:999;pointer-events:none}.weather-tab.loading{opacity:.7;position:relative;pointer-events:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.link-card{display:flex;flex-direction:column;padding:var(--spacing-sm);border-radius:var(--card-radius, 16px);background:var(--primary-color);color:var(--third-color);box-shadow:0 0 24px 4px var(--shadow-color, rgba(18, 18, 18, .1));height:100%}.link-card__title{padding:var(--spacing-sm);font-size:var(--font-md);font-weight:700;color:var(--third-color)}.link-card__list{display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:var(--spacing-xs)}.link-card__button--more{width:100%;text-align:center}.link-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none}.link-modal-overlay.show{display:flex;align-items:center;justify-content:center}.link-modal{background-color:#fff;border-radius:var(--card-radius, 16px);width:90%;height:90%;max-width:1440px;max-height:800px;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.link-modal__sidebar{flex:0 0 25%;min-width:220px;display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);background-color:var(--primary-color)}.link-modal__title{padding:var(--spacing-sm);margin:0;font-size:var(--font-lg);font-weight:700;color:var(--third-color)}.link-modal__list{flex:1;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--card-radius);box-shadow:0 0 24px 4px var(--shadow-color)}.link-modal__list ul{flex:1;margin:0;padding:var(--spacing-sm);list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.link-modal__list ul li{margin:0;padding:0}.link-modal__list__button-box{padding:var(--spacing-sm);display:flex;gap:var(--spacing-xs)}.link-modal__list__button-box .btn-base{flex:1}.link-modal__link{width:100%;text-align:left;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-modal__link[aria-pressed=true]{background:var(--accent-color)!important;color:var(--lifecord-white)!important}.link-modal__link .btn-base__icon{flex-shrink:0}.link-modal__main{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--primary-color)}.link-modal__header{padding:var(--spacing-md);border-bottom:1px solid var(--fourth-color);display:flex;gap:var(--spacing-md);justify-content:space-between;align-items:center}.link-modal__header__name-icon-box{display:flex;align-items:center;flex:1}.link-modal__header__name{flex:1;font-size:var(--font-lg);font-weight:700;border:none;background:transparent;color:var(--third-color);outline:none}.link-modal__form{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;min-height:0}.link-modal__form label{font-weight:600;color:var(--third-color);margin-bottom:var(--spacing-xs);display:block}.link-modal__form input{width:100%;padding:var(--spacing-sm);border:1px solid var(--fourth-color);border-radius:var(--inner-card-radius);font-size:var(--font-sm);box-sizing:border-box;color:var(--third-color);background-color:var(--primary-color)}.link-modal__form input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 0, 123, 255),.25)}.link-modal__form__button-box{padding-top:var(--spacing-md);display:flex;flex-direction:row;justify-content:space-between;gap:var(--spacing-sm)}.link-modal__form__button-box--right{display:flex;flex-direction:row;justify-content:flex-end}.link-modal__form__description-container{flex:1;display:flex;flex-direction:column;min-height:0}.link-button__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}#link-modal__form__description{width:100%;flex:1;min-height:120px;max-height:300px;resize:vertical;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap;font-weight:400;font-family:inherit;line-height:1.5;padding:var(--spacing-sm);border:1px solid var(--fourth-color);border-radius:var(--inner-card-radius);font-size:var(--font-sm);box-sizing:border-box;color:var(--third-color);background-color:var(--primary-color)}#link-modal__form__description:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(var(--accent-color-rgb, 0, 123, 255),.25)}.link-modal__link:focus{outline:2px solid var(--accent-color);outline-offset:2px;z-index:1}.favorite-toggle:focus{outline:2px solid var(--accent-color);outline-offset:1px;border-radius:2px}#link-modal__form__url[aria-invalid=true]{border-color:red;background-color:#ff00001a}.empty-state{color:var(--third-color)}.link-card__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);text-align:left;width:100%;justify-content:flex-start;border-radius:var(--button-radius, 8px);scale:.95}.form-checkbox-favorite--bg-icon{position:relative;display:flex;flex-flow:row nowrap;align-items:center}.form-checkbox-favorite--bg-icon input{position:absolute;inline-size:var(--icon-md);block-size:var(--icon-md);margin:0;appearance:none}.form-checkbox-favorite--bg-icon input:checked+label{background-image:url(/img/icons/favorite-star-green.svg);inline-size:var(--icon-md);block-size:var(--icon-md);opacity:1}.form-checkbox-favorite--bg-icon label{inline-size:var(--icon-md);block-size:var(--icon-md);align-content:center;background:url(/img/icons/favorite-star-black.svg) no-repeat;opacity:.5;background-size:var(--icon-md)}.link-card__empty-state{padding:var(--spacing-sm)}@media screen and (max-height: 768px){.link-card__button--more{padding:var(--spacing-xs)}}[type=search]{appearance:none}.search-bar button{all:unset;cursor:pointer}.search-bar input{border:0;background:transparent;list-style:none;color:var(--third-color)}.search-bar .hidden{display:none!important}.search-bar{border-radius:var(--card-radius);background:var(--primary-color);box-shadow:0 0 16px 4px var(--shadow-color);padding:16px 22px;display:flex;flex-flow:row nowrap;color:var(--third-color);min-width:330px;max-width:498px;width:100%;min-height:var(--spacing-xl);position:relative;box-sizing:border-box}.search-bar__bar{display:flex;flex-flow:row nowrap;align-items:center;column-gap:10px;width:100%}.search-bar__popover__trigger{flex-shrink:0}.search-bar__form{display:flex;align-items:center;flex:1;background:var(--primary-color);border-radius:8px;padding:4px 8px;gap:6px;min-width:0}.search-bar__input{flex:1;min-width:0}.search-bar__input::placeholder{color:#666}.search-bar__btn{flex-shrink:0}.search-bar__popover{border-radius:var(--card-radius);background:var(--primary-color);color:var(--third-color);box-shadow:0 0 16px 0 var(--shadow-color);width:150px;height:216px;padding:var(--spacing-lg);display:flex;flex-flow:column nowrap;row-gap:var(--spacing-lg);justify-content:center;position:absolute;left:0;top:72px;z-index:100}.search-bar__popover .search-bar__popover__google__btn,.search-bar__popover .search-bar__popover__youtube__btn,.search-bar__popover .search-bar__popover__naver__btn{display:flex;flex-flow:row nowrap;gap:var(--spacing-sm)}button{border:0;margin:0;padding:0;background:transparent;cursor:pointer}.memo__wrapper{overflow:hidden;display:flex;flex-flow:column nowrap;position:relative;padding:var(--spacing-sm);border-radius:var(--card-radius);background:var(--primary-color);box-shadow:0 0 1.5rem .25rem var(--shadow-color, rgba(18, 18, 18, .1))}.memo__header{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding-inline-start:var(--spacing-sm);padding-inline-end:10.9375rem;padding-block:var(--spacing-sm);color:var(--third-color);font-size:var(--icon-xs)}.memo__header .memo__title{font-size:var(--font-md);font-weight:700}.memo__actions{position:absolute;top:1.875rem;right:var(--spacing-lg)}.memo__actions .memo__actions-list{display:flex;flex-flow:row nowrap;align-items:center;column-gap:.625rem}.memo__body{overflow-y:auto;block-size:100%;padding-inline:var(--spacing-sm);padding-block:var(--spacing-sm)}.memo__body .memo__list{display:flex;flex-flow:column nowrap;row-gap:var(--spacing-sm)}.memo__body .memo__list .memo__item{display:flex;flex-flow:row nowrap;justify-content:space-between}.memo__body .memo__list .memo__item .memo-card__title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.memo-card__button{display:flex;flex-flow:column nowrap;row-gap:.625rem;inline-size:calc(100% - 2.5rem);text-align:left}.memo-card__button .memo-card__time{display:flex;flex-flow:row nowrap;align-items:center;column-gap:var(--spacing-xs);font-size:var(--font-xs)}.memo-card__button .memo-card__time .memo-card__status-icon{inline-size:.75rem;block-size:.75rem;background-color:var(--accent-color);border-radius:999px}.memo-card__button .memo-card__time .memo-card__time-text{color:var(--lifecord-grey);line-height:1}.memo-card__button .memo-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:var(--lifecord-grey);word-break:break-all}@media screen and (max-height: 710px){.memo__body{overflow-y:auto}}@media screen and (max-height: 768px){.memo-card__desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-height: 900px){.memo-card__button .memo-card__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.memo-card__checkbox{flex-shrink:0;inline-size:var(--icon-sm)}.memo-card__checkbox input{inline-size:var(--icon-sm);block-size:var(--icon-sm);margin:0;background:url(/img/icons/checkbox/checkbox-basic.png) no-repeat;background-size:100%;appearance:none}.memo-card__checkbox input:checked{background:url(/img/icons/checkbox/checked.png) no-repeat}.dialog__memo-empty,.memo__empty{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;block-size:100%;text-align:center}.memo-card__button--more{inline-size:100%}@media screen and (max-height: 768px){.memo-card__button--more{padding:var(--spacing-xs)}}.dialog[open]{display:flex;flex-flow:row nowrap;inline-size:90%;block-size:90%;max-inline-size:90rem;max-block-size:50rem;padding:0;border:0;border-radius:var(--card-radius)}.dialog[open]::backdrop{background-color:#1f1f1f80}.dialog[open] .dialog__container{display:flex;flex-flow:row nowrap;inline-size:100%}.dialog[open] .dialog__container .left-box{width:17.25rem;flex-shrink:0;padding:var(--spacing-md)}.dialog[open] .dialog__container .right-box{flex:1;min-width:0;padding:var(--spacing-sm)}.dialog__memo-list{display:flex;flex-flow:column nowrap;row-gap:var(--spacing-lg)}.dialog__memo-list .dialog__title{margin:var(--spacing-sm);font-size:3rem;font-weight:700}.dialog__memo-list .dialog__memo-box{overflow-y:auto;block-size:100%;padding:var(--spacing-md);background-color:var(--fourth-color);border-radius:var(--card-radius)}.dialog__memo-list .dialog__memo-box .dialog__memo-items{display:flex;flex-flow:column nowrap;row-gap:var(--spacing-sm)}.dialog__memo-list .dialog__memo-box .dialog__memo-items .dialog__memo-button{display:flex;flex-flow:row nowrap;inline-size:100%;padding:var(--spacing-sm);padding-right:2.3125rem;border-radius:var(--inner-card-radius);font-weight:700;background:url(/img/icons/arrow-to-right-black.svg) no-repeat;background-position:right 1rem center;background-size:.625rem 1.125rem}.dialog__memo-list .dialog__memo-box .dialog__memo-items .dialog__memo-button.on,.dialog__memo-list .dialog__memo-box .dialog__memo-items .dialog__memo-button:hover{background:var(--accent-color) url(/img/icons/arrow-to-right-white.svg) no-repeat;background-position:right 1rem center;background-size:.625rem 1.125rem;color:var(--lifecord-white)}.dialog__memo-list .dialog__memo-box .dialog__memo-items .dialog__memo-button .dialog__memo-name{text-align:left;word-break:break-all}.dialog__detail .dialog__editor{position:relative;display:flex;flex-flow:column nowrap;row-gap:var(--spacing-sm);block-size:100%}.dialog__detail .dialog__date{display:flex;flex-flow:row nowrap;align-items:flex-end;block-size:92px;padding:var(--spacing-sm);font-size:var(--font-sm);font-weight:700}.dialog__detail .dialog__form{display:flex;flex-flow:column nowrap;row-gap:var(--spacing-sm);block-size:inherit}.dialog__detail .dialog__form .dialog__input-title{inline-size:100%;padding:var(--spacing-sm);font-size:2.25rem;font-weight:700;line-height:1}.dialog__detail .dialog__form .dialog__input-title::placeholder{color:var(--lifecord-grey)}.dialog__detail .dialog__form .dialog__textarea{inline-size:100%;block-size:inherit;padding:var(--spacing-sm);border:0;resize:none}.dialog__detail .dialog__form .dialog__textarea::placeholder{color:var(--lifecord-grey)}.dialog__detail .dialog__actions{position:absolute;top:17px;right:.9375rem;display:inline-flex;flex-flow:row nowrap;column-gap:var(--spacing-sm)}.dialog__detail .dialog__actions .dialog__button--delete,.dialog__detail .dialog__actions .dialog__button--add,.dialog__detail .dialog__actions .dialog__button--save{font-size:var(--font-sm);font-weight:700}.dialog__detail .dialog__actions .dialog__close{inline-size:var(--icon-lg);aspect-ratio:1;background:url(/img/icons/dialog_close.svg) no-repeat;background-size:var(--icon-lg)}@media (prefers-color-scheme: dark){.memo-card__checkbox input{background:url(/img/icons/checkbox/checkbox-basic-white.png) no-repeat;background-size:100%}.memo-card__checkbox input:checked{background:url(/img/icons/checkbox/checked-white.png) no-repeat}.dialog__memo-empty,.memo__empty,.dialog__button--delete,.dialog__button--add,.dialog__button--save,.dialog__date,.dialog__title,.memo-card__title,.memo__button--all,.memo__button--delete,.memo__button--add{color:var(--lifecord-white)}.dialog__memo-list .dialog__memo-box{background:var(--primary-color)}.dialog__memo-list .dialog__memo-box .dialog__memo-items .dialog__memo-button{background:url(/img/icons/arrow-right-white.svg) no-repeat;background-position:right 1rem center;background-size:.625rem 1.125rem;color:var(--lifecord-white)}.dialog__input-title,.dialog__textarea{color:var(--lifecord-white)}.dialog__input-title,.dialog__textarea,.dialog[open]{background-color:#2d2d2d}.dialog__detail .dialog__actions .dialog__close{background:var(--third-color);background:var(--lifecord-white) url(/img/icons/close-black.svg) no-repeat;background-size:var(--icon-sm);border-radius:999px;background-position:center}}.todo-list button{border:0;background-color:transparent}.todo-list input{border:0;background:transparent;list-style:none}[hidden]{display:none!important}.todo-list{border-radius:var(--card-radius);background:var(--primary-color);box-shadow:0 0 24px 4px var(--shadow-color);inline-size:100%;block-size:100%;padding:var(--spacing-sm);display:flex;flex-flow:column nowrap;flex-shrink:0;position:relative}.todo-list__header{font-size:var(--font-md);font-weight:700;display:flex;justify-content:space-between;padding:var(--spacing-sm);color:var(--third-color);background:var(--primary-color);align-items:center;line-height:1.1}.todo-list__popover-trigger{color:var(--third-color);height:22px}.todo-list__item{display:flex;flex-flow:column;gap:var(--spacing-sm);overflow-y:auto;font-size:var(--font-sm);padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);height:100%}.todo-list__item .task{display:flex;justify-content:space-between;padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.task-text{color:var(--third-color);overflow-x:hidden}.task-text.done{color:var(--secondary-color);text-decoration:line-through}.new-todo{background:var(--primary-color);font-size:var(--font-sm);font-weight:300;color:var(--secondary-color);padding:var(--spacing-xs);width:100%}.new-todo input{width:inherit;color:var(--third-color)}.search-bar__popover__youtube__btn svg{align-self:center}@media screen and (max-height: 768px){.new-todo{padding:var(--spacing-xs)}}.todo-list__popover{box-shadow:0 0 24px 4px var(--shadow-color);border-radius:var(--inner-card-radius);block-size:fit-content;padding:var(--spacing-sm);display:inline-flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;position:absolute;background:var(--primary-color);top:70px;right:20px;z-index:1}.todo-list__popover button{font-size:var(--font-sm)}.form-checkbox_bg-icon{position:relative;display:flex;flex-flow:row nowrap;align-items:center}.form-checkbox_bg-icon input{position:absolute;inline-size:var(--icon-sm);block-size:var(--icon-sm);margin:0;appearance:none}.form-checkbox_bg-icon input:checked+label{background-image:url(/img/icons/checkbox/checked.png);inline-size:var(--icon-sm);block-size:var(--icon-sm)}.form-checkbox_bg-icon label{inline-size:var(--icon-sm);block-size:var(--icon-sm);align-content:center;background:url(/img/icons/checkbox/checkbox-basic.png) no-repeat;background-size:var(--icon-sm)}@media (prefers-color-scheme: dark){.form-checkbox_bg-icon input:checked+label{background-image:url(/img/icons/checkbox/checked-white.png)}.form-checkbox_bg-icon label{background:url(/img/icons/checkbox/checkbox-basic-white.png) no-repeat}}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-btn{all:unset;width:48px;height:48px;background-image:url(/img/icons/person.svg);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;position:relative}@media (prefers-color-scheme: dark){.login-btn{background-image:url(/img/icons/person-white.svg)}}.controls button{padding:10px 20px;font-size:16px;margin:0 10px;cursor:pointer}#start-btn{background:#4caf50;color:#fff;border:2px solid var(--primary-color);box-shadow:4px 4px #4caf50;border-radius:var(--full-radius)}#start-btn:active{box-shadow:none;transform:translate(4px,4px)}#restart-btn{background:#ff6b6b;color:#fff;border:2px solid var(--primary-color);box-shadow:4px 4px #ff6b6b;border-radius:var(--full-radius)}#restart-btn:active{box-shadow:none;transform:translate(4px,4px)}#pause-btn{background:#f7b614;color:#fff;border:2px solid var(--primary-color);box-shadow:4px 4px #f7b614;border-radius:var(--full-radius)}#pause-btn:active{box-shadow:none;transform:translate(4px,4px)}.modal-end__btn{inline-size:300px;padding:10px 20px;margin:10px;background:var(--third-color);color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:4px 4px var(--third-color);border-radius:var(--full-radius)}.modal-end__btn:active{box-shadow:none;transform:translate(4px,4px)}button:disabled{background:#ccc;cursor:not-allowed}.dino-game__card{display:flex;flex-direction:column;padding:var(--spacing-sm);border-radius:var(--card-radius, 16px);background:var(--primary-color);color:var(--third-color);box-shadow:0 0 24px 4px var(--shadow-color, rgba(18, 18, 18, .1));height:100%;overflow:hidden;justify-content:center;align-items:center}.modal-start__btn{inline-size:300px;padding:var(--spacing-md);background:var(--primary-color);color:var(--third-color);border-radius:var(--card-radius, 16px);border:4px solid var(--third-color);box-shadow:6px 6px var(--third-color)}.modal-start__btn:active{box-shadow:none;transform:translate(6px,6px)}.dino-game__modal__canvas{background-color:var(--primary-color);border:0;border-radius:var(--card-radius, 16px);width:90%;height:90%;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.dino-game__modal__canvas__container{inline-size:100%;block-size:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;max-width:100%}.dino-game__modal__canvas__container .controls{margin-top:20px;display:flex;gap:10px;padding-bottom:20px}@media (prefers-color-scheme: dark){.dino-game__card__img{content:url(/img/dinosour/gamestart-white.svg)}}.app{display:grid;height:100vh;min-width:var(--app-min-width);padding:var(--spacing-sm);row-gap:var(--spacing-sm);column-gap:var(--spacing-sm);background-color:var(--primary-color);grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;grid-template-areas:"logo logo search search . login" "weather weather weather weather weather weather" "weather weather weather weather weather weather" "weather weather weather weather weather weather" "links todo memo memo calendar calendar" "links todo memo memo calendar calendar" "links todo memo memo calendar calendar"}.logo-link{grid-area:logo;color:var(--third-color);font-size:var(--font-lg)}.search-bar{grid-area:search}.login{grid-area:login;display:flex;justify-content:flex-end}.weather-tab{grid-area:weather}.link-card{grid-area:links}.todo-list{grid-area:todo}.memo__wrapper{grid-area:memo;height:100%}.dino-game__card{grid-area:calendar}