:root{--text-primary: #49154c;--text-light: #ffffff;--text-muted: rgba(245, 245, 245, .8);--text-button: #ffffff;--text-accent: #7e22ce;--btn-gradient: linear-gradient(135deg, #9966cc, #da70d6);--btn-shadow: rgba(126, 34, 206, .3);--btn-shadow-hover: rgba(126, 34, 206, .4);--overlay-bg: rgba(73, 21, 76, .7);--modal-bg: rgba(73, 21, 76, .9);--ghost-bg: rgba(73, 21, 76, .4);--ghost-shadow: rgba(73, 21, 76, .6);--backImage: url(/task-manager-pro/assets/butterfly-0OGZdmef.svg);--containColor: linear-gradient( 135deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .08) );--containColorThemeBtn: rgba(182, 137, 210, .3)}.title{font-family:Comforter,serif;font-size:48px;color:var(--text-primary)}@media only screen and (min-width: 768px){.title{font-size:72px}}@media only screen and (min-width: 1158px){.title{font-size:100px}}.section-task{padding:38px 20px}.strikethrough{text-decoration:line-through}.task-name-input{margin:0 auto;background-color:transparent;outline:none;border-radius:20px;color:var(--text-light);width:258px;padding:12px;border:2px solid whitesmoke;transition:all .3s ease;box-shadow:0 2px 2px var(--btn-shadow)}@media only screen and (min-width: 768px){.task-name-input{width:290px}}.task-name-input:hover{transform:scale(1.1);box-shadow:0 2px 4px --btn-shadow-hover}.task-name-input::placeholder{font-family:Roboto Slab,serif;color:var(--text-light)}.task-input{background-color:transparent;outline:none;border-radius:20px;color:var(--text-light);width:258px;padding:12px;border:2px solid whitesmoke;transition:all .3s ease;box-shadow:0 2px 2px var(--btn-shadow)}@media only screen and (min-width: 768px){.task-input{width:290px}}.task-input:hover{transform:scale(1.1);box-shadow:0 2px 4px --btn-shadow-hover}.task-input::placeholder{font-family:Roboto Slab,serif;color:#f5f5f5cc}.controls-form{display:flex;flex-direction:column;gap:24px}.list{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:350px;flex-wrap:wrap;gap:8px}@media only screen and (min-width: 768px){.list{max-width:700px}}@media only screen and (min-width: 1158px){.list{max-width:750px}}.list-item{display:flex;gap:8px;align-items:center;justify-content:center}.add,.title-task-btn{font-family:Roboto Slab,serif;padding:12px;border-radius:20px;border:none;background:var(--btn-gradient);color:var(--text-light);font-size:16px;font-weight:600;box-shadow:0 2px 2px var(--btn-shadow);transition:all .3s ease}.title-task-btn{width:125px;margin:0 auto}.add:hover,.title-task-btn:hover{transform:scale(1.1);box-shadow:0 2px 4px --btn-shadow-hover;filter:brightness(1.08)}.task-label{display:flex;align-items:center;justify-content:center;gap:8px;line-height:1}.check{margin:0;flex-shrink:0;width:16px;height:16px}.btn-display-none{display:none}.remove-btn{color:var(--text-primary);transition:all .3s ease}.remove-btn:hover{transform:scale(1.1)}.checkbox-span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:16px;line-height:1;flex-shrink:0}.btn-box{display:flex;gap:50px;justify-content:center}.modal-btn-for-style{font-family:Roboto Slab,serif;padding:12px;width:90px;border-radius:20px;border:none;background:var(--btn-gradient);color:var(--text-light);font-size:16px;font-weight:600;box-shadow:0 2px 2px var(--btn-shadow);transition:all .3s ease}.modal-title{font-family:Roboto Slab,serif;font-size:22px;font-weight:600;text-align:center;color:var(--text-light);padding:8px 12px;letter-spacing:.03em}.modal-btn-for-style:hover{transform:scale(1.1);box-shadow:0 2px 4px --btn-shadow-hover;filter:brightness(1.08)}.basicLightbox{background-color:var(--overlay-bg)}.basicLightbox__placeholder{background-color:var(--modal-bg);padding:24px;display:flex;flex-direction:column;gap:24px;border-radius:12px;max-width:90%}.sortable-ghost{opacity:.3;background:var(--ghost-bg);border-radius:2px;box-shadow:0 0 15px var(--ghost-shadow);filter:blur(1px)}.sortable-drag{transform:scale(1.05);box-shadow:0 10px 20px #0003;cursor:grabbing;transition:none}.container.notes{width:100%;max-width:450px;margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--containColor);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:59px;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff40}@media only screen and (min-width: 768px){.container.notes{max-width:768px}}@media only screen and (min-width: 1158px){.container.notes{max-width:1158px}}.delete-note-btn{color:var(--text-light);font-size:12px;position:absolute;top:5px;right:5px;text-align:center;width:16px;height:16px}body.theme-butterfly{--overlay-bg: rgba(186, 104, 200, .6);--modal-bg: rgba(186, 104, 200, .85);--ghost-bg: rgba(186, 104, 200, .3);--ghost-shadow: rgba(186, 104, 200, .5);--text-primary: #49154c;--text-light: #ffffff;--text-muted: rgba(255, 255, 255, .7);--btn-gradient: linear-gradient(135deg, #ba68c8, #f06292);--btn-shadow: rgba(186, 104, 200, .3);--btn-shadow-hover: rgba(186, 104, 200, .45);--backImage: url(/task-manager-pro/assets/butterfly-0OGZdmef.svg)}body.theme-grass{--overlay-bg: rgba(27, 94, 32, .6);--modal-bg: rgba(27, 94, 32, .85);--ghost-bg: rgba(27, 94, 32, .3);--ghost-shadow: rgba(27, 94, 32, .5);--text-primary: #1b5e20;--text-light: #f1f8e9;--text-muted: rgba(27, 94, 32, .6);--btn-gradient: linear-gradient(135deg, #43a047, #81c784);--btn-shadow: rgba(67, 160, 71, .3);--btn-shadow-hover: rgba(67, 160, 71, .45);--backImage: url(/task-manager-pro/assets/grass-CJZDdd7v.svg);--containColor: linear-gradient( 135deg, rgba(0, 12, 13, .5), rgba(10, 65, 45, .3) );--containColorThemeBtn: linear-gradient( 135deg, rgba(0, 104, 5, .4), rgba(0, 69, 5, .7) )}body.theme-year{--overlay-bg: rgba(183, 28, 28, .6);--modal-bg: rgba(183, 28, 28, .85);--ghost-bg: rgba(183, 28, 28, .3);--ghost-shadow: rgba(183, 28, 28, .5);--text-primary: #ffffff;--text-light: #ffffff;--text-muted: rgba(255, 255, 255, .7);--btn-gradient: linear-gradient(135deg, #eded00, #d60e03);--btn-shadow: rgba(198, 40, 40, .3);--btn-shadow-hover: rgba(198, 40, 40, .45);--backImage: url(/task-manager-pro/assets/red-new-year-CWch4Psq.svg);--containColor: linear-gradient( 135deg, rgba(113, 0, 0, .5), rgb(123, 16, 16, .5) );--containColorThemeBtn: linear-gradient( 135deg, rgba(77, 9, 21, .8), rgba(148, 26, 26, .8) )}body.theme-violet{--overlay-bg: rgba(74, 20, 140, .6);--modal-bg: rgba(74, 20, 140, .85);--ghost-bg: rgba(74, 20, 140, .3);--ghost-shadow: rgba(74, 20, 140, .5);--text-primary: #362e7f;--text-light: #ffffff;--text-muted: rgba(74, 20, 140, .6);--btn-gradient: linear-gradient(135deg, #7e57c2, #362e7f);--btn-shadow: rgba(220, 172, 255, .1);--btn-shadow-hover: rgba(12, 76, 26, .1);--backImage: url(/task-manager-pro/assets/violet-flower-gUdjnxlL.svg);--containColor: linear-gradient( 135deg, rgba(74, 5, 117, .5), rgba(50, 26, 148, .3) );--containColorThemeBtn: linear-gradient( 135deg, rgba(74, 5, 117, .5), rgba(50, 26, 148, .3) )}*,*:before,*:after{box-sizing:border-box}body{font-family:Roboto Slab,serif;font-size:16px;line-height:1.5;letter-spacing:.02em;color:#f5f5f5;background-color:#ecbff7;margin:0;min-height:100vh;display:flex;flex-direction:column;background-image:var(--backImage);background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover}main{flex-grow:1}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{text-decoration:none;color:inherit}button{cursor:pointer;padding:0;border:none;background:none}img{display:block;max-width:100%}address{font-style:normal}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.container.main-container{width:100%;max-width:450px;margin:auto;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--containColor);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:59px;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff40}@media only screen and (min-width: 768px){.container.main-container{max-width:768px}}@media only screen and (min-width: 1158px){.container.main-container{max-width:1158px}}.main-screen{padding:38px 20px}.notes-list{display:flex;flex-direction:row;gap:50px;flex-wrap:wrap;justify-content:center}.create-btn{font-family:Montserrat,sans-serif;font-weight:200;display:flex;align-items:center;justify-content:center;text-align:center;font-size:42px;width:100px;height:100px;border-radius:12px;color:#f5f5f5b3;border:1px solid rgb(245,245,245,.7);overflow:hidden}.notes-btn{font-family:Montserrat,sans-serif;font-weight:200;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;width:100px;height:100px;border-radius:12px;color:#f5f5f5b3;border:1px solid rgb(245,245,245,.7);overflow:hidden}.task-form{display:flex;flex-direction:column;gap:24px}.notes-list-item{position:relative}.theme-btn-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.header-section{width:90%;padding-top:12px;max-width:1158px;display:flex;justify-content:flex-end;align-items:center;margin:0 auto;gap:25px}.theme-btn,.to-menu-btn{font-weight:300;color:#f5f5f5;border-radius:16px;padding:8px 12px;width:79px;height:36px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:var(--containColorThemeBtn);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px #ffffff40}