:root{--font-body: "Lora", sans-serif;--bg: #f6f0d6;--bg-image: none;--text: #000;--surface: #fff;--primary: #442c8b;--primary-2: #665aa7;--border: #b1a5d0;--gold: #dcae27;--gold-2: #ffd24f;--gold-3: #ffec82;--success: #79c9ae;--info: #70b3d7;--danger: #cc4d35;--warning: #eb8923;--link: var(--primary);--link-hover: #005755;--radius: 6px;--radius-lg: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-modal: 0 18px 60px rgba(0, 0, 0, .25);--focus: #79c9ae;--btn-primary: var(--primary);--btn-secondary: var(--gold-2);--btn-success: var(--success);--btn-info: var(--info);--btn-danger: var(--danger)}:root[data-theme=y2k]{--bg: #f6e9ff;--bg-image: radial-gradient(900px 700px at 10% 15%, rgba(255, 183, 225, .65), transparent 60%), radial-gradient(800px 600px at 85% 20%, rgba(180, 205, 255, .65), transparent 55%), radial-gradient(700px 500px at 40% 85%, rgba(170, 255, 244, .45), transparent 55%), linear-gradient(180deg, rgba(255, 200, 232, .35), rgba(190, 200, 255, .25));--text: #0c1020;--surface: rgba(255, 255, 255, .278);--border: rgba(124, 58, 237, .35);--primary: #8b5cf6;--primary-2: #fb4da8;--gold: #b6a6e6;--gold-2: #a3ff12;--gold-3: rgba(255, 255, 255, .65);--success: #bfd9f2;--info: #60a5fa;--danger: #fb7185;--warning: #f6a7c8;--link: var(--primary-2);--link-hover: var(--primary);--focus: #22d3ee;--shadow: 0 10px 25px rgba(139, 92, 246, .15);--shadow-modal: 0 22px 70px rgba(251, 77, 168, .18);--btn-primary: linear-gradient(135deg, #8b5cf6, #fb4da8);--btn-secondary: linear-gradient(135deg, #b1a5d0, #f6a7c8);--btn-success: linear-gradient(135deg, #79c9ae, #22d3ee);--btn-info: linear-gradient(135deg, #60a5fa, #8b5cf6);--btn-danger: linear-gradient(135deg, #fb7185, #ec4899)}body{margin:0;padding:0;min-height:100vh;font-family:var(--font-body);background-color:var(--bg);background-image:var(--bg-image);background-attachment:fixed;color:var(--text);line-height:1.6}.container{max-width:640px;min-height:100%;margin:2rem auto;padding:0 1rem}.border{border-bottom:3px solid var(--gold);padding-bottom:.3rem;margin:1rem 0}h1,h2{color:var(--primary);margin-bottom:.5rem}h1{font-size:2.5rem}h3{font-size:1.2rem;margin-top:1.5rem;color:var(--primary-2)}.header{padding:2rem 0}.header h1{margin:0}.header-top{display:flex;justify-content:flex-end;align-items:center}.datetime{text-align:right;color:var(--primary);font-size:1.5rem;line-height:1.2}.datetime .date{font-weight:700}.datetime .time{font-size:1.5rem;color:var(--primary)}input{padding:.5rem .75rem;border:2px solid var(--border);border-radius:var(--radius);flex:1;font-size:1rem;background:var(--surface);color:var(--text)}.inputContainer{display:flex;gap:8px;margin-bottom:16px;align-items:center}.emailForm{display:flex;gap:8px;align-items:center}.edit-input{flex:1;padding:.4rem .6rem;border:2px solid var(--border);border-radius:4px;font-size:1rem}.login-message{background-color:var(--gold-3);padding:.5rem .75rem;border-radius:var(--radius)}.signOutButton{display:flex;justify-content:flex-end;gap:.3rem}.themeButton{background-color:#f6e6fc1d}button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:34px;height:34px;border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem}:root[data-theme=y2k] button{box-shadow:inset 0 1px #ffffff59,0 6px 18px #8b5cf640}button svg{pointer-events:none;font-size:1.1rem}button:hover{opacity:.9}button:active{transform:scale(.97)}button.signIn,button.signOut{background:var(--btn-primary);color:#fff;width:145px}button.signIn{margin-left:10px}button.add{background:var(--btn-primary);color:#fff}button.ip{background:var(--btn-secondary);color:#000}button.complete{background:var(--btn-success);color:#000}button.update{background:var(--btn-info);color:#000}button.delete{background:var(--btn-danger);color:#fff}.userGreeting{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--primary)}.userGreeting strong{font-weight:600}.userDivider{opacity:.6}.signOutLink{background:none;box-shadow:none!important;border:none;padding:0;height:auto;width:auto;color:var(--primary);text-decoration:underline;font-size:.95rem;cursor:pointer}.signOutLink:hover{color:var(--link-hover)}.todo-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-left:6px solid var(--primary);border-radius:var(--radius);padding:.5rem .8rem;margin-bottom:.5rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.todo-item span{flex:1}.todo-item .actions{display:flex;gap:.3rem}.todo-incomplete{border-left-color:var(--gold)}.todo-in-progress{border-left-color:var(--warning)}.todo-completed{border-left-color:var(--success);text-decoration:line-through;color:#6e5d53}.footer{margin-top:auto;font-size:1rem;font-weight:700;color:var(--primary);text-align:center}.footer a{color:var(--link);text-decoration:underline;font-weight:600;margin:0 .25rem}.footer a:hover{color:var(--link-hover)}.footer a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@keyframes gator-pop{0%{transform:translate(0) scale(.6) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1) rotate(var(--rot));opacity:0}}.gator-burst{position:fixed;pointer-events:none;z-index:9999;font-size:18px;animation:gator-pop 1.5s ease-out forwards;will-change:transform,opacity}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:10000}.modal-card{width:min(640px,100%);background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-modal);outline:none}.modal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{margin:0;color:var(--primary);font-size:2rem}.modal-divider{border-bottom:3px solid var(--gold);padding-bottom:.3rem;margin:.75rem 0 1rem}.modal-close{background:transparent;color:var(--primary)}.modal-close:hover{background:#0000000f}.modal-content h3{margin-top:0}