*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh}:root,[data-theme=cosmos]{--ui-bg:#080a14e0;--ui-border:#ffffff1a;--text:#ffffffd9;--text-muted:#fff6;--text-faint:#ffffff38;--btn-hover:#ffffff14;--btn-active:#ffffff21;--btn-border-active:#fff6;--slider-track:#ffffff38;--slider-thumb:#ffffffd9}[data-theme=dusk]{--ui-bg:#0e0626eb;--ui-border:#b48cff26;--text:#dcc8ffe6;--text-muted:#b496ff73;--text-faint:#b496ff38;--btn-hover:#b48cff1a;--btn-active:#b48cff2e;--btn-border-active:#c8aaff80;--slider-track:#b48cff47;--slider-thumb:#d2b4ffe6}[data-theme=paper]{--ui-bg:#f2ece0ed;--ui-border:#3c28141f;--text:#28190ae0;--text-muted:#28190a73;--text-faint:#28190a40;--btn-hover:#28190a0f;--btn-active:#28190a1a;--btn-border-active:#28190a66;--slider-track:#28190a33;--slider-thumb:#28190acc}[data-theme=mono]{--ui-bg:#121212e6;--ui-border:#ffffff1a;--text:#ffffffd9;--text-muted:#fff6;--text-faint:#fff3;--btn-hover:#ffffff12;--btn-active:#ffffff1f;--btn-border-active:#ffffff61;--slider-track:#ffffff38;--slider-thumb:#ffffffd9}.app-root{width:100vw;height:100vh;position:relative;overflow:hidden}.canvas-mono canvas{filter:grayscale()contrast(1.1)}.month-label{color:var(--text);letter-spacing:.25em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:100;font-family:Georgia,serif;font-size:28px;position:fixed;top:40px;left:50%;transform:translate(-50%)}.hud{color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:100;font-family:Georgia,serif;font-size:12px;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.mini-map{z-index:200;background:var(--ui-bg);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);filter:grayscale()contrast(1.15);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:fixed;top:20px;left:20px}.cal-btn{border:1px solid var(--ui-border);background:var(--ui-bg);width:38px;height:38px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:color .15s,background .15s;display:flex;position:fixed;bottom:32px;right:32px}.cal-btn:hover{color:var(--text);background:var(--btn-hover)}.settings-panel{z-index:200;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:32px;left:32px}.settings-toggle{border:1px solid var(--ui-border);background:var(--ui-bg);width:38px;height:38px;color:var(--text-muted);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:flex}.settings-toggle:hover{background:var(--btn-hover);color:var(--text)}.settings-content{background:var(--ui-bg);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;min-width:210px;padding:14px 16px}.settings-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;font-family:Georgia,serif;font-size:10px}.theme-swatches{gap:7px;margin-bottom:4px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;padding:0;transition:border-color .15s,transform .1s}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch.active{border-color:var(--text)}.settings-modes{gap:6px;margin-bottom:14px;display:flex}.mode-btn{border:1px solid var(--ui-border);color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:5px;flex:1;padding:5px 0;font-family:Georgia,serif;font-size:11px;transition:all .15s}.mode-btn:hover{background:var(--btn-hover);color:var(--text)}.mode-btn.active{background:var(--btn-active);border-color:var(--btn-border-active);color:var(--text)}.settings-controls{flex-direction:column;gap:10px;display:flex}.slider-row{cursor:default;align-items:center;gap:8px;display:flex}.slider-label{color:var(--text-muted);flex-shrink:0;width:48px;font-family:Georgia,serif;font-size:11px}.slider-row input[type=range]{-webkit-appearance:none;background:var(--slider-track);cursor:pointer;border-radius:2px;outline:none;flex:1;height:2px}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-thumb);cursor:pointer;border-radius:50%;width:11px;height:11px}.slider-value{color:var(--text-faint);text-align:right;flex-shrink:0;width:28px;font-family:Georgia,serif;font-size:10px}.edit-blocks-btn{border:1px solid var(--ui-border);width:100%;color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:6px;padding:7px 12px;font-family:Georgia,serif;font-size:12px;transition:all .15s}.edit-blocks-btn:hover,.edit-blocks-btn.active{background:var(--btn-active);color:var(--text);border-color:var(--btn-border-active)}.view-toggle{border:1px solid var(--ui-border);background:var(--ui-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;border-radius:20px;display:flex;position:fixed;top:24px;right:24px;overflow:hidden}.view-toggle button{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:6px 16px;font-family:Georgia,serif;font-size:11px;transition:background .15s,color .15s}.view-toggle button:hover{color:var(--text);background:var(--btn-hover)}.view-toggle button.active{background:var(--btn-active);color:var(--text)}.event-sidebar{background:var(--ui-bg);border-left:1px solid var(--ui-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:150;pointer-events:none;flex-direction:column;width:280px;height:100vh;transition:transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.event-sidebar.open{pointer-events:auto;transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:center;padding:28px 20px 16px;display:flex}.sidebar-month{letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-family:Georgia,serif;font-size:16px}.sidebar-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;transition:color .15s}.sidebar-close:hover{color:var(--text)}.sidebar-events{scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;flex:1;padding:12px 16px;overflow-y:auto}.no-events{color:var(--text-faint);text-align:center;padding:32px 0;font-family:Georgia,serif;font-size:12px;font-style:italic}.event-item{border-left:3px solid var(--ui-border);background:var(--btn-hover);border-radius:0 5px 5px 0;margin-bottom:8px;padding:8px 10px}.event-item-row{align-items:flex-start;gap:6px;display:flex}.event-item-text{flex:1;min-width:0}.event-item-title{color:var(--text);margin-bottom:2px;font-family:Georgia,serif;font-size:13px}.event-item-date{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-family:Georgia,serif;font-size:10px}.event-item-desc{color:var(--text-muted);margin-top:4px;font-family:Georgia,serif;font-size:11px;line-height:1.4}.event-edit-btn{color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px;line-height:1;transition:opacity .15s,color .15s}.event-item:hover .event-edit-btn{opacity:1}.event-edit-btn:hover{color:var(--text)}.add-event-btn{border:1px solid var(--ui-border);color:var(--text-muted);letter-spacing:.1em;cursor:pointer;background:0 0;border-radius:6px;width:calc(100% - 32px);margin:12px 16px 20px;padding:9px 0;font-family:Georgia,serif;font-size:12px;transition:all .15s}.add-event-btn:hover{background:var(--btn-hover);color:var(--text);border-color:var(--btn-border-active)}.sidebar-tabs{border-bottom:1px solid var(--ui-border);flex-shrink:0;display:flex}.sidebar-tab{color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex:1;padding:9px 0;font-family:Georgia,serif;font-size:10px;transition:color .15s,background .15s}.sidebar-tab:hover{color:var(--text);background:var(--btn-hover)}.sidebar-tab.active{color:var(--text);border-bottom:2px solid var(--text)}.planner-nav{border-bottom:1px solid var(--ui-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.planner-nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:20px;line-height:1;transition:color .15s}.planner-nav-btn:hover{color:var(--text)}.planner-date-label{letter-spacing:.2em;color:var(--text);font-family:Georgia,serif;font-size:11px}.planner-scroll{scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;flex:1;overflow-y:auto}.planner-allday{border-bottom:1px solid var(--ui-border);align-items:flex-start;gap:0;min-height:40px;padding:8px 0;display:flex}.planner-hours{flex-direction:column;display:flex}.planner-row{border-bottom:1px solid var(--ui-border);align-items:flex-start;min-height:48px;display:flex}.planner-row:last-child{border-bottom:none}.planner-time-col{width:40px;color:var(--text-faint);letter-spacing:.06em;text-transform:lowercase;flex-shrink:0;padding:6px 6px 0 12px;font-family:Georgia,serif;font-size:9px;line-height:1}.planner-slot{flex-direction:column;flex:1;gap:3px;padding:4px 10px 4px 4px;display:flex}.planner-empty{color:var(--text-faint);padding:2px 0;font-family:Georgia,serif;font-size:10px}.planner-event{border-left:3px solid var(--ui-border);background:var(--btn-hover);cursor:pointer;border-radius:0 4px 4px 0;padding:4px 8px;transition:background .12s}.planner-event:hover{background:var(--btn-active)}.planner-event-title{color:var(--text);font-family:Georgia,serif;font-size:11px;line-height:1.3}.planner-event-time{color:var(--text-muted);letter-spacing:.08em;margin-top:1px;font-family:Georgia,serif;font-size:9px}.event-item-time{color:var(--text-faint);font-size:10px}.modal-time{flex:0 0 80px}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--ui-bg);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;width:340px;max-width:calc(100vw - 40px);padding:28px 28px 24px}.modal-title{letter-spacing:.2em;text-transform:uppercase;color:var(--text);margin-bottom:20px;font-family:Georgia,serif;font-size:14px}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field span{letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-family:Georgia,serif;font-size:10px}.modal-field input:not([type=color]),.modal-field select,.modal-field textarea{background:var(--btn-hover);border:1px solid var(--ui-border);color:var(--text);resize:none;border-radius:6px;outline:none;padding:8px 10px;font-family:Georgia,serif;font-size:13px;transition:border-color .15s}.modal-field input:not([type=color]):focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--btn-border-active)}.modal-field select option{background:#0e1020}.modal-date-row{gap:10px;display:flex}.modal-date-row .modal-field{flex:1}.modal-date-row .modal-day{flex:0 0 70px}.modal-color-row{flex-direction:row;align-items:center;gap:12px}.modal-color-row span{flex-shrink:0}.modal-field input[type=color]{border:1px solid var(--ui-border);cursor:pointer;background:0 0;border-radius:5px;width:36px;height:28px;padding:2px}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.modal-delete{color:#c83c3cbf;cursor:pointer;background:0 0;border:1px solid #c83c3c59;border-radius:6px;margin-right:auto;padding:8px 14px;font-family:Georgia,serif;font-size:12px;transition:all .15s}.modal-delete:hover{color:#c83c3c;background:#c83c3c14;border-color:#c83c3c99}.modal-cancel{border:1px solid var(--ui-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-family:Georgia,serif;font-size:12px;transition:all .15s}.modal-cancel:hover{background:var(--btn-hover);color:var(--text)}.modal-save{border:1px solid var(--btn-border-active);background:var(--btn-active);color:var(--text);letter-spacing:.05em;cursor:pointer;border-radius:6px;padding:8px 18px;font-family:Georgia,serif;font-size:12px;transition:all .15s}.modal-save:hover{background:var(--btn-hover)}.sidebar-gcal-section{border-top:1px solid var(--ui-border);padding:10px 16px}.gcal-connect-btn{border:1px solid var(--ui-border);width:100%;color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:6px;padding:8px 0;font-family:Georgia,serif;font-size:11px;transition:all .15s}.gcal-connect-btn:hover{background:var(--btn-hover);color:var(--text);border-color:var(--btn-border-active)}.gcal-panel{flex-direction:column;gap:8px;display:flex}.gcal-user{align-items:center;gap:7px;display:flex}.gcal-avatar{color:#fff;background:#4285f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex}.gcal-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Georgia,serif;font-size:10px;overflow:hidden}.gcal-signout{color:var(--text-faint);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:10px;transition:color .15s}.gcal-signout:hover{color:var(--text)}.gcal-sync-btn{border:1px solid var(--ui-border);width:100%;color:var(--text-muted);letter-spacing:.08em;cursor:pointer;background:0 0;border-radius:6px;padding:7px 0;font-family:Georgia,serif;font-size:11px;transition:all .15s}.gcal-sync-btn:hover:not(:disabled){background:var(--btn-hover);color:var(--text);border-color:var(--btn-border-active)}.gcal-sync-btn:disabled{opacity:.5;cursor:default}.gcal-error{color:#c83c3ccc;font-family:Georgia,serif;font-size:10px}.gcal-last-sync{color:var(--text-faint);font-family:Georgia,serif;font-size:10px;font-style:italic}.gcal-cal-list{flex-direction:column;gap:5px;display:flex}.gcal-cal-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:2px 0;display:flex}.gcal-cal-toggle{border:1px solid var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;width:11px;height:11px;transition:border-color .15s;display:flex}.gcal-cal-item:hover .gcal-cal-toggle{border-color:var(--text)}.gcal-cal-toggle-fill{background:var(--text-muted);width:5px;height:5px;display:block}.gcal-cal-item:hover .gcal-cal-toggle-fill{background:var(--text)}.gcal-cal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gcal-cal-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,serif;font-size:11px;overflow:hidden}