@font-face{font-family:Geist Sans;src:url(/assets/Geist_wght_-DYoJpLpl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Sans;src:url(/assets/Geist-Italic_wght_-52A6MyYY.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono_wght_-Cp2FqFF-.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Italic_wght_-C2IBYkVr.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}:root{--font-sans: "Geist Sans", system-ui, sans-serif;font-family:var(--font-sans);--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--text-primary: #171717;--text-secondary: #666666;--border-color: #dddddd;--shadow-color: #6767671a}:root.dark{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #e5e5e5;--text-secondary: #999999;--border-color: #333333;--shadow-color: #a0b4d50a}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Geist Sans,system-ui,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6,p{margin:0}h1{font-size:1rem;font-weight:500}h2{font-size:1rem;font-weight:500;color:var(--text-secondary)}h3{font-size:.75rem;font-weight:500;text-transform:uppercase;color:var(--text-secondary);letter-spacing:0em}p{font-size:1rem;line-height:1.5;font-weight:500}button{background:none;border:none;cursor:pointer}#root{width:100%}body{display:flex;width:100%;margin:0 auto;max-width:672px}.app{padding-top:4rem;padding-bottom:4rem}.loading{text-align:center;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.saving-indicator{position:fixed;bottom:1rem;right:1rem;background:var(--text-primary);color:var(--bg-primary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-animation{width:24px;height:24px;filter:invert(.5)}.dark .loading-animation{filter:invert(.8)}.user-info{display:flex;align-items:center;gap:8px;margin:0 16px 32px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);flex:1}.sign-out-button{font-size:.75rem;color:var(--text-secondary);padding:6px 12px;border-radius:6px;transition:all .15s ease;display:flex;align-items:center;gap:8px}.guest-info-container{display:flex;flex-direction:row;gap:8px;align-items:center}.guest-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 16px 32px}.guest-badge{font-size:.875rem;font-weight:500;color:var(--text-primary)}.sign-in-button{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:var(--bg-primary);border:1px solid var(--border-color);font-size:.75rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.back-button{display:flex;align-items:center;gap:8px;padding:8px;margin:0 8px;border-radius:24px;background:transparent;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;corner-shape:squircle}@media(hover:hover)and (pointer:fine){.sign-out-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.sign-in-button:hover{background:var(--bg-secondary)}.back-button:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}}.back-button svg{width:16px;height:16px}@media(max-width:640px){.app{padding-top:1rem;padding-bottom:1rem}.user-info{margin:0 16px 32px}}ul{list-style:none;padding:0;margin:0}li{width:100%}hr{border:.5px solid var(--border-color);margin-top:8px;margin-bottom:8px;margin-left:40px}.todos{padding:0 16px 0 8px}.empty-state-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:16px;gap:8px}.empty-state-icon{color:var(--text-secondary);opacity:.5}.empty-state-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.view{display:flex;align-items:center;padding:8px 4px;border-radius:1rem;width:100%;corner-shape:squircle;position:relative}@media(hover:hover)and (pointer:fine){.view:hover,.toggle:hover{background-color:var(--bg-secondary)}li:hover .destroy{display:block}}@media(hover:none){.destroy{display:block}}.title{font-size:1rem;font-weight:500;color:var(--text-secondary)}.title.completed{color:var(--text-secondary);opacity:.6;text-decoration:line-through}.toggle{width:24px;height:24px;border-radius:10px;appearance:none;border:1px solid var(--border-color);background-color:var(--bg-primary);cursor:pointer;margin-right:8px;corner-shape:squircle;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.toggle:checked{background-color:var(--bg-secondary);border:1px solid var(--text-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' stroke-linejoin='round' viewBox='0 0 16 16' width='16'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5607 3.99999L15.0303 4.53032L6.23744 13.3232C5.55403 14.0066 4.44599 14.0066 3.76257 13.3232L4.2929 12.7929L3.76257 13.3232L0.969676 10.5303L0.439346 9.99999L1.50001 8.93933L2.03034 9.46966L4.82323 12.2626C4.92086 12.3602 5.07915 12.3602 5.17678 12.2626L13.9697 3.46966L14.5 2.93933L15.5607 3.99999Z' fill='%23666'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat;border-radius:10px;corner-shape:squircle}.toggle:active{transform:scale(.9)}.toggle:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;pointer-events:none}.destroy{margin-left:auto;display:none}.edit{display:none;position:absolute;left:40px;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:500;color:var(--text-secondary);border:none;outline:none;background-color:transparent;width:calc(100% - 80px);padding:0;margin:0}li.editing .edit{display:block}li.editing .title,li.editing .destroy{display:none}@media(max-width:1024px){.destroy{display:block}}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;color:var(--text-secondary);pointer-events:none;z-index:1}.input-icon.left{left:16px;color:var(--text-secondary);opacity:.7}.dark .input-icon.left{opacity:1}.input-icon.right{right:16px;display:none}.new-todo:focus+.input-icon.right{display:block}.new-todo{border:none;background-color:var(--bg-secondary);border-radius:8px;padding:16px 40px;font-size:.875rem;cursor:pointer;width:100%;color:var(--text-primary);font-weight:500;text-decoration:none}.new-todo::placeholder{color:var(--text-secondary);opacity:.7}@media(hover:hover)and (pointer:fine){.new-todo:hover{filter:brightness(.97)}.dark .new-todo:hover{filter:brightness(1.1)}}.new-todo:-webkit-autofill,.new-todo:-webkit-autofill:focus{-webkit-text-fill-color:inherit;transition:background-color 5000s ease-in-out 0s;box-shadow:0 0 0 1000px transparent inset}.new-todo:focus{outline:2px solid var(--text-primary)}.new-todo:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.header{margin:12px 16px 8px;display:flex;flex-direction:column;gap:12px}.title-container{display:flex;align-items:center;gap:8px;cursor:pointer;width:fit-content}.header h1{margin:0;transition:opacity .2s}.edit-icon-hover{color:var(--text-secondary);display:none;flex-shrink:0}@media(hover:hover)and (pointer:fine){.header h1.editable:hover{opacity:.7}.title-container:hover .edit-icon-hover{display:block;color:var(--text-secondary)}}.list-title-input{width:100%;font-size:1rem;font-weight:400;color:var(--text-primary);background:transparent;border:none;outline:none;font-family:inherit;padding:0;margin:0}.filters{display:flex;flex-direction:row;gap:8px;justify-self:flex-start}.filter-button{position:relative;border:none;background-color:var(--bg-secondary);border-radius:8px;padding:8px 16px;font-size:.75rem;cursor:pointer;width:auto;color:var(--text-primary);font-weight:500;transition:transform .1s ease-in-out;text-decoration:none}@media(hover:hover)and (pointer:fine){.filter-button:hover{filter:brightness(.95)}.dark .filter-button:hover{filter:brightness(1.15)}}.filter-button:active{transform:scale(.95)}.filter-button.selected{background-color:var(--text-primary);color:var(--bg-primary)}.filter-button:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}.toolbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;padding:16px 16px 24px}.clear-completed{color:var(--text-secondary);padding:8px 12px;border-radius:8px;margin-right:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:transform .1s ease-in-out}@media(hover:hover)and (pointer:fine){.clear-completed:hover{color:var(--text-primary);background-color:var(--bg-secondary)}}.clear-completed:active{transform:scale(.98)}.clear-completed:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}@media(max-width:385px){.clear-completed{display:none}}footer{display:flex;gap:8px;align-items:center;padding:8px;font-size:.875rem;color:var(--text-secondary);justify-content:space-between;margin:0 8px}.footer-counts{display:flex;flex-direction:row;gap:8px;align-items:center}.theme-switcher{display:flex;gap:4px;align-items:center;background:#00000008;padding:2px;border-radius:16px}.dark .theme-switcher{background:#ffffff0d}.theme-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;color:#666;cursor:pointer;border-radius:12px;transition:all .15s ease}.theme-button.active{color:#171717;background:#fff;box-shadow:0 1px 3px #0000001a}.dark .theme-button{color:#999}@media(hover:hover)and (pointer:fine){.theme-button:hover{color:#171717;background:#0000000d}.dark .theme-button:hover{color:#fff;background:#ffffff1a}}.dark .theme-button.active{color:#fff;background:#ffffff26;box-shadow:0 1px 3px #0000004d}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:8px}.login-container h1{font-size:1rem;font-weight:500;padding:0 16px}.logo-icon{color:var(--text-primary)}.login-description{margin-bottom:8px;color:var(--text-secondary);text-align:center;padding:0 16px}.login-buttons{margin-top:12px;display:flex;flex-direction:row;gap:12px;justify-content:center;align-items:center}.google-button{display:flex;align-items:center;gap:12px;padding:12px 24px;border:1px solid var(--border-color);background:var(--bg-primary);font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:background .2s;border-radius:16px;corner-shape:squircle;margin-right:12px}.guest-button{display:flex;align-items:center;gap:8px;padding:16px;border:0px solid #ddd;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;border-radius:16px;corner-shape:squircle;color:var(--text-primary)}@media(hover:hover)and (pointer:fine){.google-button:hover{background:var(--bg-secondary)}.guest-button:hover{background:var(--bg-secondary);color:var(--text-primary)}}.guest-note-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:0 16px}.guest-note-icon{color:var(--text-secondary)}.guest-note{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.preview-container-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2rem 1rem;position:relative;margin-right:120px}.preview-container{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.preview-center{transform:scale(1);z-index:3;margin:0 -120px}.app-mockup{display:flex;flex-direction:column;gap:1rem;background:var(--bg-primary);border-radius:24px;padding:1rem;corner-shape:squircle;width:320px;border:1px solid var(--border-color);transition:all .3s ease}@media(max-width:640px){.login-container{margin-top:1rem;overflow:hidden}.preview-container-wrapper{margin-top:1rem;padding:1rem}.login-buttons{flex-direction:column}}.lists-view{padding:12px 16px;margin:0 auto}.lists-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lists-title{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary)}.create-list-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:24px;background:var(--text-primary);border:none;font-size:.875rem;font-weight:500;color:var(--bg-primary);cursor:pointer;transition:filter .15s ease;corner-shape:squircle}.create-list-button-icon{color:var(--bg-primary)}.create-list-button-icon svg{width:16px;height:16px}.list-create-input-container{margin-bottom:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;overflow:hidden}.lists-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 16px}.list-card{position:relative;background:var(--bg-secondary);border-radius:12px;padding:2rem 1.5rem 1.5rem;cursor:pointer;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.list-card:before{content:"";position:absolute;top:-8px;left:12px;width:120px;height:8px;background:var(--bg-secondary);border-radius:8px 8px 0 0;filter:brightness(.98);z-index:2}.list-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.list-name{font-size:1rem;font-weight:500;color:var(--text-primary);margin:0}.list-stats{font-size:.875rem;color:var(--text-secondary);display:flex;flex-direction:row;gap:8px;align-items:center}.list-delete{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;color:var(--text-secondary);border-radius:8px;background:var(--bg-primary);z-index:2}.folder-content{position:absolute;top:-12px;left:24px;width:85%;height:12px;border-radius:24px 24px 0 0;background:#afafaf;pointer-events:none;z-index:2;transition:height .1s ease,top .1s ease;overflow:hidden;corner-shape:squircle}@media(hover:hover)and (pointer:fine){.list-card{transition:filter .2s ease,transform .2s ease}.create-list-button:hover{background:var(--text-secondary)}.list-card:hover{filter:brightness(.95);transform:translateY(-2px)}.list-card:hover:before{filter:brightness(.93)}.list-card:hover .folder-content{height:16px;top:-16px}.list-card:hover .list-delete{opacity:1}.list-delete:hover{background:#ff00001a;color:#f44}}.list-name-input{width:100%;font-size:1rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;outline:none;font-family:inherit;padding:0}@media(max-width:1024px){.list-delete{opacity:1}}@media(max-width:640px){.lists-grid{grid-template-columns:1fr}}