*{margin:0;padding:0;box-sizing:border-box}:root{--bg-base:#0f0f0f;--bg-elevated:hsla(0,0%,100%,.05);--bg-elevated-hover:hsla(0,0%,100%,.08);--bg-input:hsla(0,0%,100%,.03);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-tertiary:hsla(0,0%,100%,.5);--accent-primary:#00d9ff;--accent-secondary:#ff6b9d;--accent-success:#0f8;--accent-warning:#fa0;--accent-danger:#f33;--border:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.05);--shadow-sm:0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 32px rgba(0,0,0,.5);--shadow-lg:0 12px 48px rgba(0,0,0,.6);--blur:blur(10px);--radius:14px;--radius-sm:8px}body,html{background-color:var(--bg-base);color:var(--text-primary)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:600px;margin:0 auto;padding:0 16px 80px}.header{padding:20px 0;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center}.header h1{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.header-stats{display:flex;gap:12px}.header p,.header-stats{font-size:12px;color:var(--text-secondary)}.header p{margin-top:4px}.card{background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{background:var(--bg-elevated-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-left:3px solid var(--accent-primary);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;transition:all .2s ease;position:relative}.task-card.completed{opacity:.5;border-left-color:var(--accent-success)}.task-card:hover{background:var(--bg-elevated-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.task-card input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);flex-shrink:0}.task-content{flex:1 1;min-width:0}.task-title{font-weight:600;font-size:14px;margin-bottom:4px}.task-meta{font-size:12px;color:var(--text-light);display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;background:hsla(0,0%,100%,.08);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px}.badge.category{border-color:var(--accent-primary);color:var(--accent-primary);background:rgba(0,217,255,.1)}.badge.frequency{border-color:var(--accent-secondary);color:var(--accent-secondary);background:rgba(255,107,157,.1)}.task-duration{font-size:12px;color:var(--text-light);white-space:nowrap}.progress-bar{width:100%;height:8px;background-color:hsla(0,0%,100%,.08);border-radius:4px;overflow:hidden;margin:12px 0;border:1px solid var(--border-light)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:4px;transition:width .5s ease;position:relative}.progress-label{font-size:12px;color:var(--text-secondary);margin-bottom:8px;display:flex;justify-content:space-between}.xp-section{background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);color:var(--text-primary);padding:20px;border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow-sm)}.xp-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.xp-value{font-size:32px;font-weight:700;margin-bottom:14px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xp-progress{font-size:12px;color:var(--text-secondary)}.streak-section{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--border);border-left:3px solid var(--accent-success);border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow-sm)}.streak-info{flex:1 1}.streak-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px;margin-bottom:6px}.streak-days{font-size:16px;font-weight:700;color:var(--text-primary)}.streak-shields{display:flex;background:rgba(0,255,136,.1);border:1px solid var(--accent-success);border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;color:var(--accent-success)}.btn,.streak-shields{align-items:center;gap:8px;font-weight:600}.btn{padding:11px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;justify-content:center}.btn-primary{background-color:var(--accent-primary);color:var(--bg-base);border:1px solid var(--accent-primary)}.btn-primary:hover{background-color:transparent;color:var(--accent-primary)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-secondary:hover{background-color:rgba(0,217,255,.1)}.btn-secondary:active{transform:scale(.98)}.btn-block{width:100%;margin-bottom:12px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:hsla(0,0%,6%,.95);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-top:1px solid var(--border);justify-content:space-around;z-index:1000;box-shadow:0 -4px 24px rgba(0,0,0,.6)}.bottom-nav,.nav-item{display:flex;align-items:center}.nav-item{flex-direction:column;justify-content:center;gap:6px;cursor:pointer;flex:1 1;height:100%;text-decoration:none;background:none;border:none;color:hsla(0,0%,100%,.5);font-size:10px;font-weight:500;transition:all .2s ease;position:relative;padding:0}.nav-item.active{color:var(--accent-primary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:32px;height:3px;background:var(--accent-primary);border-radius:1.5px}.nav-item:hover{color:var(--accent-primary)}.nav-icon{font-size:20px}.fab{position:fixed;bottom:84px;right:16px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-base);border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 16px rgba(0,217,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.fab:hover{box-shadow:0 6px 20px rgba(0,217,255,.4);transform:translateY(-2px)}.fab:active{transform:scale(.95);box-shadow:0 2px 8px rgba(0,217,255,.2)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-header{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin:24px 0 12px;padding-left:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-title{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.empty-subtitle{font-size:13px;line-height:1.5;color:var(--text-secondary)}@media (max-width:640px){.container{padding:0 12px}.card,.task-card{padding:12px}.xp-value{font-size:28px}.header h1{font-size:24px}.nav-item{font-size:9px}.bottom-nav{height:60px}.fab{bottom:76px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-base);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;padding:24px 16px;width:100%;max-width:600px;margin:0 auto;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s ease}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(0,217,255,.1)}.form-error{background:rgba(255,51,51,.1);border:1px solid var(--accent-danger);border-radius:var(--radius-sm);padding:10px 12px;font-size:12px;color:var(--accent-danger);margin-bottom:12px}.form-actions{display:flex;gap:12px;margin-top:20px}.form-actions .btn{flex:1 1;padding:12px 16px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}