:root{--bg-dark: #0B0F19;--panel-bg: #151B2B;--panel-border: rgba(99, 102, 241, .2);--neon-blue: #6366F1;--neon-purple: #A855F7;--text-main: #F8FAFC;--text-muted: #94A3B8;--danger: #EF4444;--success: #10B981}body{margin:0;padding:0;background-color:var(--bg-dark);background-image:radial-gradient(circle at 50% 0%,rgba(99,102,241,.1) 0%,transparent 50%);color:var(--text-main);font-family:Inter,system-ui,sans-serif;min-height:100vh}.loading-screen{height:100vh;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.app-container{max-width:1100px;margin:0 auto;padding:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logo{display:flex;align-items:center;gap:12px}.logo h1{font-size:1.5rem;margin:0;background:linear-gradient(to right,var(--neon-blue),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icon-glow{color:var(--neon-blue);filter:drop-shadow(0 0 8px var(--neon-blue))}.cloud-status{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-muted);background:#ffffff0d;padding:6px 12px;border-radius:20px}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot[data-status=synced]{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot[data-status=syncing]{background:#eab308;animation:pulse 1s infinite}.status-dot[data-status=error]{background:var(--danger)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#6366f1e6;color:#fff;padding:10px 20px;border-radius:30px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #6366f166}.dashboard-grid{display:grid;grid-template-columns:380px 1fr;gap:2rem;align-items:start}.right-column{display:flex;flex-direction:column;gap:2rem}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:24px;padding:1.5rem;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;color:var(--neon-blue);margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:1rem}.title-group{display:flex;align-items:center;gap:8px}.calc-display-wrapper{background:#080b12;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;text-align:right;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 4px 10px #00000080}.calc-history-mini{min-height:20px;font-size:.9rem;color:var(--text-muted);margin-bottom:5px}.calc-display{font-size:3rem;font-weight:300;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.3);overflow:hidden;text-overflow:ellipsis}.calc-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem}.calc-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);border-radius:16px;height:60px;font-size:1.5rem;color:var(--text-main);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center}.calc-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.calc-btn:active{transform:translateY(1px)}.btn-op{color:var(--neon-purple);background:#a855f71a}.btn-clear{color:var(--danger);background:#ef44441a}.btn-equal{background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple));color:#fff;border:none;box-shadow:0 4px 15px #6366f166}.btn-tall{height:100%}.history-list{background:#0003;border-radius:12px;padding:1rem;max-height:150px;overflow-y:auto}.history-title{font-size:.8rem;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:5px}.history-item{font-size:.9rem;color:var(--text-muted);padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.empty-text{font-size:.85rem;color:#475569;text-align:center;padding:1rem 0}.mode-switch{display:flex;background:#0000004d;border-radius:20px;padding:4px}.mode-switch button{background:transparent;border:none;color:var(--text-muted);padding:6px 16px;border-radius:16px;cursor:pointer;font-size:.85rem;transition:.3s}.mode-switch button.active{background:var(--neon-blue);color:#fff;box-shadow:0 2px 10px #6366f14d}.timer-huge{font-size:6rem;font-weight:800;text-align:center;font-variant-numeric:tabular-nums;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(99,102,241,.3));margin:1rem 0;line-height:1}.timer-controls{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.control-btn{width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.3s}.control-btn.primary{background:var(--neon-blue);color:#fff;box-shadow:0 0 20px #6366f180}.control-btn.primary:hover{transform:scale(1.05);box-shadow:0 0 30px #6366f1b3}.control-btn.secondary{background:#ffffff0d;color:var(--text-main);border:1px solid rgba(255,255,255,.1)}.control-btn.secondary:hover{background:#ffffff1a}.focus-stats{text-align:center;font-size:.9rem;color:var(--text-muted)}.focus-stats .highlight{color:var(--neon-purple);font-weight:700;font-size:1.1rem}.task-input-box{display:flex;gap:10px;margin-bottom:1.5rem}.task-input-box input{flex:1;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:1rem;outline:none;transition:.3s}.task-input-box input:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #6366f133}.task-input-box button{background:var(--neon-blue);color:#fff;border:none;border-radius:12px;width:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s}.task-input-box button:hover{transform:scale(1.05)}.task-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:5px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px}.task-item.done .task-text{text-decoration:line-through;color:var(--text-muted)}.checkbox{width:22px;height:22px;border-radius:6px;border:2px solid var(--neon-blue);background:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--neon-blue);padding:0}.task-item.done .checkbox{background:var(--neon-blue);color:#fff}.task-text{flex:1;font-size:.95rem}.delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:.2s}.delete-btn:hover{color:var(--danger);background:#ef44441a}.empty-state{text-align:center;color:var(--text-muted);padding:2rem;font-size:.95rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}