@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/UbuntuMono-Regular-l4cqI2xd.woff2) format("woff2")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/UbuntuMono-Bold-nUYOZNIl.woff2) format("woff2")}:root{--grimoire-violet: #9085e9;--grimoire-violet-dim: #4a3aa7;--grimoire-bg: #14101f;--grimoire-surface: #1e1830;--grimoire-surface-raised: #241d3a;--grimoire-ink: #e8e5f7;--grimoire-ink-secondary: #a89fc9;--grimoire-ink-faint: #756c93;--status-critical: #d03b3b;--status-warning: #fab219;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px -12px rgba(74, 58, 167, .35);--ease-standard: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--grimoire-bg);color:var(--grimoire-ink);font-family:Ubuntu Mono,ui-monospace,Cascadia Code,Consolas,monospace;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:.88rem;letter-spacing:.01em;background:var(--grimoire-violet-dim);color:var(--grimoire-ink);border:1px solid transparent;border-radius:var(--radius-sm);padding:.5rem .95rem;cursor:pointer;transition:background-color .14s var(--ease-standard),border-color .14s var(--ease-standard),transform .1s var(--ease-standard)}button:hover:not(:disabled){background:var(--grimoire-violet)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.grim-secondary{background:transparent;border-color:var(--grimoire-violet-dim);color:var(--grimoire-ink-secondary)}button.grim-secondary:hover:not(:disabled){border-color:var(--grimoire-violet);color:var(--grimoire-ink);background:color-mix(in srgb,var(--grimoire-violet-dim) 25%,transparent)}input,textarea{font-family:inherit;font-size:.9rem;background:var(--grimoire-bg);border:1px solid var(--grimoire-violet-dim);border-radius:var(--radius-sm);color:var(--grimoire-ink);padding:8px 10px;width:100%}input:focus-visible,textarea:focus-visible{outline:2px solid var(--grimoire-violet);outline-offset:1px}.grim-title{margin:0 0 12px;font-weight:700;font-size:1.05rem}.grim-muted{color:var(--grimoire-ink-secondary);font-size:.82rem}.grim-empty{color:var(--grimoire-ink-secondary);padding:var(--space-4)}.grim-panel{background:var(--grimoire-surface);border:1px solid color-mix(in srgb,var(--grimoire-violet-dim) 70%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:var(--space-4) var(--space-5)}.grim-shell{display:flex;min-height:100%;align-items:center;justify-content:center;padding:24px}.grim-login-panel{width:100%;max-width:440px}.grim-subtitle{margin:0 0 20px;color:var(--grimoire-ink-secondary);font-size:.82rem;line-height:1.5}.grim-subtitle-note{padding:10px 12px;border-left:2px solid var(--grimoire-violet);background:color-mix(in srgb,var(--grimoire-violet-dim) 18%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.grim-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.grim-field label{font-size:.75rem;letter-spacing:.02em;text-transform:uppercase;color:var(--grimoire-ink-secondary)}.grim-error{color:var(--status-critical);font-size:.82rem;margin:10px 0 0}.grim-message{margin-top:18px;padding:12px 14px;background:var(--grimoire-surface-raised);border-radius:var(--radius-sm);font-size:.85rem;white-space:pre-wrap}.grim-banner{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:10px var(--space-4);background:color-mix(in srgb,var(--grimoire-violet-dim) 45%,var(--grimoire-surface));border-bottom:1px solid var(--grimoire-violet-dim);font-size:.8rem;text-align:center}.grim-banner-cta{flex:none;color:var(--grimoire-ink);font-weight:700;text-decoration:none;white-space:nowrap}.grim-banner-cta:hover{color:var(--grimoire-violet)}.grim-app-viewport{display:flex;flex-direction:column;height:100%}.grim-mailbox{display:flex;flex:1;min-height:0}.grim-sidebar{flex:none;width:200px;display:flex;flex-direction:column;gap:var(--space-4);background:var(--grimoire-surface);border-right:1px solid color-mix(in srgb,var(--grimoire-violet-dim) 60%,transparent);padding:var(--space-4) var(--space-3)}.grim-compose-button{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.grim-sidebar-footer{margin-top:auto;padding-top:calc(.5rem + var(--space-2));border-top:1px solid color-mix(in srgb,var(--grimoire-violet-dim) 60%,transparent)}.grim-logout-button{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.grim-folder-nav{display:flex;flex-direction:column;gap:2px}.grim-folder-item{display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid transparent;color:var(--grimoire-ink-secondary);padding:.55rem var(--space-3);border-radius:var(--radius-sm);text-align:left}.grim-folder-item:hover:not(.active){background:color-mix(in srgb,var(--grimoire-violet-dim) 30%,transparent);color:var(--grimoire-ink)}.grim-folder-item.active{background:color-mix(in srgb,var(--grimoire-violet-dim) 45%,transparent);border-color:color-mix(in srgb,var(--grimoire-violet) 40%,transparent);color:var(--grimoire-ink);font-weight:700}.grim-folder-count{background:var(--grimoire-violet);color:var(--grimoire-bg);font-size:.7rem;font-weight:700;border-radius:999px;padding:1px 7px}.grim-message-list{flex:none;width:340px;overflow-y:auto;border-right:1px solid color-mix(in srgb,var(--grimoire-violet-dim) 60%,transparent);padding:var(--space-2);display:flex;flex-direction:column;gap:4px}.grim-message-item{cursor:pointer;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color .14s var(--ease-standard),background-color .14s var(--ease-standard),transform .14s var(--ease-standard)}.grim-message-item:hover{border-color:var(--grimoire-violet);background:color-mix(in srgb,var(--grimoire-violet-dim) 18%,var(--grimoire-surface));transform:translate(2px)}.grim-message-item.active{background:color-mix(in srgb,var(--grimoire-violet-dim) 30%,var(--grimoire-surface));border-color:var(--grimoire-violet)}.grim-message-item.unread .grim-message-from,.grim-message-item.unread .grim-message-subject{font-weight:700;color:var(--grimoire-ink)}.grim-message-item-top{display:flex;justify-content:space-between;font-size:.78rem;color:var(--grimoire-ink-secondary);margin-bottom:3px}.grim-message-subject{font-size:.88rem;color:var(--grimoire-ink-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.grim-message-preview{font-size:.78rem;color:var(--grimoire-ink-faint);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.grim-reading-pane{flex:1;min-width:0;overflow-y:auto;padding:var(--space-5)}.grim-reading-pane-empty{display:flex;align-items:center;justify-content:center}.grim-reading-subject{font-size:1.1rem;font-weight:700;margin:0 0 var(--space-3)}.grim-reading-meta{padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--grimoire-violet-dim) 60%,transparent);font-size:.85rem;display:flex;flex-direction:column;gap:2px}.grim-reading-body{white-space:pre-wrap;line-height:1.6;margin-bottom:var(--space-5)}.grim-reading-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.grim-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.grim-modal{width:100%;max-width:520px;background:var(--grimoire-surface);border:1px solid var(--grimoire-violet-dim);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.grim-modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.grim-link-button{background:none;border:none;color:var(--grimoire-violet);font-size:.82rem;cursor:pointer;padding:0;margin-top:var(--space-3);text-align:left;text-decoration:underline}.grim-link-button:hover{opacity:.85}.grim-recovery-key-button{margin-bottom:var(--space-2)}.grim-recovery-modal{max-width:480px}.grim-recovery-display{display:flex;flex-direction:column;gap:var(--space-3)}.grim-recovery-key{font-family:monospace;font-size:.95rem;word-break:break-all;background:var(--grimoire-bg);border:1px solid var(--grimoire-violet-dim);border-radius:var(--radius-sm);padding:var(--space-3);cursor:pointer;-webkit-user-select:all;user-select:all}.grim-recovery-copy{align-self:flex-start}.grim-recovery-warning{font-size:.8rem;color:var(--grimoire-ink-secondary);line-height:1.5;border-left:2px solid var(--status-critical);padding-left:var(--space-3)}