@charset "UTF-8";*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure,fieldset):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable;scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}button{-webkit-tap-highlight-color:transparent}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-family-main: "Josefine Sans" ;--color-red: oklch(.657 .229 26.253);--color-blue: oklch(.731 .152 242.865);--color-blue-light: oklch(.889 .077 219.213);--color-violet: oklch(.574 .224 296.125);--color-violet-light: oklch(.805 .089 299.191);--color-green:oklch(.8135 .224 158.4);--color-green-light: oklch(.925 .091 163.148);--color-yellow: oklch(.8135 .1648 82.16);--color-yellow-light: oklch(.905 .094 84.109);--color-black: oklch(0 0 0);--color-dark: oklch(.248 0 89.876);--color-white: oklch(1 0 89.876);--color-gray: oklch(.514 0 89.876);--color-gray-250: oklch(.62 0 89.876 / .25);--focusColor: var(--color-white);--titleColorDark: var(--color-gray);--titleColorLight: var(--color-white);--container-width: 1280px;--desktop-width: 1440px;--container-padding-x:15px;--container-padding-y:60px;--input-height: 48px;--button-height: 48px;--transition-duration: .2s;--border-radius-s: 5px}.container{width:100%;max-width:calc(var(--desktop-width) + var(--container-padding-x) * 2);margin-inline:auto;padding:var(--container-padding-y) var(--container-padding-x)}.background{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100dvh}.title{align-self:center;background:linear-gradient(to right,var(--titleColorDark) 0%,var(--titleColorLight) 50%,var(--titleColorDark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.is-active{border:2px solid var(--color-white)!important}.visually-hidden{position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;white-space:nowrap!important;border:0!important;clip:rect(0 0 0 0)!important;clip-path:inset(100%)!important}@media not (max-width:1023px){.visible-tablet{display:none!important}}@media(max-width:1023px){.hidden-tablet{display:none!important}}@media not (max-width:767px){.visible-mobile{display:none!important}}@media(max-width:767px){.hidden-mobile{display:none!important}}@font-face{font-family:Josefine Sans;src:url(/assets/JosefineSans-BB-hNdtU.woff2) format("woff2-variations");font-weight:100 900;font-stretch:75% 125%;font-style:normal;font-display:swap}html.is-lock{overflow:hidden}body{font-size:16px;display:flex;flex-direction:column;font-family:var(--font-family-main),sans-serif;color:var(--color-white);background-color:var(--color-dark);margin-inline:auto}h1,.h1{font-size:clamp(2rem,1.1235955056rem + 3.595505618vw,4rem);font-weight:600;line-height:1.2}h2,.h2{font-size:clamp(1.5rem,.8426966292rem + 2.6966292135vw,3rem);font-weight:600}h3,.h3{font-size:clamp(1.25rem,.7570224719rem + 2.0224719101vw,2.375rem);font-weight:700}h4,.h4{font-size:clamp(1.125rem,.9606741573rem + .6741573034vw,1.5rem);font-weight:400}h5,.h5{font-size:clamp(1.125rem,1.0154494382rem + .4494382022vw,1.375rem);font-weight:400}h6,.h6{font-size:clamp(1rem,.8904494382rem + .4494382022vw,1.25rem);font-weight:400}a,button,label,input,textarea,select,svg *{transition-duration:var(--transition-duration)}a{color:inherit;text-decoration:none}@media(any-hover:hover){a:hover{color:var(--color-accent)}}@media(any-hover:none){a:active{color:var(--color-accent)}}a.is-active{border-bottom:2px solid var(--color-dark)}@media(any-hover:hover){a.is-active:hover{border-bottom:2px solid var(--color-accent)}}@media(any-hover:none){a.is-active:active{border-bottom:2px solid var(--color-accent)}}a[class]{text-decoration:none}:focus-visible{outline:2px solid var(--focusColor);border-radius:var(--border-radius-s);outline-offset:4px;transition-duration:0s!important}.todo{--focusColor: var(--color-violet);--titleColorDark: var(--color-violet);--titleColorLight: var(--color-violet-light) ;position:relative}.todo__background{background-color:#0f162400;background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4))}.todo__inner{width:100%;max-width:600px;display:flex;flex-direction:column;row-gap:24px}.todo__title{color:var(--color-violet-light)}.todo__form{margin-top:40px;display:flex;justify-content:stretch;column-gap:10px;width:100%;max-width:600px}.todo__form:not(:last-child){margin-bottom:20px}.todo__button{--buttonColor: var(--color-violet-light) !important}.todo__info{display:flex;justify-content:space-between;align-items:center}.todo__delete-all-button{background-color:transparent;border:none;font-weight:600;color:var(--color-violet-light)}.todo__list{display:flex;flex-direction:column;row-gap:16px}.field{width:100%}.field__input{width:100%;height:var(--input-height);background-color:var(--color-gray-250);color:var(--color-white);border:2px solid var(--color-gray);padding:10px;border-radius:var(--border-radius-s)}.field__input::placeholder{color:var(--color-gray)}.field__input--textarea{height:200px;resize:none}.button{--buttonColor:var(--color-white);padding:10px 25px;font-weight:600;color:var(--color-white);background-color:transparent;border:3px solid var(--buttonColor);border-radius:var(--border-radius-s);transition-duration:var(--transition-duration)}@media(any-hover:hover){.button:hover{background-color:var(--buttonColor);color:var(--color-dark)}}@media(any-hover:none){.button:active{background-color:var(--buttonColor);color:var(--color-dark)}}.todo-item{--todoItemPadding: 15px;display:flex;column-gap:16px;position:relative;background-color:var(--color-gray-250);border-radius:var(--border-radius-s);padding:var(--todoItemPadding);box-shadow:8px 8px 5px 0 var(--color-black);border-bottom:2px solid var(--color-black);border-right:2px solid var(--color-black);border-top:2px solid var(--color-gray);border-left:2px solid var(--color-gray)}.todo-item>svg{position:absolute;top:calc(var(--todoItemPadding) - 5px);left:calc(var(--todoItemPadding) + 3px);width:22px;height:22px;color:var(--color-violet);scale:0;z-index:0;transition-duration:var(--transition-duration)}.todo-item__checkbox{flex-shrink:0;appearance:none;position:relative;width:20px;height:20px;margin:0;z-index:1;border:2px solid var(--color-gray);border-radius:50%}.todo-item__checkbox:checked{border-color:var(--color-violet)}.todo-item__checkbox:checked~svg{scale:1.2}.todo-item__checkbox:checked~label{color:var(--color-gray);text-decoration:line-through}.todo-item__label{width:100%;align-self:center}.todo-item__delete-button{width:25px;height:25px;padding:0;border:none;background-color:transparent;color:var(--color-red)}.todo-item__delete-button svg{width:100%;height:100%}@media(any-hover:hover){.todo-item__delete-button:hover{scale:1.25}}@media(any-hover:none){.todo-item__delete-button:active{scale:1.25}}.todo-item__delete-button *{pointer-events:none}.quotes{--focusColor: var(--color-green);--titleColorDark: var(--color-green);--titleColorLight: var(--color-green-light);width:100%}.quotes__background{background-color:#0000;background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5),var(--c-5) var(--s-start-5),transparent var(--s-end-5)),radial-gradient(circle at var(--x-6) var(--y-6),var(--c-6) var(--s-start-6),transparent var(--s-end-6)),radial-gradient(circle at var(--x-7) var(--y-7),var(--c-7) var(--s-start-7),transparent var(--s-end-7)),radial-gradient(circle at var(--x-8) var(--y-8),var(--c-8) var(--s-start-8),transparent var(--s-end-8)),radial-gradient(circle at var(--x-9) var(--y-9),var(--c-9) var(--s-start-9),transparent var(--s-end-9))}.quotes__inner{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}.quotes__cite{font-size:clamp(1.125rem,.9606741573rem + .6741573034vw,1.5rem);font-style:italic;align-self:start;max-width:600px;color:var(--color-gray)}.quotes__cite:not(:last-child){margin-bottom:20px}.quotes__philosophy{text-align:justify;-webkit-hyphens:auto;hyphens:auto;padding:15px;background-color:#86868640;box-shadow:12px 16px 5px 0 var(--color-black);border-radius:var(--border-radius-s);border-bottom:2px solid var(--color-black);border-right:2px solid var(--color-black);border-top:2px solid var(--color-gray);border-left:2px solid var(--color-gray)}.notes{--focusColor: var(--color-yellow);--titleColorDark: var(--color-yellow);--titleColorLight: var(--color-yellow-light) }.notes__background{background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));background-blend-mode:normal}.notes__inner{--focusColor: var(--color-yellow);--titleColorDark: var(--color-yellow);--titleColorLight: var(--color-yellow-light) ;width:100%;max-width:600px;display:flex;flex-direction:column;row-gap:24px}.notes__form:not(:last-child){margin-top:40px;margin-bottom:60px}.notes__fieldset{border:none;display:flex;flex-direction:column;row-gap:16px}.notes__button{--buttonColor: var(--color-yellow-light) !important;max-width:100px}.notes__delete-button{background-color:transparent;border:none;font-weight:600;color:var(--color-yellow);align-self:end;padding:5px}.notes__list{display:flex;flex-direction:column;row-gap:16px}.notes__item{display:flex;align-items:center;padding:10px;background-color:var(--color-gray-250);border-radius:var(--border-radius-s);box-shadow:8px 8px 5px 0 var(--color-black);border-bottom:2px solid var(--color-black);border-right:2px solid var(--color-black);border-top:2px solid var(--color-gray);border-left:2px solid var(--color-gray);min-height:var(--button-height)}.notes__details{width:100%}.notes__summary{width:100%;display:flex;flex-direction:column-reverse}.notes__date{font-weight:300;color:var(--color-gray);font-size:12px}.notes__title{color:var(--color-yellow-light);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.notes__text{margin-top:20px;font-size:14px;display:flex;flex-direction:column}.notes__note-button{font-size:12px;align-self:end}.home{width:100%;display:flex;flex-direction:column;align-items:center;row-gap:40px;max-width:var(--container-width);padding:20px;margin-inline:auto}.home__background{background-image:radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3)),radial-gradient(circle at var(--x-4) var(--y-4),var(--c-4) var(--s-start-4),transparent var(--s-end-4)),radial-gradient(circle at var(--x-5) var(--y-5),var(--c-5) var(--s-start-5),transparent var(--s-end-5)),radial-gradient(circle at var(--x-6) var(--y-6),var(--c-6) var(--s-start-6),transparent var(--s-end-6)),radial-gradient(circle at var(--x-7) var(--y-7),var(--c-7) var(--s-start-7),transparent var(--s-end-7)),radial-gradient(circle at var(--x-8) var(--y-8),var(--c-8) var(--s-start-8),transparent var(--s-end-8)),radial-gradient(circle at var(--x-9) var(--y-9),var(--c-9) var(--s-start-9),transparent var(--s-end-9))}.home__content{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,minmax(200px,1fr));gap:20px;height:100%;width:100%;max-width:800px}@media(max-width:480px){.home__content{display:flex;flex-direction:column}}.home__todo{grid-column:1/-1;grid-row:1/2;min-height:400px}.home__notes{grid-column:1/-1;grid-row:3/4;min-height:300px}.home__quotes{grid-column:1/3;grid-row:2/3;min-height:400px}.home__timer{--titleColorDark: var(--color-blue);--titleColorLight: var(--color-blue-light);grid-column:3/-1;grid-row:2/3}.home__dialog{width:90%;max-width:300px;border:none;border-radius:var(--border-radius-s);background-color:var(--color-dark);padding:16px;-webkit-box-shadow:0 0 24px 16px var(--color-black);box-shadow:0 0 24px 16px var(--color-black)}.home__dialog-title{margin-top:10px;text-align:center;margin-bottom:40px}.home__dialog-button{margin-inline:auto;width:100px}.tile{display:flex;flex-direction:column;align-items:center!important;justify-content:space-between;row-gap:32px;width:100%;padding:16px 32px;background-color:#86868640;box-shadow:12px 16px 5px 0 var(--color-black);border-radius:var(--border-radius-s);border-bottom:2px solid var(--color-black);border-right:2px solid var(--color-black);border-top:2px solid var(--color-gray);border-left:2px solid var(--color-gray)}@media(max-width:767px){.tile{padding:16px}}.tile__body{width:100%;height:100%;display:flex;align-items:center}.tile__body p{margin-inline:auto}.tile__list{align-self:start;width:100%;display:flex;flex-direction:column;row-gap:16px}@media(max-width:767px){.tile__list{row-gap:12px}}.tile__item{display:flex;align-items:center;justify-content:space-between;column-gap:16px;width:100%;background-color:var(--color-dark);padding:16px;border-radius:var(--border-radius-s)}.tile__item-inner{display:flex;column-gap:16px}.tile__item-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.tile__link--todo{color:var(--color-violet-light)}@media(any-hover:hover){.tile__link--todo:hover{color:var(--color-violet-light);scale:1.3}}@media(any-hover:none){.tile__link--todo:active{color:var(--color-violet-light);scale:1.3}}.tile__cite{height:100%;padding:16px;border-radius:var(--border-radius-s);color:var(--color-white)}.tile__link--quote{color:var(--color-green-light)!important}@media(any-hover:hover){.tile__link--quote:hover{color:var(--color-green-light)!important;scale:1.3}}@media(any-hover:none){.tile__link--quote:active{color:var(--color-green-light)!important;scale:1.3}}.tile__link--notes{color:var(--color-yellow-light)!important}@media(any-hover:hover){.tile__link--notes:hover{color:var(--color-yellow-light)!important;scale:1.3}}@media(any-hover:none){.tile__link--notes:active{color:var(--color-yellow-light)!important;scale:1.3}}.timer{display:flex;flex-direction:column;align-self:start;row-gap:16px;width:100%}.timer__display-container{width:100%;display:flex;align-items:center;justify-content:space-between;margin-inline:auto}@media(max-width:480px){.timer__display-container{max-width:250px}}.timer__display-container:not(:last-child){margin-bottom:20px}.timer__display{font-size:clamp(1.875rem,.9438202247rem + 3.8202247191vw,4rem)}@media(max-width:480px){.timer__display{font-size:50px}}.timer__controls{display:grid;column-gap:8px;grid-template-columns:repeat(2,1fr)}.timer__modes{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,50px);margin-top:20px}.timer__button{background-color:var(--color-dark);color:var(--color-white);border:none;border-radius:var(--border-radius-s);padding:5px 15px;cursor:pointer;text-transform:uppercase;font-weight:700;font-size:14px}@media(max-width:767px){.timer__button{padding:5px 10px}}@media(any-hover:hover){.timer__button:hover{scale:1.1;box-shadow:0 0 11px 7px var(--color-gray)}}@media(any-hover:none){.timer__button:active{scale:1.1;box-shadow:0 0 11px 7px var(--color-gray)}}