.app-container[data-v-16d7be43]{padding-bottom:80px}.timer[data-v-eff21964]{text-align:center;color:var(--primary);background:var(--bg);border-radius:var(--radius-sm);margin-bottom:24px;padding:16px;font-family:monospace;font-size:3rem;font-weight:700}.active-task-card[data-v-eff21964]{border-color:var(--primary);box-shadow:0 0 20px #6366f133}.btn-sm[data-v-81aadee5]{width:auto}:root{--bg:#0f172a;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--text:#f8fafc;--text-muted:#94a3b8;--primary:#6366f1;--primary-hover:#4f46e5;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius:16px;--radius-sm:8px;--safe-bottom:env(safe-area-inset-bottom,20px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}#app{flex-direction:column;min-height:100vh;display:flex}.container{flex:1;width:100%;max-width:500px;margin:0 auto;padding:20px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:active{background-color:var(--primary-hover);transform:scale(.98)}.btn-ghost{background-color:var(--surface);color:var(--text)}.btn-ghost:active{background-color:var(--surface-hover)}.card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:16px;padding:20px}.badge{text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.bottom-nav{background-color:var(--surface);border-top:1px solid var(--border);padding:12px 20px calc(var(--safe-bottom) + 8px);z-index:100;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.nav-item.router-link-active{color:var(--primary)}.nav-icon{font-size:1.5rem}.header{padding:40px 0 20px}.header h1{letter-spacing:-.025em;font-size:1.8rem;font-weight:800}.header p{color:var(--text-muted);font-size:.9rem}input,textarea,select{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px;font-family:inherit;font-size:1rem}input:focus{border-color:var(--primary)}.alert-banner{background-color:var(--warning);color:#000;border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:.85rem;font-weight:600;display:flex}.task-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.task-info{flex:1}.task-title{margin-bottom:4px;font-size:1rem;font-weight:700}.task-meta{color:var(--text-muted);font-size:.8rem}.color-indicator{border-radius:4px;width:8px;height:32px;margin-right:12px}