@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";.head,.btn img,.inputDiv,input,.checkmark,.list,li,.marker,img,.selector,.selected,.select,.selectMob,.drag,.install-prompt,.attribution,#notNow,.checked{transition:background-color .3s ease-in-out,color .3s ease-in-out,border .3s ease-in-out,box-shadow .3s ease-in-out,opacity .3s ease-in-out}body{background-color:var(--primary-bg);background-image:var(--bgImgMob);background-repeat:no-repeat;background-size:100% 30%;transition:background-color .3s ease-in-out,background-image .3s ease-in-out}main{display:flex;flex-direction:column;align-items:center;height:100vh;padding:4rem 2rem}.head{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:33rem;margin-bottom:40px;color:#fafafa;position:relative}.head h1{letter-spacing:.5rem;text-transform:uppercase;font-size:1.8rem}.head .btn{border:none;background:none;cursor:pointer;border-radius:50%;position:absolute;top:0;right:1.7rem}.btn img{position:absolute;width:1.5rem;height:1.5rem}.btn img:nth-child(1){opacity:1}.btn img:nth-child(2){opacity:0}.darkTheme .btn img:nth-child(1){opacity:0}.darkTheme .btn img:nth-child(2){opacity:1}form{width:100%;max-width:33rem}.inputDiv{background:var(--surface-bg);width:100%;display:flex;align-items:center;border-radius:.4rem;overflow:hidden;box-shadow:0 2px 8px #0000001a}input{background:transparent;flex:1;font-size:1rem;color:var(--primary-text);padding:1.25rem 1rem 1.25rem 0;border:none;outline:none}.checkmark{display:inline;width:1.5rem;height:1.5rem;border-radius:50%;margin:0 1rem;border:2px solid var(--primary-border)}.list{list-style:none;background:var(--surface-bg);width:100%;max-height:23rem;border-radius:.4rem;margin:1rem 0;cursor:pointer;-webkit-user-select:none;user-select:none;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 2px 8px #0000001a}.list::-webkit-scrollbar{display:none}li{padding:1.25rem 1rem;border-bottom:.05rem solid var(--primary-border);color:var(--primary-text)}.item{display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.item>img{width:1rem;height:1rem;margin-left:auto;border-radius:50%;opacity:.2;transition:opacity .3s ease-in-out}.item:hover>img{opacity:1;cursor:pointer}.marker{display:flex;justify-content:center;align-items:center;height:1.5rem;width:1.5rem;border-radius:50%;margin:0 1rem 0 0;border:2px solid var(--primary-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.marker>img{opacity:0}li:last-child{background:var(--surface-bg);color:var(--secondary-text);font-size:.85rem;font-weight:600;position:sticky;bottom:0;z-index:1;display:flex;justify-content:space-between;border-bottom:.05rem solid transparent}.selector{display:none;place-content:center;gap:1.5rem;padding:1.25rem;width:100%;background:var(--surface-bg);color:var(--secondary-text);font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000001a}.selected{color:var(--active-text);font-weight:700}.drag{color:var(--secondary-text);text-align:center;margin:2rem 0}.attribution{position:fixed;bottom:3rem;font-size:.75rem;text-align:center;color:var(--secondary-text)}.attribution a{color:var(--secondary-text);text-decoration:none;font-weight:700}.attribution a:hover{text-decoration:underline;color:var(--active-text)}.mobileHide,.show{display:flex}.hide{opacity:1}.checked{text-decoration:line-through;color:var(--completed-text)}.item.checked .marker{background:var(--checked-gradient);border:2px solid var(--surface-bg)}.item.checked .marker>img{opacity:1}.list.fade-out{opacity:0;transition:opacity .3s ease}.list.fade-in{opacity:1;transition:opacity .3s ease}.item{transform:translateY(10px);opacity:0;animation:fadeSlideIn .4s ease forwards}li.item.dragging{background:transparent}@keyframes fadeSlideIn{to{transform:translateY(0);opacity:1}}@media(min-width:48rem){body{background-image:var(--bgImg)}main{padding:3rem}.head h1{font-size:2.2rem}.selector{display:flex;box-shadow:none;width:auto;gap:2rem;padding:0}.mobileHide{display:none}.select:hover,.clear:hover{color:var(--primary-text)}}:root{--primary-bg: #fafafa;--surface-bg: #fafafa;--primary-text: #484b6a;--secondary-text: #9394a5;--completed-text: #d2d3db;--primary-border: #cacde8;--active-text: #3a7bfd;--checked-gradient: linear-gradient(#57ddff, #c058f3);--bgImg: url(/images/bg-desktop-light.jpg);--bgImgMob: url(/images/bg-mobile-light.jpg)}.darkTheme{--primary-bg: #161722;--surface-bg: #25273c;--primary-text: #e4e5f1;--secondary-text: #5c5f7f;--completed-text: #4d5066;--primary-border: #4d5066;--bgImg: url(/images/bg-desktop-dark.jpg);--bgImgMob: url(/images/bg-mobile-dark.jpg)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:Josefin Sans}.install-prompt{position:fixed;bottom:0;transform:translateY(100%);opacity:0;background:var(--surface-bg);color:var(--primary-text);box-shadow:0 4px 12px #00000026;padding:1.5rem;border-radius:.5rem .5rem 0 0;z-index:1000;width:100%;max-width:33rem;transition:transform .75s ease,opacity .75s ease}.install-prompt.shown{transform:translate(0);opacity:1}.install-content{display:flex;flex-direction:column;gap:.5rem}.install-content h3{font-size:1.25rem}.install-content p{font-size:.9rem;color:var(--secondary-text)}.install-buttons{display:flex;gap:2rem}.install-buttons button{flex:1;padding:.8rem 1rem;border:none;border-radius:5px;font-weight:600;cursor:pointer}#install{background:green;color:#e4e5f1}#install:active{background:#008000d0}#notNow{color:var(--primary-text);background:var(--primary-border)}