:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;--bg-primary: #0a0a0a;--bg-secondary: #161618;--bg-tertiary: #242428;--accent: #FF3B30;--accent-rgb: 255, 59, 48;--accent-hover: #FF453A;--accent-glow: rgba(255, 59, 48, .5);--text-primary: #F5F5F7;--text-secondary: #A8A8AD;--text-muted: #737378;--text-disabled: #3A3A3C;--glass-bg: rgba(40, 40, 42, .7);--glass-strong: rgba(40, 40, 42, .9);--glass-border: rgba(255, 255, 255, .15);--glass-divider: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--backdrop-blur: blur(30px);--border: rgba(255, 255, 255, .15);--shadow: 0 12px 40px rgba(0, 0, 0, .5);--success: #32D74B;--warning: #FF9F0A;--error: #FF453A;--accent-work: #FFD60A;--accent-personal: #FF2D55;--accent-fun: #BF5AF2;--accent-hobby: #64D2FF;--accent-task: #30D158;--accent-todo: #FF9F0A;--accent-event: #0A84FF;--accent-appointment: #FF9F0A;--accent-holiday: #32D74B}body{margin:0;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:1.5rem;transition:all .3s ease}.glass-card:hover{background:#141c34c7;transform:translateY(-2px);box-shadow:0 18px 48px #02061773}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:12px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.btn:hover{background:#1a234099;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff;border:none}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.input{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:.875rem;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);transition:all .2s ease}.input:focus{outline:none;border-color:var(--accent);background:#1c1c1ef2}.input::placeholder{color:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.w-full{width:100%}.h-full{height:100%}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.container{padding:0 .75rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.btn{padding:.625rem 1.25rem;font-size:.8rem}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rounded-full{border-radius:9999px}.min-h-screen{min-height:100vh}.h-12{height:3rem}.w-12{width:3rem}.border-b-2{border-bottom-width:2px}.border-indigo-600{border-color:#4f46e5}.bg-slate-50{background-color:#f8fafc}.dark .bg-slate-900,[data-theme=dark] .bg-slate-900{background-color:#0f172a}.landing-page{min-height:100vh;background:#f8fafc;color:#0f172a;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.landing-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.mesh-sphere{position:absolute;border-radius:50%;filter:blur(120px);opacity:.6}.sphere-1{width:600px;height:600px;background:radial-gradient(circle,rgba(165,180,252,.7),transparent 60%);top:-220px;right:-140px}.sphere-2{width:500px;height:500px;background:radial-gradient(circle,rgba(191,219,254,.7),transparent 60%);bottom:-140px;left:-120px}.landing-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:32px 64px;max-width:1400px;margin:0 auto;width:100%}.nav-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.logo-box{width:36px;height:36px;background:linear-gradient(135deg,#a5b4fc,#bae6fd);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -8px #3b82f666}.nav-btn{background:#fff;border:1px solid rgba(148,163,184,.3);color:#0f172a;padding:10px 24px;border-radius:99px;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:hover{background:#eef2ff;border-color:#6366f14d}.landing-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;padding:80px 20px;max-width:1000px;margin:0 auto;text-align:center}.hero-section{display:flex;flex-direction:column;align-items:center;margin-bottom:64px}.hero-badge{display:flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.2);color:#4f46e5;padding:6px 14px;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:32px}.hero-section h1{font-size:3.25rem;font-weight:700;line-height:1.1;letter-spacing:-.04em;margin:0 0 24px;display:flex;flex-direction:column;gap:8px}.hero-section h1 span{background:linear-gradient(135deg,#4f46e5,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.1rem;color:#475569;max-width:700px;line-height:1.6;margin-bottom:48px}.hero-actions{display:flex;gap:16px}.hero-actions.center{justify-content:center}.cta-btn{padding:16px 32px;border-radius:12px;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:10px;transition:all .2s;cursor:pointer;text-decoration:none}.cta-btn.primary{background:linear-gradient(135deg,#6366f1,#60a5fa);color:#fff;border:none;box-shadow:0 10px 20px -8px #6366f166;min-width:180px;justify-content:center}.cta-btn.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -10px #6366f173}.cta-btn.secondary{background:#fff;border:1px solid rgba(148,163,184,.3);color:#0f172a}.cta-btn.secondary:hover{background:#f1f5f9}.value-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}.value-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 10px 20px -18px #0f172a33}.value-card h3{font-size:1rem;margin:0 0 4px;color:#0f172a}.value-card p{font-size:.9rem;line-height:1.5;color:#64748b;margin:0}.auth-overlay{position:fixed;inset:0;z-index:100;background:#f8fafcb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.auth-modal{width:100%;max-width:440px;padding:40px;border-radius:28px;position:relative;background:#fff}.close-modal{position:absolute;top:20px;right:20px;background:#94a3b826;border:none;color:#64748b;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-modal:hover{background:#94a3b840;color:#0f172a}.login-header h1{font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:-.02em}.login-header p{color:#64748b;margin-bottom:32px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-radius:12px;background:#fff;color:#1f2937;font-weight:600;border:none;cursor:pointer;margin-bottom:24px}.divider{display:flex;align-items:center;gap:16px;color:#94a3b8;margin:24px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#94a3b833}.input-group{position:relative;margin-bottom:16px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.input-group input{width:100%;padding:14px 14px 14px 44px;background:#f8fafc;border:1px solid rgba(148,163,184,.3);border-radius:12px;color:#0f172a;font-size:1rem}.submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#6366f1,#60a5fa);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;margin-top:16px}.link-btn{background:none;border:none;color:#4f46e5;font-size:.9rem;margin-top:24px;cursor:pointer;font-weight:500}.landing-footer{position:relative;z-index:10;padding:48px 20px;border-top:1px solid rgba(148,163,184,.2)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.9rem}.footer-links{display:flex;align-items:center;gap:16px}.footer-links a{color:#64748b;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#6366f1}.dot{opacity:.2}@media (max-width: 768px){.hero-section h1{font-size:2.4rem}.value-row{grid-template-columns:1fr}.landing-nav{padding:24px}.footer-content{flex-direction:column;gap:20px;text-align:center}}.cal-character-procedural{width:140px;height:182px;margin:0;animation:cal-float 4s ease-in-out infinite;filter:drop-shadow(0 8px 24px rgba(99,102,241,.4))}.cal-character-procedural svg{width:100%;height:100%;overflow:visible}.cal-character-procedural.cal-mini{width:36px!important;height:47px!important;margin:0!important;animation:none!important;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))!important}.cal-character-procedural.cal-mini svg{width:36px!important;height:47px!important}@keyframes cal-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cal-character-procedural svg ellipse{filter:blur(.5px)}.cal-character-new{width:120px;height:160px;margin:20px 0;animation:cal-float 3s ease-in-out infinite}.cal-character-new svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(99,102,241,.3))}.cal-character-mini{width:40px!important;height:53px!important;margin:0!important;animation:none!important}.cal-character-mini svg{width:40px!important;height:53px!important}.ai-chat-input-wrapper{position:relative;width:100%;max-width:900px;z-index:20}.ai-input-container{display:flex;align-items:center;padding:10px 16px;gap:14px;border-radius:99px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000000d;transition:all .2s ease}.dark .ai-input-container{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 4px 12px #0003}.ai-input-container:focus-within{background:#ffffffd9;border-color:var(--primary-color, #6366f1);box-shadow:0 4px 20px #6366f126;transform:translateY(-1px)}.dark .ai-input-container:focus-within{background:#1e293bd9}.ai-sparkle-icon{color:var(--primary-color, #6366f1);flex-shrink:0}.ai-text-input{flex:1;background:transparent;border:none;font-size:14px;color:#1e293b;outline:none;min-width:0}.dark .ai-text-input{color:#f8fafc}.ai-text-input::placeholder{color:#94a3b8}.ai-actions{display:flex;align-items:center;gap:8px}.ai-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s;position:relative}.ai-action-btn:hover{background:#6366f11a;color:var(--primary-color, #6366f1)}.ai-action-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn{background:var(--primary-color, #6366f1);color:#fff}.send-btn:hover{background:#4f46e5;color:#fff;transform:scale(1.05)}.file-count-badge{position:absolute;top:-2px;right:-2px;background:#f43f5e;color:#fff;font-size:10px;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid white}.ai-file-previews{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.file-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:12px;box-shadow:0 2px 5px #0000000d;max-width:150px}.dark .file-chip{background:#1e293be6;border-color:#ffffff1a;color:#e2e8f0}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-chat-input-wrapper.compact .ai-input-container{padding:4px 8px}.header{height:60px;display:flex;align-items:center;position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(0,0,0,.05);background:#ffffffd9}.dark .header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left,.header-right{display:flex;align-items:center;gap:16px;flex:1}.header-right{justify-content:flex-end}.view-selector{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:12px;border:1px solid var(--border);gap:2px}.view-btn{background:transparent;border:none;padding:6px 16px;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn:hover{color:var(--text-primary);background:#ffffff0d}.view-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #6366f14d}.settings-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .2s}.settings-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent)}.header-center{flex:1;justify-content:center}.logo-section{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.1rem;color:#1e293b}.dark .logo-section{color:#fff}.logo-icon{color:#6366f1}.nav-today-btn-header{padding:6px 16px;border-radius:8px;font-size:.85rem;font-weight:500;color:#64748b;background:transparent;border:1px solid rgba(0,0,0,.1);transition:all .2s;cursor:pointer}.dark .nav-today-btn-header{color:#94a3b8;border-color:#ffffff1a}.nav-today-btn-header:hover{background:#0000000d;color:#1e293b}.dark .nav-today-btn-header:hover{background:#ffffff0d;color:#fff}.nav-btn{padding:6px;border-radius:6px;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#0000000d;color:#1e293b}.dark .nav-btn:hover{background:#ffffff0d;color:#fff}.view-select-dropdown{appearance:none;background-color:#ffffff80;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:6px 32px 6px 12px;font-size:.9rem;color:#1e293b;cursor:pointer;outline:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;font-weight:500}.dark .view-select-dropdown{background-color:#1e293b80;border-color:#ffffff1a;color:#e2e8f0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.view-select-dropdown:hover{border-color:#6366f1}.settings-btn{padding:8px;border-radius:8px;color:#64748b;background:transparent;border:none;cursor:pointer;transition:all .2s}.settings-btn:hover{background:#6366f11a;color:#6366f1}.day-view{display:flex;flex-direction:column;height:100%;gap:.5rem}.day-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.5rem 1rem}.day-nav-group{display:flex;align-items:center;gap:.4rem}.nav-icon-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.3rem;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center}.nav-icon-btn:hover{background:var(--accent);color:#fff}.nav-today-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-today-btn:hover{filter:brightness(1.1)}.day-ai-form{display:flex;align-items:center;gap:.6rem;background:rgba(var(--accent-rgb),.05);border:1px solid rgba(var(--accent-rgb),.1);border-radius:99px;padding:.35rem .85rem;max-width:350px}.day-ai-form .ai-icon{color:var(--accent)}.day-ai-form .ai-input{background:transparent;border:none;font-size:.8rem;color:var(--text-primary);width:100%;outline:none}.day-info{display:flex;flex-direction:column;gap:.35rem}.day-name{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.day-date{font-size:.9rem;color:var(--text-muted)}.day-stats{display:flex;align-items:center;gap:1rem}.day-stats .stat{display:flex;flex-direction:column;align-items:flex-end}.day-stats .stat-number{font-size:1.1rem;font-weight:700}.day-stats .stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.day-add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem}.day-grid{flex:1;display:grid;grid-template-columns:70px 1fr;border-radius:16px;overflow-y:auto;overflow-x:hidden;min-height:0;height:100%;padding-bottom:0;--hour-height: auto}.day-time-column{display:grid;grid-template-rows:repeat(24,var(--hour-height));border-right:1px solid var(--glass-border);background:#0f172a59;min-height:max-content}.day-time-slot{display:flex;align-items:flex-start;justify-content:flex-end;padding:6px .75rem 0;font-size:.75rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.1)}.day-grid-body{position:relative;display:grid;grid-template-rows:repeat(24,var(--hour-height));min-height:max-content}.day-hour-cell{border-bottom:1px solid rgba(255,255,255,.1);width:100%}.day-events-layer{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:repeat(1440,1fr);grid-template-columns:repeat(var(--overlap-count, 1),1fr);z-index:20}.day-current-time-grid{position:absolute;left:0;right:0;height:0;pointer-events:none;z-index:50;width:100%}.day-current-time-grid .current-time-line{position:absolute;top:0;height:2px;background:#ef4444;box-shadow:0 0 8px #ef4444cc;width:100%}.day-current-time-grid .current-time-label{position:absolute;left:-65px;top:-10px;background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:700;white-space:nowrap;box-shadow:0 2px 4px #0000004d}@keyframes pulse-dot{0%{transform:scale(1);box-shadow:0 0 10px #ef4444cc}50%{transform:scale(1.2);box-shadow:0 0 15px #ef4444}to{transform:scale(1);box-shadow:0 0 10px #ef4444cc}}.context-menu.glass-panel{position:fixed;z-index:10000;width:180px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;box-shadow:0 10px 30px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;gap:2px;overflow:hidden}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:none;background:transparent;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.danger{color:#f87171}.menu-item.danger:hover{background:#ef444426;color:#fca5a5}.menu-icon{display:flex;align-items:center;justify-content:center;opacity:.8}.menu-item:hover .menu-icon{opacity:1}.week-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.week-header{display:grid;grid-template-columns:70px repeat(7,1fr);border-bottom:1px solid var(--glass-border);background:#0f172a66;z-index:10}.header-cell{padding:.75rem .5rem;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:.25rem}.header-cell.gutter{border-right:1px solid var(--glass-border)}.header-cell.today{background:rgba(var(--accent-rgb),.1)}.header-cell .day-name{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.header-cell .day-number{font-size:1.25rem;font-weight:700}.header-cell.today .day-number{color:var(--accent)}.week-grid{flex:1;display:grid;grid-template-columns:70px 1fr;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.week-time-column{display:grid;grid-template-rows:repeat(24,var(--hour-height));border-right:1px solid var(--glass-border);background:#0f172a33}.week-time-slot{height:var(--hour-height);display:flex;align-items:flex-start;justify-content:flex-end;padding:6px .75rem 0;font-size:.7rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.05)}.week-days-grid{display:grid;grid-template-columns:repeat(7,1fr);width:100%}.week-day-column{position:relative;display:grid;grid-template-rows:repeat(24,var(--hour-height));border-right:1px solid var(--glass-border)}.week-day-column.today{background:rgba(var(--accent-rgb),.03)}.week-hour-cell{height:var(--hour-height);border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.week-hour-cell:hover{background:#ffffff08}.week-events-layer{position:absolute;inset:0;display:grid;grid-template-rows:repeat(1440,1fr);grid-template-columns:repeat(var(--overlap-count, 1),1fr);pointer-events:none;z-index:20}.week-time-indicator-grid-container{position:absolute;inset:0;pointer-events:none;z-index:50}.week-time-indicator{position:absolute;left:0;right:0;height:0;pointer-events:none;width:100%}.week-time-indicator-line{position:absolute;top:0;height:2px;background:#ef4444;box-shadow:0 0 8px #ef4444cc;width:100%}.week-time-indicator-line:after{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%;box-shadow:0 0 10px #ef4444}.week-event{margin:1px;padding:6px 8px;border-radius:8px;background:rgba(var(--event-color-rgb, 99, 102, 241),.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.75rem;overflow:hidden;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #0000001a}.week-event:hover{transform:translateY(-1px) scale(1.02);background:rgba(var(--event-color-rgb, 99, 102, 241),.25);box-shadow:0 8px 20px #0003;z-index:100!important}.week-event.past{opacity:.6;filter:grayscale(.4)}.week-event-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.8rem}.week-event-time{font-size:.65rem;display:flex;align-items:center;gap:4px;opacity:.8}.week-event-location{font-size:.65rem;display:flex;align-items:center;gap:4px;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-event-indicator{position:absolute;background:rgba(var(--accent-rgb),.1);border:2px dashed var(--accent);border-radius:8px;z-index:10;pointer-events:none;animation:pulse-draft 2s infinite ease-in-out}@keyframes pulse-draft{0%{opacity:.4;transform:scale(.98)}50%{opacity:.7;transform:scale(1)}to{opacity:.4;transform:scale(.98)}}.week-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:.5}.nav-dropdown-container{position:relative;display:inline-block}.nav-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.nav-dropdown-trigger:hover{background:#ffffff0d;border-color:var(--accent)}.nav-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.nav-value{font-weight:600}.nav-arrow{color:var(--text-muted);transition:transform .2s}.nav-arrow.open{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)!important;transform-origin:top center;background:#0f172a;background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 40px #00000080;z-index:1000;overflow:hidden;min-width:140px}.simple-list{display:flex;flex-direction:column;padding:6px}.list-item{text-align:left;padding:8px 16px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .1s}.list-item:hover{background:#ffffff0d;color:var(--text-primary)}.list-item.active{background:var(--accent);color:#fff}.medium-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;width:240px}.medium-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:280px;padding:12px}.grid-item{width:40px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff08;border:1px solid transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .1s}.grid-item:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.1);z-index:2}.grid-item.active{background:var(--accent);color:#fff;box-shadow:0 0 10px var(--accent-glow)}.dense-grid-scroll{max-height:400px;overflow-y:auto;width:320px;padding:12px}.dense-grid-content{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px}.grid-item-tiny{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer}.grid-item-tiny:hover{background:#fff;color:#000;transform:scale(1.5);box-shadow:0 4px 10px #00000080;z-index:10;border-radius:50%}.grid-item-tiny.active{background:var(--accent);color:#fff;font-weight:700}.day-hover-panel{position:absolute;z-index:100;min-width:180px;max-width:260px;background:var(--bg-elevated, #1e1e2e);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:8px;box-shadow:0 8px 24px #0006;padding:8px 10px;pointer-events:none;animation:fadeIn .15s ease-out}.day-hover-panel.flip-above{transform-origin:bottom center}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hover-panel-header{font-size:.7rem;color:var(--text-muted);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .08))}.hover-panel-events{display:flex;flex-direction:column;gap:4px}.hover-event-item{display:flex;gap:8px;align-items:baseline;font-size:.75rem}.hover-event-time{color:var(--accent, #6366f1);font-weight:500;white-space:nowrap;min-width:70px}.hover-event-title{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.hover-more{font-size:.7rem;color:var(--text-muted);font-style:italic;margin-top:2px}.month-view{width:100%;height:100%;display:flex;flex-direction:column}.month-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:1px;background:var(--glass-border);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;margin-bottom:0}.month-day{min-height:0;height:100%;padding:.5rem;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.4)!important;background:#0000004d;box-sizing:border-box}.month-day:hover{background:var(--glass-bg);transform:none;box-shadow:inset 0 0 0 1px #ffffff1a}.month-day.other-month{opacity:.4;background:#0000001a}.month-day.today{background:rgba(var(--accent-rgb),.1);border:2px solid var(--accent);box-shadow:inset 0 0 20px rgba(var(--accent-rgb),.2);z-index:2}.month-day.today .day-number{background:var(--accent);color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600}.month-day.has-events{background:var(--bg-secondary)}.day-number{font-size:.9rem;font-weight:600;margin-bottom:0;color:var(--text-primary)}.month-summary{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:1rem;padding:.5rem 1rem;margin-bottom:.5rem;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border)}.month-info{display:flex;flex-direction:column}.month-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.month-summary-title{font-size:1.1rem!important;font-weight:700!important;margin:0!important;background:none!important;-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important}.month-actions{display:flex;align-items:center;gap:1rem}.month-add-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem}.month-header{display:none}.day-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem;gap:.5rem}.day-add-btn{border:1px solid rgba(92,200,255,.35);background:#0f172a80;color:var(--text-primary);border-radius:8px;padding:.2rem;display:inline-flex;align-items:center;justify-content:center;opacity:1;transform:translateY(0);transition:all .2s ease}.month-day:hover .day-add-btn,.month-day:focus-within .day-add-btn{opacity:1;transform:translateY(0)}.day-add-btn:hover{background:#5cc8ff33;border-color:#5cc8ff99}.day-events{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden}.day-event{padding:6px 8px;border-radius:8px;font-size:.78rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;white-space:normal;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:2px}.day-event:hover{transform:translate(2px);box-shadow:0 2px 8px #0003}.day-event.past{opacity:.75;filter:grayscale(70%);transform:scale(.96)}.event-title{display:block;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.event-time{font-size:.7rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.9}.more-events{font-size:.7rem;color:var(--text-muted);font-weight:500;padding:2px 6px;text-align:center;background:#0f172a66;border-radius:4px;margin-top:2px}@media (max-width: 768px){.month-day{min-height:80px;padding:.5rem}.week-day-header{padding:.5rem;font-size:.75rem}.day-number{font-size:.8rem}.day-add-btn{opacity:1;transform:none}.day-event{font-size:.7rem;padding:1px 4px}.more-events{font-size:.65rem}}@media (max-width: 480px){.month-grid{gap:.5px}.month-day{min-height:60px;padding:.375rem}.week-day-header{padding:.375rem;font-size:.7rem}.day-number{font-size:.75rem;margin-bottom:.25rem}.day-event{font-size:.65rem;padding:1px 3px}.day-events{gap:1px}.more-events{font-size:.6rem;padding:1px 3px}}.year-view{height:100%;display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem;overflow:hidden}.year-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;flex-shrink:0}.year-title-group{display:flex;flex-direction:column}.year-label{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.year-subtitle{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.1}.year-controls{margin-left:auto;display:flex;align-items:center;gap:1rem}.year-stat-pill{font-size:.85rem;font-weight:600;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:8px;border:1px solid var(--glass-border)}.year-add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem}.year-dropdown{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);padding:.4rem .8rem;border-radius:8px;font-size:.9rem;cursor:pointer;outline:none}.year-content-scroll{flex:1;overflow-y:auto;overflow-x:auto;padding-bottom:2rem;display:flex;align-items:center;justify-content:center}.github-year-grid{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;position:relative}.months-label-row{display:flex;margin-left:30px;height:20px;position:relative}.month-label-item{position:absolute;font-size:.75rem;color:var(--text-muted);font-weight:600}.grid-body{display:flex;gap:.5rem}.day-labels-col{display:grid;grid-template-rows:repeat(7,14px);gap:4px;padding-top:1px}.weekday-label{font-size:.7rem;color:var(--text-muted);line-height:14px;height:14px}.squares-grid{display:grid;grid-template-columns:repeat(53,14px);grid-template-rows:repeat(7,14px);gap:4px;grid-auto-flow:column}.year-day-square{width:14px;height:14px;border-radius:3px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .1s ease;position:relative}.year-day-square:hover{transform:scale(1.4);z-index:10;border:1px solid var(--accent)}.year-day-square.level-0{background:#ffffff14;border-color:#ffffff26}.year-day-square.level-1{background:#6366f166;border-color:#6366f199}.year-day-square.level-2{background:#6366f199;border-color:#6366f1cc}.year-day-square.level-3{background:#6366f1cc;border-color:#6366f1}.year-day-square.level-4{background:#6366f1;border-color:#fff;box-shadow:0 0 8px var(--accent)}.year-day-square:hover:after{content:attr(data-tooltip);position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:#0f172af2;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:20;border:1px solid var(--glass-border);box-shadow:0 4px 12px #0000004d}[data-theme=light] .year-day-square{background:#0000000d;border-color:#00000026}[data-theme=light] .year-day-square.level-0{background:#0000000d;border-color:#0003}[data-theme=light] .year-day-square.level-1{background:#4f46e54d;border-color:#4f46e580}[data-theme=light] .year-day-square.level-2{background:#4f46e580;border-color:#4f46e5b3}[data-theme=light] .year-day-square.level-3{background:#4f46e5b3;border-color:#4f46e5e6}[data-theme=light] .year-day-square.level-4{background:#4f46e5;border-color:#312e81;box-shadow:0 0 8px #4f46e599}.calendar-container{width:100%;height:100%;position:relative;overflow:hidden}.calendar-view{width:100%;height:100%}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000001a;min-width:300px;max-width:400px;pointer-events:auto;animation:slideIn .3s ease-out}.toast-icon{flex-shrink:0}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;color:var(--text-primary);font-size:.9rem;line-height:1.5}.toast-close{flex-shrink:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:100%}}.upcoming-sidebar{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:24px;padding:24px;height:100%;width:100%;display:flex;flex-direction:column;border:1px solid var(--glass-border);overflow:hidden;z-index:10}.productivity-sidebar{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;height:100%;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur)}.productivity-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:#0003}.streak-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#fa0;background:#ffaa001a;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,170,0,.2)}.flame-active{color:#fa0;fill:#fa0;filter:drop-shadow(0 0 4px #ffaa00)}.flame-inactive{color:var(--text-muted)}.focus-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:4px 10px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s}.focus-toggle:hover{background:#ffffff0d;color:var(--text-primary)}.focus-toggle.active{background:#8b5cf633;border-color:#8b5cf6;color:#a78bfa;box-shadow:0 0 10px #8b5cf633}body.focus-mode-active .sidebar-container,body.focus-mode-active .header,body.focus-mode-active .week-control-bar{filter:opacity(.3) grayscale(.8);transition:filter .5s ease}body.focus-mode-active .sidebar-container:hover,body.focus-mode-active .header:hover{filter:opacity(1) grayscale(0)}.sidebar-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:24px}.header-title-row{display:flex;justify-content:center;align-items:center;position:relative;padding:0 1rem;height:40px}.header-title-row h3{text-align:center;letter-spacing:.02em;font-size:1.1rem;margin:0;flex:1}.header-spacer{display:none}.header-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:.5rem}.sidebar-nav-row{display:flex;justify-content:center;gap:16px;padding:16px 0;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.nav-btn-item{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#ffffff08;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-btn-item:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-2px);border-color:#fff3;box-shadow:0 4px 12px #0003}.nav-btn-item.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 20px #6366f166;transform:scale(1.05)}.nav-btn-item.active:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:.5;pointer-events:none}.nav-btn-item .bulk-trash-img{width:24px;height:24px;opacity:.7;filter:brightness(.8)}.nav-btn-item:hover .bulk-trash-img,.nav-btn-item.active .bulk-trash-img{opacity:1;filter:brightness(1)}.icon-btn{width:32px;height:32px;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:var(--bg-tertiary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{border-color:#6366f173;background:#6366f126;color:var(--text-primary);transform:translateY(-1px)}.icon-btn.active{border-color:#6366f199;background:#6366f140;color:var(--text-primary)}.icon-btn.active-red{border-color:#f8717180;background:#f8717126;color:#fca5a5}.category-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.delete-modal-area{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;background:var(--glass-strong);border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 30px #0f172a59}.delete-header{display:flex;flex-direction:column;gap:4px}.delete-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.delete-subtitle{font-size:.75rem;color:var(--text-muted)}.delete-input-wrapper{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#0f172aa6}.delete-input-wrapper:focus-within{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.delete-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.8rem}.delete-input::placeholder{color:var(--text-muted)}.search-icon{color:var(--text-muted)}.close-btn{width:26px;height:26px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:#94a3b81a;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{border-color:#6366f180;color:var(--text-primary)}.delete-confirm-btn{border:none;border-radius:12px;padding:10px 12px;font-size:.8rem;font-weight:700;color:#fee2e2;background:linear-gradient(135deg,#f871714d,#f43f5e80);cursor:pointer;transition:all .2s ease}.delete-confirm-btn:disabled{cursor:not-allowed;background:#94a3b833;color:var(--text-muted)}.delete-confirm-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px #f8717140}.delete-hint{margin:0;font-size:.7rem;color:var(--text-muted)}.filter-chip{border:1px solid rgba(148,163,184,.2);background:#0f172a66;color:var(--text-secondary);padding:4px 10px;font-size:.7rem;font-weight:600;border-radius:999px;cursor:pointer;transition:all .2s ease}.filter-chip.active{border-color:#6366f199;color:var(--text-primary);background:#6366f126}.filter-chip:hover{border-color:#6366f166;color:var(--text-primary)}.sidebar-header h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.event-count{background:#6366f11a;color:var(--text-secondary);padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600;align-self:center}.custom-multiselect{position:relative;width:100%}.multiselect-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:#0f172a66;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.multiselect-trigger:hover{background:#0f172a99;border-color:var(--accent)}.multiselect-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#1e293b;border:1px solid var(--glass-border);border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 10px 25px #00000080;padding:.5rem}.multiselect-option{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.9rem;transition:all .1s}.multiselect-option:hover{background:#ffffff0d;color:var(--text-primary)}.multiselect-option.selected{background:#6366f126;color:var(--accent);font-weight:500}.option-label{display:flex;align-items:center;gap:8px}.color-dot{width:8px;height:8px;border-radius:50%}.arrow{transition:transform .2s;color:var(--text-muted)}.arrow.open{transform:rotate(180deg)}.upcoming-list{flex:1;overflow-y:auto;padding:0 1rem;scrollbar-width:thin}.upcoming-event-item{display:flex;gap:12px;padding:10px;border-radius:12px;background:#0006;border:1px solid rgba(255,255,255,.05);transition:all .2s ease;position:relative;overflow:hidden;align-items:center}.upcoming-event-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--category-color, var(--accent));opacity:.8}.upcoming-event-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(2px)}.upcoming-event-item.past-event{opacity:.5;filter:grayscale(.8)}.event-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;height:44px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.event-info{flex:1;display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;padding-right:4px}.event-info .event-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta-inline{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.time-til{font-size:.65rem;font-weight:700;color:var(--accent);background:#6366f11a;padding:2px 6px;border-radius:4px}.category-tag{font-size:.65rem;font-weight:700;color:#fff;background:var(--category-color);padding:1px 6px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #0003}.event-actions{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;gap:6px}.action-btn{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .2s}.action-btn.delete{background:#f43f5e1a;color:#f43f5e}.action-btn.edit{background:#6366f11f;color:var(--text-secondary)}.action-btn.delete:hover{background:#f43f5e;color:#fff}.action-btn.edit:hover{background:#6366f1;color:#fff}.action-btn.bulk{background:#94a3b81a;color:var(--text-muted);width:auto;padding:0 8px;gap:4px;font-size:.7rem;font-weight:700}.action-btn.bulk:hover{background:#ea580c;color:#fff}.pagination-controls{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(148,163,184,.2);margin-top:8px;font-size:.75rem;color:var(--text-muted)}.pagination-btn{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:var(--text-primary);padding:6px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.stacked-trash-icon{position:relative;width:20px;height:16px;display:flex;align-items:center;justify-content:center}.trash-front{position:relative;z-index:2;color:currentColor;transform:translate(-2px)}.trash-back{position:absolute;top:-2px;right:-2px;z-index:1;opacity:.6;transform:scale(.9) translate(2px);color:currentColor}.icon-btn:hover .stacked-trash-icon .trash-back{top:-4px;right:-4px;transition:all .2s ease}.pagination-btn:not(:disabled):hover{background:#5cc8ff26;border-color:#5cc8ff66}.pagination-status{font-weight:600}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted);gap:12px;text-align:center}.no-events p{font-size:.9rem;margin:0}.upcoming-list::-webkit-scrollbar{width:4px}.upcoming-list::-webkit-scrollbar-track{background:transparent}.stacked-trash-icon{position:relative;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.trash-front{position:absolute;z-index:2;transform:translate(-1px,1px);color:inherit}.trash-back{position:absolute;z-index:1;transform:translate(2px,-2px) scale(.9);opacity:.5;color:inherit}.header-actions .icon-btn.active-red .trash-front,.header-actions .icon-btn.active-red .trash-back{color:#ef4444}.focus-mode-content{display:flex;flex-direction:column;height:100%;gap:16px}.focus-mode-content .sidebar-header{margin-bottom:0;padding-bottom:12px;border-bottom:1px solid var(--glass-border)}.focus-mode-content .sidebar-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.focus-quick-add{display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:1px dashed rgba(148,163,184,.25);border-radius:10px;transition:all .2s}.focus-quick-add:focus-within{border-style:solid;border-color:#6366f166;background:#6366f10d;box-shadow:0 0 15px #6366f126}.focus-quick-add .quick-add-icon{color:var(--accent)}.focus-quick-add .quick-add-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.95rem;font-weight:500}.focus-quick-add .quick-add-input::placeholder{color:var(--text-muted);font-weight:400}.focus-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.focus-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.focus-item:hover{background:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#ffffff26}.focus-item.completed{opacity:.6;background:#10b9810d;border-color:#10b9811a}.check-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.check-btn:hover{background:#ffffff1a}.checked-icon{color:#10b981;filter:drop-shadow(0 0 4px rgba(16,185,129,.4))}.unchecked-icon{color:var(--text-muted);opacity:.7}.focus-item:hover .unchecked-icon{color:var(--text-secondary);opacity:1}.focus-title{font-weight:600;color:var(--text-primary);font-size:.95rem;letter-spacing:.01em;line-height:1.3}.focus-title.strikethrough{text-decoration:line-through;opacity:.6;color:var(--text-muted)}.focus-time{font-size:.75rem;color:var(--text-secondary);font-weight:500;background:#0003;padding:2px 8px;border-radius:6px;width:fit-content}.focus-edit-btn{background:transparent;border:1px solid transparent;border-radius:8px;padding:6px;cursor:pointer;color:var(--text-muted);transition:all .2s;opacity:0}.focus-item:hover .focus-edit-btn{opacity:1}.focus-edit-btn:hover{background:#6366f126;color:var(--accent);border-color:#6366f14d}.focus-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px;text-align:center;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:24px;margin:12px 0}.focus-empty p{color:var(--text-secondary);font-size:1rem;font-weight:500}.focus-item-content{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.focus-item-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.priority-indicator{font-weight:800;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:#0003}.priority-indicator.high{color:#ef4444;border:1px solid rgba(239,68,68,.3)}.priority-indicator.medium{color:#f97316;border:1px solid rgba(249,115,22,.3)}.priority-indicator.low{color:#3b82f6;border:1px solid rgba(59,130,246,.3)}[data-theme=light] .sidebar-header h3{color:var(--text-primary)}[data-theme=light] .event-count{color:var(--text-primary);background:#4f46e51a}[data-theme=light] .nav-btn-item{background:#00000008;color:var(--text-secondary);border-color:#0000001a}[data-theme=light] .nav-btn-item:hover{background:#00000014;color:var(--text-primary)}[data-theme=light] .filter-chip{background:#0000000d;color:var(--text-secondary);border-color:#00000026}[data-theme=light] .filter-chip.active{background:#4f46e526;color:var(--text-primary);border-color:#4f46e566}[data-theme=light] .no-events{color:var(--text-muted)}.policy-page{min-height:100vh;background:var(--bg-color, #0b1120);color:var(--text-color, #f8fafc);display:flex;flex-direction:column}.policy-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid var(--border-color, rgba(148, 163, 184, .2));background:var(--surface-color, #0f172a)}.policy-logo{font-weight:700;font-size:1.25rem;color:var(--text-color, #f8fafc);text-decoration:none}.policy-nav{display:flex;gap:16px;flex-wrap:wrap}.policy-nav a{color:var(--text-color, #f8fafc);text-decoration:none;font-weight:500;padding:6px 10px;border-radius:10px;border:1px solid transparent}.policy-nav a:hover{border-color:var(--accent-color, #6366f1);background:#6366f126}.policy-main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px 48px;display:flex;flex-direction:column;gap:24px}.policy-hero{background:var(--card-bg, rgba(15, 23, 42, .8));border:1px solid var(--border-color, rgba(148, 163, 184, .2));border-radius:20px;padding:24px}.policy-hero h1{margin:0 0 8px;font-size:2rem}.policy-hero p{margin:0;color:var(--muted-text, #94a3b8)}.policy-card{background:var(--card-bg, rgba(15, 23, 42, .8));border:1px solid var(--border-color, rgba(148, 163, 184, .2));border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:16px}.policy-card h2{margin:0;font-size:1.15rem}.policy-card p,.policy-card li{color:var(--muted-text, #94a3b8);line-height:1.6}.policy-card ul{margin:0;padding-left:20px;display:grid;gap:8px}.policy-ad{border-radius:18px;padding:16px;border:1px dashed var(--border-color, rgba(148, 163, 184, .3));background:#0f172a66}.policy-footer{padding:24px;text-align:center;color:var(--muted-text, #94a3b8);border-top:1px solid var(--border-color, rgba(148, 163, 184, .2))}@media (max-width: 720px){.policy-header{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 24px}.policy-main{padding:24px 16px 32px}}html,body{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0;background:var(--bg-color);color:var(--text-color);transition:background .3s ease}.app{min-height:100vh;width:100%;overflow:hidden}.app-container{height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content{flex:1;padding:0;max-width:100%;margin:0;width:100%;display:flex;flex-direction:row;gap:0;min-height:0;overflow:hidden}.sidebar-container{flex-shrink:0;height:100%;overflow-y:auto;background:#0000001a;width:var(--sidebar-percent, 30%);min-width:250px}.calendar-container{flex-grow:1;height:100%;min-width:0;overflow:hidden;position:relative;flex:1}@media (max-width: 1024px){.main-content{grid-template-columns:minmax(280px,35%) 4px 1fr!important;overflow-x:auto;min-width:100vw}.sidebar-container{height:100%}.resize-handle{display:flex}}@media (max-width: 600px){.main-content{min-width:150vw}}.resize-handle{width:8px;cursor:col-resize;display:flex;justify-content:center;align-items:center;z-index:50;margin:0;position:relative;background:transparent;transition:all .2s ease;flex-shrink:0}.resize-handle:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#ffffff0d;transition:all .2s}.resize-handle:hover:after,.resize-handle:active:after{background:var(--accent);width:2px;box-shadow:0 0 10px var(--accent-glow)}.resize-handle:hover,.resize-handle:active{background:#ffffff05}.resize-grabber,.resize-line{display:none}