*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000;padding:1rem}.login-box{background:#1a1a1a;padding:2rem;border:1px solid #333;border-radius:8px;max-width:400px;width:100%;text-align:center}@media(max-width:640px){.login-box{padding:1.5rem}}.login-box h1{margin:0 0 .75rem;color:#fff;font-size:1.5rem;font-weight:600}@media(max-width:640px){.login-box h1{font-size:1.25rem}}.login-box p{color:#aaa;margin-bottom:1.5rem;font-size:.9rem}.login-input{width:100%;padding:.75rem;border:1px solid #444;border-radius:4px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box;transition:border-color .3s;background:#0a0a0a;color:#fff}.login-input:focus{outline:none;border-color:#666}.login-button{width:100%;padding:.75rem;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.login-button:hover{background:#333;border-color:#555}.login-button:active{transform:scale(.98)}.error-message{background:#2a1a1a;border:1px solid #553333;color:#f66;padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.login-hint{font-size:.8rem;color:#888;margin-top:1rem;margin-bottom:0}.todo-list-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}@media(min-width:768px){.todo-list-card{padding:1.25rem}}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.list-name{margin:0;font-size:1.125rem;color:#fff;cursor:pointer;flex:1;font-weight:600}.list-name:hover{color:#ccc}.list-name-edit{font-size:1.125rem;font-weight:600;padding:.25rem .5rem;border:1px solid #444;border-radius:4px;flex:1;margin-right:.5rem;background:#0a0a0a;color:#fff}.delete-list-button{background:#2a2a2a;border:1px solid #444;border-radius:4px;font-size:.875rem;cursor:pointer;padding:.375rem .625rem;transition:all .2s;color:#fff}.delete-list-button:hover{background:#333;border-color:#555}.view-list-button{background:#2a2a2a;border:1px solid #444;border-radius:4px;font-size:.875rem;cursor:pointer;padding:.375rem .625rem;transition:all .2s;color:#fff}.view-list-button:hover{background:#333;border-color:#555}.add-item-form{display:flex;gap:.5rem;margin-bottom:1rem}@media(max-width:640px){.add-item-form{flex-direction:column}}.input-container{position:relative;flex:1}.add-item-input{width:100%;padding:.625rem;border:1px solid #444;border-radius:4px;font-size:.9375rem;box-sizing:border-box;transition:border-color .3s;background:#0a0a0a;color:#fff}.add-item-input:focus{outline:none;border-color:#666}.suggestions{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #444;border-top:none;border-radius:0 0 4px 4px;z-index:10;max-height:200px;overflow-y:auto}.suggestion-item{padding:.625rem;cursor:pointer;transition:background .2s;color:#ccc;font-size:.9rem}.suggestion-item:hover{background:#2a2a2a}.add-item-button{padding:.625rem 1.25rem;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-item-button:hover{background:#333;border-color:#555}@media(max-width:640px){.add-item-button{width:100%}}.items-section{margin-bottom:.75rem}.todo-item{display:flex;align-items:center;padding:.625rem;border-radius:4px;margin-bottom:.375rem;transition:background .2s}.todo-item:hover{background:#222}.todo-item.completed .todo-text{text-decoration:line-through;color:#666}.todo-checkbox{width:1.125rem;height:1.125rem;margin-right:.625rem;cursor:pointer;flex-shrink:0}.todo-text{font-size:.9375rem;color:#fff;word-break:break-word}.completed-section-header{margin-top:.75rem;margin-bottom:.375rem}.toggle-completed-button{background:none;border:none;color:#888;font-size:.875rem;font-weight:500;cursor:pointer;padding:.375rem;transition:color .2s}.toggle-completed-button:hover{color:#aaa}.list-stats{text-align:center;color:#666;font-size:.8125rem;padding-top:.75rem;border-top:1px solid #2a2a2a}.app{min-height:100vh;background:#000}.app-header{background:#1a1a1a;padding:1rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.app-header h1{margin:0;color:#fff;font-size:1.25rem;font-weight:600}@media(max-width:640px){.app-header h1{font-size:1.1rem}}.header-actions{display:flex;align-items:center;gap:.75rem}.saving-indicator{color:#888;font-size:.85rem}@media(max-width:640px){.saving-indicator{display:none}}.logout-button{padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.logout-button:hover{background:#333;border-color:#555}@media(max-width:640px){.logout-button{padding:.4rem .8rem;font-size:.8rem}}.back-button{padding:.5rem 1rem;background:#2a2a2a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;transition:all .2s}.back-button:hover{background:#333}@media(max-width:640px){.back-button{padding:.4rem .8rem;font-size:.8rem}}.error-message{text-align:center;padding:2rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;margin:1rem}.error-message h2{color:#f44;margin-bottom:1rem}.error-message p{color:#aaa;margin-bottom:1.5rem}.app-main{max-width:1200px;margin:0 auto;padding:1rem}@media(min-width:768px){.app-main{padding:1.5rem}}.lists-container{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){.lists-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.add-list-button{display:block;margin:0 auto;padding:.875rem 1.5rem;background:#1a1a1a;border:1px solid #444;border-radius:4px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.add-list-button:hover{background:#2a2a2a;border-color:#555}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#000}.loading-spinner{color:#fff;font-size:1.25rem;font-weight:500}