:root{--glass-bg:#ffffff26;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px 0 #1f268726;--text-color:#1e293b;--accent-color:#6366f1;--blur-component:20px}.theme-sunset{--main-bg:#2d1b4e;--orbe-1-color:#ff5e62;--orbe-2-color:#f96;--accent:#ff5e62}.theme-ocean{--main-bg:#1a2a6c;--orbe-1-color:#5edfff;--orbe-2-color:#b21f1f;--accent:#5edfff}.theme-emerald{--main-bg:#064e3b;--orbe-1-color:#10b981;--orbe-2-color:#3b82f6;--accent:#10b981}.app-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.theme-selector{background:#ffffff1a;border-radius:10px;gap:5px;padding:4px;display:flex}.theme-selector button{cursor:pointer;background:0 0;border:none;border-radius:6px;width:auto;padding:5px 8px}.theme-selector button.active{background:#fff3;box-shadow:0 2px 10px #0000001a}.bg-animation{z-index:-1;background:var(--main-bg);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orbe{opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orbe-1{background:var(--orbe-1-color);width:400px;height:400px;top:10%;left:10%}.orbe-2{background:var(--orbe-2-color);width:350px;height:350px;animation-delay:-5s;bottom:10%;right:5%}@keyframes float{0%{transform:translate(0)rotate(0)}to{transform:translate(100px,50px)rotate(30deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}html,body,#root{overscroll-behavior:none;background:var(--main-bg);width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}body{overscroll-behavior:none;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);font-family:system-ui,-apple-system,sans-serif}.bg-animation{z-index:0;pointer-events:none;position:absolute;inset:0}.app-wrapper{box-sizing:border-box;width:100%;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;display:flex;position:relative}.app-container{-webkit-overflow-scrolling:touch;z-index:1;box-sizing:border-box;color:#fff;flex:1;width:100%;max-width:400px;margin:0 auto;padding:24px;position:relative;overflow-y:auto}.bottom-navbar{width:100%;padding:12px 20px calc(12px + env(safe-area-inset-bottom)) 20px;-webkit-backdrop-filter:blur(20px);z-index:1000;box-sizing:border-box;background:#ffffff0d;border-top:1px solid #fff9;border-top-left-radius:20px;border-top-right-radius:20px;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0}.nav-links{gap:32px;display:flex}.nav-links a{flex-direction:column;align-items:center;gap:4px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none!important}.nav-item{color:#ffffff80;filter:grayscale();opacity:.6;flex-direction:column;align-items:center;gap:4px;font-size:20px;text-decoration:none;transition:all .3s;display:flex}.nav-text{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;text-shadow:0 0 10px #fff9;font-size:12px;font-weight:600;text-decoration:none}.nav-item.active{color:#fff;transform:translateY(-2px)}.nav-item.active .nav-icon{filter:grayscale(0%);opacity:1}.nav-links a.active .nav-text{color:var(--accent);text-shadow:0 0 10px #ffffff1a}.custom-input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px;font-size:16px}.custom-input::placeholder{color:#ffffff80}.input-group{-webkit-backdrop-filter:blur(10px);background:#0000001a;border:1px solid #fff3;border-radius:20px;gap:10px;margin-bottom:30px;padding:8px;transition:focus-within .3s;display:flex}.input-group:focus-within{background:#ffffff1a;border-color:#fff6;box-shadow:0 0 15px #ffffff1a}.task-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px;list-style:none;transition:all .3s;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards taskPopIn;display:flex}.task-text{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex:1}.task-item.done .task-text{color:var(--accent);filter:blur(1px)}@keyframes taskPopIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.btn-add{color:#000;cursor:pointer;background:#fff;border:none;border-radius:14px;padding:0 22px;font-weight:700;transition:all .2s}.btn-add:active{opacity:.9;transform:scale(.95)}