:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:stretch}:root{--font-main: 16px;--font-small: .875rem;--font-xs: .75rem;font-size:16px}:root{--form-bg: #ffffff;--form-text: #202124;--form-border: #dadce0;--form-placeholder: #5f6368;--form-disabled-bg: #f1f3f4}html,body{margin:0;padding:0;width:100%;max-width:100%;display:block;overflow-x:hidden;overscroll-behavior-x:none}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.form-input{padding:8px;border:1px solid var(--form-border);border-radius:6px;background-color:var(--form-bg);color:var(--form-text);font-size:16px!important;box-sizing:border-box}.form-input::placeholder{color:var(--form-placeholder)}.form-input:disabled{background-color:var(--form-disabled-bg);color:var(--form-placeholder);cursor:not-allowed}textarea.form-input{font-size:16px!important;background-color:var(--form-bg);color:var(--form-text)}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media(prefers-color-scheme:dark){:root{--form-bg: #1f1f1f;--form-text: #e8eaed;--form-border: #3c4043;--form-placeholder: #9aa0a6;--form-disabled-bg: #2a2a2a}}@media(max-width:380px){:root{font-size:14px}}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{width:100%;text-align:center;max-width:100%;margin:0 auto;min-height:100vh;overflow-x:hidden}.app-container h1{margin-bottom:24px;font-size:1.8rem}.page-content{padding-left:5px;padding-right:5px;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.app-container.web{padding-left:200px}.app-container.web .page-content{padding-bottom:0}.todo-input{width:300px;padding:8px;margin-top:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}button{padding:10px 18px;background-color:#007bff;border:none;border-radius:6px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out}button:hover{background-color:#0056b3}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem}.button-column{display:flex;flex-direction:column;gap:16px;margin-top:20px}.home-btn{padding:12px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}.home-btn:hover{background-color:#1665cc}button{padding:12px;border-radius:6px;font-size:15px}.voice-button{margin-top:10px}.content-left{text-align:left}.summary-list{display:flex;flex-direction:column;gap:8px;text-align:left}.summary-item{padding-top:12px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;text-align:left}.summary-item .summary-subject{font-size:16px;line-height:1.4;margin:0 0 6px;text-align:left;white-space:normal;word-break:break-word}.summary-actions{margin:0 0 12px;padding-left:18px;list-style:none;text-align:left}.summary-action{display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.5;text-align:left}.summary-action:before{content:"•";flex-shrink:0;margin-top:2px}.summary-action-text{text-align:left;white-space:normal;word-break:break-word}.summary-sender{display:flex;flex-direction:row;align-items:flex-start;gap:10px;cursor:pointer;text-align:left}.summary-sender:hover{opacity:.85}.summary-sender-avatar{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background-color:#2563eb;color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center}.summary-sender-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}.summary-sender-name{font-size:14px;font-weight:600;color:#111827;white-space:normal;word-break:break-word}.summary-sender-subject{font-size:13px;color:#6b7280;white-space:normal;word-break:break-word}@media(prefers-color-scheme:dark){.summary-item{border-bottom:1px solid #2a2a2a}.summary-sender-name{color:#f9fafb}.summary-sender-subject{color:#d1d5db}.summary-sender-avatar{background-color:#3b82f6}}.draft-email-container{padding:24px;max-width:600px;margin:0 auto;text-align:left}.draft-email-container input,.draft-email-container textarea{font-size:16px!important}.draft-email-container h2{font-size:1.25rem;font-weight:600;margin-bottom:16px}.draft-email-container h3{font-size:1.125rem;font-weight:500;margin-bottom:16px}.draft-email-container label{display:block;margin-bottom:4px;font-weight:500}.draft-email-container input,.draft-email-container textarea{border:1px solid #ccc;padding:8px;border-radius:4px;width:100%;box-sizing:border-box;margin-bottom:12px}.draft-email-container button{border-radius:4px;cursor:pointer}.draft-email-container .send-button{padding:10px 18px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer}.draft-email-container .send-button:disabled{background-color:#9ca3af;cursor:not-allowed}.draft-email-container .success-buttons{margin-top:24px;text-align:center;display:flex;justify-content:center;gap:24px}.draft-email-container .success-buttons button{padding:8px 20px;color:#fff;background-color:#2563eb;border-radius:4px;cursor:pointer}.draft-email-container .success-buttons button:hover{background-color:#1d4ed8}.draft-email-container .error-msg{color:red;margin-bottom:12px}.draft-email-container .success-msg{color:green;margin-bottom:12px}.event-container{padding:24px;max-width:600px;margin:auto;font-family:inherit}.event-title{font-size:22px;font-weight:700;margin-bottom:16px}.event-field{margin-bottom:16px}.event-field label{display:block;margin-bottom:6px;font-weight:600}.event-field input,.event-field textarea{width:100%;padding:10px;border:1px solid #cccccc;border-radius:4px;font-size:16px!important}.event-error{color:red;margin-bottom:12px}.event-submit-button{padding:10px 20px;background-color:#2563eb;color:#fff;border:none;border-radius:4px;cursor:pointer}.event-submit-button:hover{background-color:#1d4ed8}.event-success-section{text-align:center}.event-success-message{font-size:18px;font-weight:700;color:green;margin-bottom:20px}.event-success-buttons{display:flex;justify-content:center;gap:16px}.event-success-buttons button{padding:10px 20px;color:#fff;background-color:#2563eb;border-radius:4px;cursor:pointer;border:none}.event-success-buttons button:hover{background-color:#1d4ed8}.google-meet-link{color:#1a73e8;cursor:pointer;font-weight:500}.google-meet-link:hover{text-decoration:underline}.google-meet-added{display:flex;align-items:center;gap:10px;background-color:#e8f0fe;padding:8px 12px;border-radius:6px;font-size:14px}.remove-meet-btn{background:none;border:none;color:#d93025;cursor:pointer}.reply-container{padding:24px;max-width:600px;margin:0 auto;text-align:left}.reply-title{font-size:20px;font-weight:700;margin-bottom:20px}.form-label{margin-bottom:6px;font-weight:500}.error-text{color:#c62828;margin-bottom:12px}.success-text{color:#2e7d32;margin-bottom:12px}.reply-btn-primary{padding:10px 18px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer}.reply-btn-primary:disabled{background-color:#9bb8e3}.reply-actions{display:flex;gap:16px;margin-top:20px}.reply-btn-secondary{padding:10px 18px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;cursor:pointer}.reply-quoted{margin-top:16px;padding:12px;border-left:3px solid var(--form-border);background-color:#00000008;color:var(--form-text)}@media(prefers-color-scheme:dark){.reply-quoted{background-color:#ffffff0a}}.notifications-container{margin:12px 0 20px}.notification-item{background:#f5f7fa;border-radius:8px;padding:10px 12px;margin-bottom:8px;font-size:14px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--app-bg, #ffffff);border-top:1px solid var(--app-border, #e5e7eb);display:flex;justify-content:space-around;align-items:center;z-index:1000}.nav-item{background:transparent;border:none;outline:none;-webkit-appearance:none;padding:6px 14px;border-radius:16px;display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600;color:var(--app-text-muted, #6b7280);cursor:pointer;-webkit-tap-highlight-color:transparent}button.nav-item{width:72px}.nav-item:focus,.nav-item:focus-visible{outline:none}.nav-item .icon{font-size:18px;line-height:1}.nav-item:hover,.nav-item:active{background:#2563eb14}.nav-item.active{color:#111}.home-voice-btn{background:none;border:none;padding:7px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.home-voice-btn img{width:32px;height:32px}.home-voice-btn.listening{transform:scale(1.4);box-shadow:0 0 12px #4caf50cc;border-radius:50%}.bottom-nav{box-shadow:0 -1px 6px #0000000d}@media(prefers-color-scheme:dark){.bottom-nav{background:#2a2a2a;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -1px 6px #0006}.nav-item{color:#9ca3af}.nav-item:active{background:#60a5fa1f}.nav-item.active{background:#60a5fa2e;color:#fff}.home-voice-btn{background:#f8f6f6c7}.home-voice-btn.listening{box-shadow:0 0 12px #60a5fae6}}.side-nav{position:fixed;top:0;left:0;bottom:0;width:200px;background:var(--app-bg, #ffffff);border-right:1px solid var(--app-border, #e5e7eb);box-shadow:1px 0 6px #0000000d;display:flex;flex-direction:column;padding:24px 12px 16px;z-index:1000}.side-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;margin-bottom:4px;border:none;border-radius:12px;background:transparent;cursor:pointer;font-size:14px;font-weight:600;color:var(--app-text-muted, #6b7280);text-align:left;transition:background .15s ease}.side-nav-item:hover{background:#2563eb14}.side-nav-item:focus{outline:none}.side-nav-item.active{background:#2563eb1a;color:#111}.side-nav-icon{font-size:18px;line-height:1}.side-nav-label{font-size:14px}.side-nav-voice{margin-top:auto;display:flex;justify-content:center;padding-bottom:8px}@media(prefers-color-scheme:dark){.side-nav{background:#2a2a2a;border-right:1px solid rgba(255,255,255,.08);box-shadow:1px 0 6px #0006}.side-nav-item{color:#9ca3af}.side-nav-item:hover,.side-nav-item:active{background:#60a5fa1f}.side-nav-item.active{background:#60a5fa2e;color:#fff}}.app-header{position:sticky;top:0;z-index:10;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--app-border, rgba(0, 0, 0, .06))}@supports (padding-top: env(safe-area-inset-top)){.app-header{height:calc(58px + min(env(safe-area-inset-top),40px));padding-top:min(env(safe-area-inset-top),40px);padding-bottom:10px}}.home-nav-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--app-text-primary, #1f2937);font-size:14px;font-weight:500;line-height:1;cursor:pointer;padding:6px 5px;border-radius:8px;transition:background .15s ease,color .15s ease}.home-nav-btn:hover{background:var(--app-hover-bg, rgba(0, 0, 0, .06))}.home-icon{font-size:18px;line-height:1}.home-label{line-height:1;display:inline-flex;align-items:center}.home-nav-btn:active{transform:scale(.96)}.back-icon{font-size:22px;line-height:1;display:inline-flex;align-items:center;position:relative;top:-1.5px}@media(prefers-color-scheme:dark){.app-header{border-bottom:1px solid rgba(255,255,255,.08)}.home-nav-btn{color:#e5e7eb}.home-nav-btn:hover{background:#ffffff14}}.email-item{display:flex;align-items:flex-start;width:100%;max-width:100%;box-sizing:border-box;padding:12px 6px;cursor:pointer;border-bottom:1px solid #eee;overflow-x:hidden}.email-item:hover{background-color:#f5f7f7}.email-avatar{width:40px;height:40px;border-radius:50%;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;flex-shrink:0}.email-content{flex:1 1 0;min-width:0;overflow:hidden}.email-header{display:flex;justify-content:space-between;align-items:baseline;width:100%;max-width:100%;min-width:0;overflow:hidden}.email-sender{font-weight:500;color:#202124}.email-time{font-size:12px;color:#5f6368}.email-subject{font-weight:500;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.email-preview{max-width:100%;min-width:0;font-size:13px;color:#5f6368;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.email-sender,.email-subject,.email-preview{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-sender{font-size:1rem;font-weight:600}.email-time{font-size:.75rem}.email-subject{font-size:.875rem;color:#202124}.email-preview{font-size:.8125rem;color:#5f6368}@media(prefers-color-scheme:dark){.email-item{border-bottom:1px solid #2a2a2a}.email-sender,.email-subject{color:#f1f3f4}.email-preview,.email-time{color:#9aa0a6}.email-item:hover{background-color:#1f1f1f}}@media(max-width:480px){.email-item{padding:12px 1px}.email-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}:root{--bottom-nav-height: calc(60px + env(safe-area-inset-bottom, 0px)) }.email-page{width:100%;max-width:100%;margin:0;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + 16px)}.email-loading{padding:24px;color:#5f6368}.compose-fab{position:fixed;bottom:calc(var(--bottom-nav-height) + 20px);right:20px;display:flex;align-items:center;gap:8px;padding:14px 18px;border-radius:28px;background-color:#1a73e8;color:#fff;font-size:16px;font-weight:500;border:none;cursor:pointer;box-shadow:0 4px 10px #00000040;z-index:1100}.compose-fab:hover{background-color:#1558c0}@media(max-width:480px){.compose-label{display:none}.compose-fab{width:56px;height:56px;justify-content:center;border-radius:50%;padding:0;font-size:22px}}:root{--gap: 8px;--cell: 44px;--agenda-header-h: 36px;--col-header-h: 60px}.calendar{width:100%;text-align:left;display:flex;flex-direction:column;height:calc(100dvh - 118px - min(env(safe-area-inset-top,0px),40px) - env(safe-area-inset-bottom,0px));overflow:hidden}.controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.controls-right{display:flex;align-items:center;gap:8px}.month-label{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#111;cursor:pointer;-webkit-user-select:none;user-select:none}.month-label:hover{color:#444}.caret{display:inline-flex;align-items:center;transition:transform .2s}.month-label.expanded .caret{transform:rotate(180deg)}.calendar select,.calendar button{padding:6px 12px;font-size:13px;font-weight:500;border:1px solid #ddd;border-radius:6px;background:#fff;color:#111;cursor:pointer}.calendar select:hover,.calendar button:hover{background:#f5f5f5}.view-panel{flex:1;min-height:0;display:flex;flex-direction:column}.view-panel.hidden{display:none}.dow{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap);margin-bottom:var(--gap);font-weight:600;font-size:12px;color:#666}.dow div{text-align:center}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap)}.cell{height:var(--cell);border:1px solid #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer}.cell.outside{color:#9aa0a6;background:#fafafa}.cell.today{border-color:#111;font-weight:700}.cell:hover{background:#f3f4f6}.cell.selected{background:#111;color:#fff;border-color:#111}.cell.selected:hover{background:#333}.agenda{margin-top:20px;border-top:1px solid #eee;flex:1;min-height:0;overflow-y:auto}.agenda-header{font-size:13px;font-weight:600;padding:10px 0 6px;position:sticky;top:0;background:#fff;z-index:2}.agenda-allday{display:flex;align-items:stretch;position:sticky;top:var(--agenda-header-h);z-index:1;background:#fff;border-top:1px solid #f0f0f0;border-bottom:2px solid #eee;min-height:36px}.allday-label{font-size:10px;color:#9aa0a6;width:44px;padding:8px 8px 0 0;flex-shrink:0;text-align:right;white-space:nowrap}.allday-events{flex:1;border-left:1px solid #f0f0f0;padding:4px 8px;min-height:36px}.agenda-slot{display:flex;align-items:flex-start;min-height:52px;border-top:1px solid #f0f0f0}.agenda-time{font-size:11px;color:#9aa0a6;width:44px;padding:6px 8px 0 0;flex-shrink:0;text-align:right}.agenda-content{flex:1;min-height:52px;border-left:1px solid #f0f0f0;padding-left:8px}.multi-day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--gap);padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid #eee}.multi-day-picker.hidden{display:none}.picker-dow{text-align:center;font-size:12px;font-weight:600;color:#666;padding:4px 0 2px}.multi-nav{display:flex;gap:4px;margin-bottom:8px}.nav-btn{width:30px;height:30px;padding:0;font-size:20px;line-height:1;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#f5f5f5}.multi-day-scroll{flex:1;min-height:0;overflow-y:auto;border:1px solid #eee;border-radius:8px}.multi-day-grid{display:grid}.time-gutter-header{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #eee}.day-col-header{position:sticky;top:0;z-index:2;background:#fff;padding:8px 4px 6px;text-align:center;border-bottom:1px solid #eee;border-left:1px solid #f0f0f0}.day-col-header.today{color:#1a73e8}.day-col-weekday{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-bottom:2px}.day-col-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:17px;font-weight:700;border-radius:50%}.day-col-header.today .day-col-num{background:#111;color:#fff}.allday-gutter{position:sticky;top:var(--col-header-h);z-index:3;background:#fff;font-size:10px;color:#9aa0a6;text-align:right;padding:8px 6px 0 4px;height:36px;box-sizing:border-box;border-top:1px solid #f0f0f0;border-bottom:2px solid #eee;white-space:nowrap}.allday-slot{position:sticky;top:var(--col-header-h);z-index:2;background:#fff;height:36px;box-sizing:border-box;border-top:1px solid #f0f0f0;border-bottom:2px solid #eee;border-left:1px solid #f0f0f0}.time-label{font-size:10px;color:#9aa0a6;text-align:right;padding:4px 6px 0 4px;height:52px;border-top:1px solid #f0f0f0;box-sizing:border-box;white-space:nowrap}.day-slot{height:52px;border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;box-sizing:border-box;position:relative;overflow:visible}.day-slot.current-hour{background:#fffde7}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;gap:var(--gap);flex:1;min-height:0}.month-cell{min-height:60px;border:1px solid #ddd;border-radius:8px;padding:5px 6px;box-sizing:border-box;cursor:pointer}.month-cell:hover{background:#f9f9f9}.month-cell.outside{color:#bbb;background:#fafafa;border-color:#eee}.month-cell.today{border-color:#111}.month-cell.selected{background:#f0f0f0}.month-cell-date{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:50%;margin-bottom:4px}.month-cell.today .month-cell-date{background:#111;color:#fff}.agenda-body{position:relative}.event-block{position:absolute;border-radius:5px;padding:3px 6px;color:#fff;font-size:12px;cursor:grab;z-index:1;overflow:hidden;box-sizing:border-box;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0000002e;display:flex;flex-direction:column;gap:1px}.event-block:active{cursor:grabbing}.event-block.dragging{opacity:.4}.event-block.compact{flex-direction:row;align-items:center;gap:0;flex-wrap:nowrap}.event-block.compact .event-title{flex-shrink:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-block.compact .event-time:before{content:", "}.event-block .event-title{font-size:10px;font-weight:600;margin:0;overflow:hidden;min-width:0;word-break:break-word}.event-time{font-size:10px;opacity:.85;white-space:nowrap}.event-block.needs-action{background:transparent!important;border-width:1px;border-style:solid;border-color:#0d47a1}.event-block.needs-action .event-title{font-weight:600;color:#0d47a1}.event-block.tentative{border-width:1px;border-style:solid;border-color:#0d47a1;background:repeating-linear-gradient(45deg,rgba(0,0,0,.25),rgba(0,0,0,.25) 3px,transparent 3px,transparent 6px),#0d47a1!important}.event-block.tentative .event-title{font-weight:600}.event-block.declined{display:none}.month-event-chip{display:block;font-size:11px;font-weight:500;color:#fff;border-radius:3px;padding:1px 5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:grab;-webkit-user-select:none;user-select:none}.month-event-chip:active{cursor:grabbing}.month-event-chip.dragging{opacity:.4}.month-more{font-size:10px;color:#666;padding:1px 2px}.drag-over{outline:2px dashed #1a73e8;outline-offset:-2px}.drag-over-top{background:linear-gradient(to bottom,rgba(26,115,232,.15) 50%,transparent 50%)!important}.drag-over-bottom{background:linear-gradient(to bottom,transparent 50%,rgba(26,115,232,.15) 50%)!important}.consent-page{display:flex;align-items:center;justify-content:center}.consent-card{width:100%;padding:24px;border-radius:12px;text-align:center}.consent-description{margin:12px 0 24px;color:#666}.signin-page{display:flex;align-items:center;justify-content:center}.signin-card{width:100%;padding:24px;border-radius:12px;text-align:center}.signin-description{margin:12px 0 24px;color:#666}.offline-toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#222;color:#fff;padding:12px 16px;border-radius:8px;z-index:9999}.email-details-container{width:100%;max-width:100%;margin:0;padding:16px}.email-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.email-subject{margin:0}.email-actions button{margin-left:8px}.email-meta{font-size:14px;color:#444;margin-bottom:16px}.email-preview-box{background:#f7f7f7;padding:12px;border-radius:6px;margin-bottom:16px}.email-preview-header{font-weight:700;margin-bottom:4px}.email-subject-multiline{margin-top:0;margin-bottom:12px;line-height:1.4;word-break:break-word;text-align:left}.email-header-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.sender-avatar{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#111;font-weight:600;display:flex;align-items:center;justify-content:center}.email-header-meta{display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.email-from,.email-to,.email-cc{text-align:left}.email-received-time{font-size:12px;color:#6b7280;margin-top:4px}.email-body{line-height:1.6;margin:16px 0;font-size:14px;text-align:left;width:100%}.email-body.plain-text{white-space:pre-wrap}.email-action-bar{display:flex;gap:8px;margin-top:16px}.btn-danger{background:#dc2626;color:#fff}.inline-error-banner{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px 12px;background:#fdecea;color:#b42318;border-radius:6px;font-size:14px}.btn-link{background:none;border:none;color:#005fcc;cursor:pointer;padding:0}.email-attachments{margin-top:20px}.attachments-header{font-weight:600;margin-bottom:12px}.attachments-grid{display:flex;flex-wrap:wrap;gap:12px}.attachment-card{position:relative;width:180px;height:120px;background:#fafafa;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center}.attachment-card:hover{transform:scale(1.05)}.attachment-preview-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.attachment-preview-generic{max-width:80%;max-height:80%;display:flex;align-items:center;justify-content:center;text-align:center;background:#eaeaea;border-radius:6px}.attachment-meta{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;padding:4px 6px;display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .2s;font-size:12px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.attachment-card:hover .attachment-meta{opacity:1}.attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-size{font-size:11px}.attachment-meta button{font-size:11px;padding:2px 4px;background:#fff3;color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer}.attachment-meta button:hover{background:#fff6}.event-section{margin-top:20px}.guest-list{list-style:none;padding:0;margin:0}.guest-item{padding:8px 0;border-bottom:1px solid #eee}.guest-info{display:block;justify-content:space-between;align-items:center}.guest-name{font-weight:500}.guest-status{font-size:.85rem;text-transform:capitalize}.status-accepted{color:green}.status-declined{color:red}.status-tentative{color:orange}.status-needsAction{color:gray}.self-guest{font-weight:600}.edit-event-container{max-width:420px;margin:auto;padding:20px;font-family:inherit}.edit-event-container h2{text-align:center;margin-bottom:15px}.edit-message{text-align:center;font-weight:600;margin-bottom:15px}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form input,.edit-form textarea{padding:10px;font-size:16px!important;border-radius:6px;border:1px solid #ccc}.edit-event-save-btn{margin-top:15px;padding:12px;background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:16px}.edit-event-back-btn{margin-top:10px;width:100%;padding:12px;background:#6b7280;color:#fff;border:none;border-radius:7px;font-size:16px}.edit-calendar-container{max-width:500px;margin:auto;padding:20px}.form-row{margin-bottom:16px;display:flex;flex-direction:column}.form-row label{font-weight:600;margin-bottom:6px}.form-row input,.form-row textarea{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:16px!important}[contenteditable=true]{font-size:16px!important}.save-button{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer}.error-text{color:red}.success-text{color:green}.edit-btn-primary,.edit-btn-secondary{display:inline-block;width:100%;padding:12px 16px;margin-top:12px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s ease,opacity .2s ease}.edit-btn-primary{background-color:#2563eb;color:#fff}.edit-btn-primary:hover{background-color:#1e40af}.edit-btn-primary:disabled{opacity:.6;cursor:not-allowed}.edit-btn-secondary{background-color:#e5e7eb;color:#374151}.edit-btn-secondary:hover{background-color:#d1d5db}.propose-container{max-width:520px;margin:0 auto;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.propose-header{font-size:1.4rem;font-weight:600;margin-bottom:16px}.propose-field{display:flex;flex-direction:column;margin-bottom:14px}.propose-field label{font-size:.9rem;margin-bottom:6px;color:#444}.propose-field input,.propose-field textarea{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:.95rem;background:#fff}.propose-field textarea{min-height:80px;resize:vertical}.propose-title{padding:10px;border-radius:8px;background:#f5f5f5;font-weight:500;font-size:1rem}.propose-actions{display:flex;gap:10px;margin-top:18px}.propose-btn{flex:1;padding:12px;border-radius:10px;border:none;font-size:.95rem;cursor:pointer}.propose-btn-primary{background:#2563eb;color:#fff}.propose-btn-primary:hover{background:#1e4fd6}.propose-btn-secondary{background:#e5e5e5;color:#333}.propose-btn-secondary:hover{background:#d4d4d4}@media(max-width:480px){.propose-container{padding:14px}.propose-header{font-size:1.2rem}.propose-btn{font-size:.9rem;padding:11px}}@media(prefers-color-scheme:dark){.propose-container{color:#e5e5e5}.propose-field label{color:#cfcfcf}.propose-field input,.propose-field textarea{background:#1e1e1e;border:1px solid #444;color:#eee}.propose-title{background:#2a2a2a}.propose-btn-secondary{background:#333;color:#eee}.propose-btn-secondary:hover{background:#444}.propose-btn-primary{background:#3b82f6}.propose-btn-primary:hover{background:#2563eb}}