*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--bg:#fffbf5;--surface:#fff8f0;--surface-alt:#f5f0e8;--text:#1c1917;--text-secondary:#57534e;--text-tertiary:#78716c;--border:#d6d3d1;--border-strong:#a8a29e;--primary:#44403c;--primary-hover:#292524;--primary-text:#fff;--destructive:#b91c1c;--destructive-hover:#991b1b;--success:#15803d;--focus-ring:#44403c4d;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--transition:.15s ease-out}[data-theme=dark]{--bg:#1c1917;--surface:#292524;--surface-alt:#44403c;--text:#fff;--text-secondary:#d6d3d1;--text-tertiary:#a8a29e;--border:#44403c;--border-strong:#57534e;--primary:#d6d3d1;--primary-hover:#f5f5f4;--primary-text:#1c1917;--destructive:#ef4444;--destructive-hover:#dc2626;--success:#22c55e;--focus-ring:#d6d3d14d}lms-calendar{--system-ui:var(--font);--background-color:var(--surface);--primary-color:var(--primary);--separator-light:var(--border);--separator-mid:#00000026;--separator-dark:#57534e;--header-text-color:#1c1917;--header-height:3.25em;--day-label-font-weight:500;--day-label-name-font-size:.8em;--day-label-number-font-size:1.1em;--indicator-color:#1c1917;--indicator-font-weight:700;--hour-indicator-color:#57534e;--hour-indicator-font-size:.75rem;--hour-height:44px;--entry-border-radius:4px;--entry-font-size:.85rem;--entry-padding:.35em .5em;--entry-color:#1c1917;--entry-month-text-color:#57534e;--entry-compact-show-time:block;--entry-time-opacity:.85;--entry-line-height:1.3;--entry-gap:.25em;--day-gap:1px;--day-padding:.4em;--month-day-gap:1px;--week-grid-background:var(--surface);--hour-height-mobile:52px;--hover-bg:#00000014;--focus-bg:#00000014;--peek-active-bg:#0000001a;--context-bg:#0000000f;--context-text-color:#57534e;--active-indicator-bg:var(--surface);--active-indicator-shadow:0 1px 2px #00000014;--indicator-backdrop-filter:blur(10px);--current-day-bg:var(--primary);--current-day-color:var(--primary-text);--current-day-font-weight:600;--current-dot-bg:#ffffffe6;--float-text-bg:#fffffff2;--float-text-shadow:0 1px 3px #00000026;--shadow-sm:#00000014 0px 2px 4px;--shadow-md:#00000014 0px 3px 3px 0px;--shadow-lg:#0000001a 0px 2px 8px;--shadow-hv:#0000000f 0px 4px 12px;--multi-day-separator:3px solid #fff6;--transition-speed:.15s;--year-month-label-hover-color:var(--primary);--cw-hover-color:var(--primary);--cw-hover-bg:#0000000a}[data-theme=dark] lms-calendar{--background-color:var(--surface);--primary-color:var(--primary);--separator-light:var(--border);--separator-mid:#ffffff14;--separator-dark:#a8a29e;--header-text-color:var(--text);--indicator-color:var(--primary);--hour-indicator-color:var(--text-tertiary);--week-grid-background:var(--surface);--hover-bg:#ffffff0f;--focus-bg:#ffffff0f;--peek-active-bg:#ffffff1a;--context-bg:#ffffff0f;--context-text-color:var(--text-secondary);--active-indicator-bg:var(--surface);--active-indicator-shadow:0 1px 2px #0000004d;--current-day-bg:var(--primary);--current-day-color:var(--primary-text);--current-dot-bg:#1c1917e6;--float-text-bg:#292524f2;--float-text-shadow:0 1px 3px #0006;--shadow-sm:#0000004d 0px 2px 4px;--shadow-md:#0000004d 0px 3px 3px 0px;--shadow-lg:#0006 0px 2px 8px;--shadow-hv:#0000004d 0px 4px 12px;--multi-day-separator:3px solid #0000004d;--entry-color:#fff;--entry-month-text-color:#ffffffbf;--year-month-label-hover-color:var(--primary);--cw-hover-color:var(--primary);--cw-hover-bg:#ffffff0f;--year-heatmap-1:#d6d3d126;--year-heatmap-2:#d6d3d14d;--year-heatmap-3:#d6d3d180;--year-heatmap-4:#d6d3d1b3;--year-heatmap-4-text:#1c1917}html,body{overflow:hidden;font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;min-height:100dvh;margin:0;font-size:15px;line-height:1.5}#root{display:flex;isolation:isolate;flex-direction:column;width:100%;height:100%;min-height:100dvh}.splash{position:fixed;background:var(--surface);z-index:9999;inset:0}.muted{color:var(--text-secondary);font-size:.92rem}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:6px;font-size:.68rem}.badge{background:var(--surface-alt);color:var(--text-secondary);border-radius:999px;padding:2px 10px;font-size:.75rem}.btn{display:inline-flex;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);justify-content:center;align-items: center;gap:6px;min-height:44px;padding:10px 16px;font-size:.875rem;font-weight:500}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-alt)}.btn-danger{background:var(--destructive);color:#fff;border-color:var(--destructive)}.btn-danger:hover:not(:disabled){background:var(--destructive-hover);border-color:var(--destructive-hover)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface-alt)}.btn-icon{color:var(--text-tertiary);cursor:pointer;display:inline-flex;background:0 0;border:none;border-radius:999px;justify-content:center;align-items: center;width:44px;height:44px;font-size:1.2rem}.btn-icon:hover{background:var(--surface-alt);color:var(--text)}.label{display:block;color:var(--text-secondary);margin-bottom:4px;font-size:.8rem;font-weight:500}.input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font-family:var(--font);transition:border-color var(--transition),box-shadow var(--transition);width:100%;min-height:44px;padding:10px 12px;font-size:.875rem}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.input::placeholder{color:var(--text-tertiary)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%2378716C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:34px}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23A8A29E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}textarea.input{resize:vertical;min-height:90px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.error-text{color:var(--destructive);font-size:.85rem}.success-text{color:var(--success);font-size:.85rem}.planner-shell{display:grid;grid-template-columns:220px 1fr;overflow:hidden;background:var(--surface);width:100%;height:100dvh}.planner-rail{overflow:hidden;display:flex;min-height:0}.planner-rail>*{flex:1;min-height:0}.planner-main{overflow:hidden;position:relative;border-left:1px solid var(--border);min-width:0;min-height:0;padding:6px}.calendar-clip{overflow:hidden;width:100%;height:100%}.calendar-clip lms-calendar{display:block;width:100%;height:100%}.fab{position:absolute;z-index:100;border-radius:var(--radius-lg);background:var(--primary);color:var(--primary-text);cursor:pointer;display:flex;transition:background var(--transition),box-shadow var(--transition);border:none;justify-content:center;align-items: center;width:44px;height:44px;font-size:1.3rem;font-weight:300;line-height:1;bottom:24px;right:24px;box-shadow:0 1px 4px #0000001f}.fab:hover{background:var(--primary-hover);box-shadow:0 2px 8px #0000002e}.fab:active{transform:scale(.95)}.calendar-sidebar{display:flex;overflow-y:auto;background:0 0;flex-direction:column;gap:10px;height:100%;padding:10px;font-size:14px}.calendar-sidebar::-webkit-scrollbar{width:3px}.calendar-sidebar::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.sidebar-spacer{flex:1}.sidebar-group{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding-top:8px}.sidebar-group:first-of-type{border-top:none;padding-top:0}.sidebar-group-header{display:flex;color:var(--text-secondary);justify-content:space-between;align-items: center;padding:.2em 0;font-size:.85em;font-weight:500}.sidebar-link{text-align:left;color:var(--text-secondary);cursor:pointer;font-size:.85em;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:5px;padding:.3em .5em;transition:color .15s,background .15s}.sidebar-link:hover{color:var(--text);background:var(--surface-alt)}.sidebar-footer{display:flex;border-top:1px solid var(--border);gap:2px;padding-top:8px}.sidebar-footer-link{text-align:center;color:var(--text-tertiary);cursor:pointer;font-size:.75em;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:5px;flex:1;padding:.4em .3em;transition:color .15s,background .15s}.sidebar-footer-link:hover{color:var(--text);background:var(--surface-alt)}.btn-sm{border-radius:5px;min-height:auto;padding:.4em .7em;font-size:.85em}.calendar-list{display:flex;flex-direction:column;gap:1px}.calendar-row{display:grid;grid-template-columns:8px 1fr auto;cursor:pointer;text-align:left;font-family:var(--font);color:var(--text);background:0 0;border:none;border-radius:5px;align-items: center;gap:6px;padding:.35em .5em;transition:background .15s}.calendar-row:hover{background:var(--surface-alt)}.calendar-row:not(.active){opacity:.45}.cal-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85em;font-weight:500}.calendar-remove{color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s,color .15s;font-size:.75em}.calendar-row:hover .calendar-remove{opacity:1}.calendar-remove:hover{color:var(--destructive)}.calendar-color-dot{border-radius:50%;width:8px;height:8px}.sidebar-create-form{display:flex;flex-direction:column;gap:6px}.sidebar-create-form .input{border-radius:5px;min-height:auto;padding:.4em .7em;font-size:.85em}.sidebar-create-form .form-actions{margin-top:2px}.mini-month{display:flex;flex-direction:column;gap:2px}.mini-month header{display:flex;justify-content:space-between;align-items: center;font-size:.85em}.mini-month header span{color:var(--text-secondary);font-weight:500}.mini-month .btn-icon{border-radius:5px;width:1.8em;height:1.8em;font-size:.85em}.mini-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.mini-month-day-label{text-align:center;color:var(--text-tertiary);padding:.15em 0;font-size:.7em;font-weight:500}.mini-month-cell{aspect-ratio:1;color:var(--text);cursor:pointer;font-size:.7em;font-family:var(--font);display:flex;background:0 0;border:none;border-radius:50%;justify-content:center;align-items: center;transition:background .15s}.mini-month-cell:hover{background:var(--surface-alt)}.mini-month-cell.active{background:var(--primary);color:var(--primary-text);font-weight:600}.mini-month-cell.today:not(.active){color:var(--primary);font-weight:600}.modal-overlay{position:fixed;backdrop-filter:blur(4px);display:flex;z-index:1000;background:#1c19174d;justify-content:center;align-items: center;padding:24px;inset:0}[data-theme=dark] .modal-overlay{background:#0006}.modal{overflow-y:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);--buncss-light:initial;--buncss-dark: ;color-scheme:light;width:min(460px,100%);max-height:90vh;box-shadow:0 1px 3px #00000014}[data-theme=dark] .modal{--buncss-light: ;--buncss-dark:initial;color-scheme:dark}.modal-header{display:flex;justify-content:space-between;align-items: flex-start;padding:14px 16px 0}.modal-header h2{margin:0;font-size:1.05rem;font-weight:600}.modal-header .muted{margin-top:2px}.modal-close{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition),background var(--transition);background:0 0;border:none;padding:4px;font-size:1.25rem;line-height:1}.modal-close:hover{color:var(--text);background:var(--surface-alt)}.modal-body{padding:12px 16px 16px}.event-detail{display:flex;flex-direction:column;gap:16px}.event-detail-meta{display:flex;flex-direction:column;gap:8px}.event-detail-meta-row{display:flex;color:var(--text-secondary);align-items: center;gap:8px;font-size:.85rem}.event-detail-meta-icon{text-align:center;color:var(--text-tertiary);flex-shrink:0;width:16px}.event-detail-row{display:flex;flex-direction:column;gap:4px}.event-detail-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.event-detail-desc{border-radius:var(--radius-sm);background:var(--surface-alt);overflow-wrap:break-word;word-break:break-word;min-width:0;padding:10px 12px;font-size:.85rem;line-height:1.5}.event-detail-desc a{word-break:break-all}.event-detail-calendar{display:inline-flex;align-items: center;gap:6px;font-weight:500}.event-detail-divider{border:none;border-top:1px solid var(--border);margin:0}.event-detail-actions{display:flex;justify-content:flex-end;gap:8px}.cmd-overlay{position:fixed;backdrop-filter:blur(2px);display:flex;z-index:2000;background:#1c191740;justify-content:center;align-items: flex-start;padding-top:min(20vh,160px);inset:0}[data-theme=dark] .cmd-overlay{background:#00000059}.cmd-palette{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);overflow:hidden;width:min(440px,100% - 32px);box-shadow:0 4px 20px #0000001f}[data-theme=dark] .cmd-palette{box-shadow:0 4px 20px #0006}.cmd-input{border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font);outline:none;background:0 0;width:100%;padding:14px 16px;font-size:.95rem}.cmd-input::placeholder{color:var(--text-tertiary)}.cmd-list{overflow-y:auto;max-height:360px;padding:4px}.cmd-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);padding:8px 12px 4px;font-size:.65rem}.cmd-item-event{gap:10px}.cmd-event-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cmd-event-body{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.cmd-event-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-event-meta{color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem}.cmd-empty{text-align:center;color:var(--text-tertiary);padding:16px;font-size:.85rem}.cmd-item{display:flex;border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items: center;width:100%;padding:10px 12px;transition:background .1s;font-size:.875rem}.cmd-item.active{background:var(--surface-alt)}.cmd-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg);color:var(--text-tertiary);padding:2px 6px;font-size:.7rem}.cmd-footer{display:flex;border-top:1px solid var(--border);color:var(--text-tertiary);align-items: center;gap:6px;padding:8px 12px;font-size:.7rem}.cmd-kbd-hint{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg);color:var(--text-tertiary);border-radius:3px;padding:1px 4px;font-size:.65rem}.color-picker{display:flex;flex-wrap:wrap;gap:5px}.dtfield-root{position:relative}.dtfield-trigger{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;align-items: center;gap:10px;width:100%;padding:10px 12px;font-size:.9rem}.dtfield-trigger:hover{border-color:var(--border-strong)}.dtfield-trigger[aria-expanded=true]{border-color:var(--primary)}.dtfield-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.75rem}.dtfield-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.dtfield-chev{color:var(--text-tertiary);flex-shrink:0;font-size:.8rem}.dtfield-popover{position:fixed;z-index:200;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px;padding:14px}.dpicker-grid{display:flex;flex-direction:column;gap:4px}.dpicker-grid-header{display:flex;justify-content:space-between;align-items: center;padding:2px 0;font-size:.85rem;font-weight:600}.dpicker-grid-header .btn-icon{padding:2px 8px;font-size:1rem}.dpicker-grid-body{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dpicker-day-label{text-align:center;color:var(--text-tertiary);padding:2px 0;font-size:.65rem}.dpicker-cell{border-radius:var(--radius-xs);color:var(--text);font-family:var(--font);cursor:pointer;background:0 0;border:0;height:26px;font-size:.8rem}.dpicker-cell:hover{background:var(--surface-alt)}.dpicker-cell.out-of-month{color:var(--text-tertiary);opacity:.55}.dpicker-cell.today{font-weight:700}.dpicker-cell.in-range{background:var(--surface-alt);border-radius:0}.dpicker-cell.range-edge{background:var(--primary);color:var(--primary-text)}.dpicker-cell.range-start{border-top-left-radius:var(--radius-xs);border-bottom-left-radius:var(--radius-xs)}.dpicker-cell.range-end{border-top-right-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs)}.dtfield-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chip{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;text-align:center;background:0 0;padding:6px 10px;font-size:.8rem}.chip:hover{background:var(--surface-alt);border-color:var(--border-strong);color:var(--text)}.dtfield-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.85rem}.dtfield-toggles .checkbox-label{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items: center;gap:8px;padding:6px 10px}.dtfield-toggles .checkbox-label:hover{border-color:var(--border-strong)}.dtfield-times{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dtfield-time-cell{display:flex;flex-direction:column;gap:4px}.dtfield-time-cell>span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.dtfield-time-cell>input[type=time]{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--bg);color:var(--text);font-family:var(--font);padding:8px 10px;font-size:.85rem}.color-swatch{cursor:pointer;transition:border-color var(--transition);border:2px solid #0000;border-radius:50%;width:24px;height:24px}.color-swatch:hover{filter:brightness(1.05)}.color-swatch.active{border-color:var(--text)}.page-center{display:flex;background:var(--bg);justify-content:center;align-items: center;min-height:100vh;padding:32px}.card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:12px;width:min(420px,100%);padding:24px}.card h1{font-size:1.5rem;font-weight:600}.card h2{font-size:1.125rem;font-weight:600}.settings-page{overflow-y:auto;background:var(--surface);display:flex;flex-direction:column;flex:1;align-items: center;width:100%;min-height:0;padding:40px 16px 64px}.settings-inner{display:flex;flex-direction:column;gap:0;width:min(480px,100%)}.settings-title{margin-bottom:4px;font-size:1.25rem;font-weight:600}.settings-back{color:var(--text-tertiary);font-family:var(--font);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--transition);background:0 0;border:none;align-self: flex-start;margin-bottom:24px;padding:.3em 0;font-size:.85rem;font-weight:500}.settings-back:hover{color:var(--text)}.settings-tabs{display:flex;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:4px;margin-bottom:4px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{color:var(--text-tertiary);font-family:var(--font);cursor:pointer;transition:color var(--transition),border-color var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;min-height:44px;padding:8px 12px;font-size:.82rem;font-weight:500}.settings-tab:hover{color:var(--text-secondary)}.settings-tab.active{color:var(--text);border-bottom-color:var(--text);font-weight:600}.settings-section{border-bottom:1px solid var(--border);padding:20px 0}.settings-section:first-of-type{padding-top:20px}.settings-section:last-of-type{border-bottom:none}.settings-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:2px;font-size:.68rem}.settings-desc{color:var(--text-secondary);margin-bottom:14px;font-size:.85rem;line-height:1.4}.settings-section .form-group{margin-bottom:12px}.settings-section .form-actions{margin-top:12px}.settings-about-title{margin-bottom:2px;font-size:.9rem;font-weight:600}.code-block{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);font-family:var(--font-mono);word-break:break-all;padding:10px;font-size:.8rem}.totp-qr-wrapper{display:flex;border-radius:var(--radius-sm);background:var(--surface-alt);justify-content:center;margin-bottom:12px;padding:16px}.totp-manual-entry{color:var(--text-tertiary);margin-bottom:12px;font-size:.82rem}.totp-manual-entry summary{cursor:pointer;user-select:none}.totp-manual-entry summary:hover{color:var(--text-secondary)}.checkbox-label{display:inline-flex;cursor:pointer;align-items: center;gap:6px;font-size:.875rem}.checkbox-label input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px}.sync-badge{display:inline-block;color:var(--text-tertiary);vertical-align:middle;margin-left:4px;font-size:.75em}.sync-error-badge{display:inline-flex;color:#fff;font-size:.65rem;font-weight:700;font-family:var(--font-mono);cursor:help;vertical-align:middle;background:#c62828;border-radius:50%;justify-content:center;align-items: center;width:14px;height:14px;margin-left:4px;line-height:1}.sync-issues-pill{display:flex;border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;background:#c6282814;border:1px solid #c62828;align-items: center;gap:8px;margin:8px 12px 4px;padding:8px 10px;font-size:.8rem}.sync-issues-pill:hover{background:#c6282824}.sync-issues-icon{display:inline-flex;color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-mono);background:#c62828;border-radius:50%;flex-shrink:0;justify-content:center;align-items: center;width:18px;height:18px}.google-sync-calendar-list{display:flex;flex-direction:column;gap:6px}.google-sync-calendar-item{display:flex;color:var(--text-secondary);align-items: center;gap:8px;font-size:.85rem}.sync-source-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sync-source-item{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);justify-content:space-between;align-items: center;gap:8px;padding:6px 8px;font-size:.85rem}.sync-source-info{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items: center;gap:8px;min-width:0}.mobile-controls{display:none}.mobile-controls-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font);width:100%;min-height:44px;padding:12px}.mobile-controls-drawer{position:fixed;backdrop-filter:blur(6px);display:flex;z-index:2000;background:#1c191766;justify-content:center;align-items: flex-end;padding:24px 16px;inset:0}.mobile-controls-panel{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(640px,100%);padding:20px;box-shadow:0 1px 3px #00000014}.mobile-controls-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}.mobile-controls-header span{font-size:.875rem;font-weight:600}.mobile-controls-body{overflow-y:auto;max-height:70vh}@media (max-width:900px){.planner-shell{grid-template-columns:1fr}.planner-rail{display:none}.planner-main{border-left:none}.mobile-controls{display:block}.form-row{flex-direction:column}}