.hue-home{--hue:var(--hue-home)}.hue-mail{--hue:var(--hue-mail)}.hue-people{--hue:var(--hue-people)}.hue-setup{--hue:var(--hue-setup)}.hue-security{--hue:var(--hue-security)}.hue-account{--hue:var(--hue-account)}.ui-page-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.ui-page-header-text{flex-direction:column;gap:6px;min-width:0;display:flex}.ui-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);font-size:11.5px;font-weight:700}.ui-page-header h1{letter-spacing:-.045em;font-size:34px;font-weight:700;line-height:1.08}.ui-page-header p{color:var(--text-secondary);font-size:15px}.ui-page-header-actions{flex-shrink:0;gap:10px;display:flex}.ui-btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-elevated);height:42px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ui-btn svg{width:16px;height:16px}.ui-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ui-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.ui-btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--sheen), 0 8px 20px -10px #4f46e5b3;border-color:#0000}.ui-btn-ghost{box-shadow:none;color:var(--accent-text);background:0 0;border-color:#0000;padding:0 6px}.ui-btn-ghost:hover{box-shadow:none;transform:translate(2px)}.ui-empty{text-align:center;background:radial-gradient(50% 60% at 50% 0%, color-mix(in oklab, var(--accent-1) 9%, transparent), transparent 70%);flex-direction:column;align-items:center;gap:8px;padding:56px 24px;display:flex;position:relative}.ui-empty-orb{border:1px dashed color-mix(in oklab, var(--accent-1) 30%, transparent);background:color-mix(in oklab, var(--accent-1) 5%, transparent);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:8px;display:inline-flex}.ui-empty-orb span{width:52px;height:52px;color:var(--accent-1);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow-md), var(--sheen);border-radius:15px;justify-content:center;align-items:center;display:inline-flex}.ui-empty h3{letter-spacing:-.03em;color:var(--text-primary);font-size:20px;font-weight:700}.ui-empty p{max-width:380px;font-size:14px}.ui-empty-action{margin-top:10px}.ui-preview{flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.ui-preview-card{background:var(--bg-elevated);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow-lg), var(--sheen);border-radius:18px;overflow:hidden;transform:rotate(-1.4deg)}.ui-preview-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.ui-preview-head strong{color:var(--text-primary);font-size:14px;display:block}.ui-preview-head small{color:var(--text-muted);font-size:11.5px}.ui-preview-mark{width:32px;height:32px;color:var(--accent-1);background:var(--accent-subtle);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.ui-preview-mark svg{width:17px;height:17px}.ui-preview-live{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in oklab, var(--success) 18%, transparent);border-radius:50%;margin-left:auto}.ui-preview ul{margin:0;padding:6px;list-style:none}.ui-preview li{border-radius:11px;align-items:center;gap:10px;padding:9px 10px;display:flex}.ui-preview li.is-unread{background:color-mix(in oklab, var(--accent-1) 6%, transparent)}.ui-preview-avatar{width:30px;height:30px;color:var(--hue);background:color-mix(in oklab, var(--hue) 14%, var(--bg-elevated));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.ui-preview-row{flex-direction:column;flex:1;min-width:0;display:flex}.ui-preview-row strong{color:var(--text-primary);font-size:12.5px}.ui-preview li:not(.is-unread) .ui-preview-row strong{font-weight:500}.ui-preview-row span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ui-preview time{color:var(--text-muted);white-space:nowrap;font-size:11px}.ui-preview-foot{justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 14px;display:flex}.ui-preview-chip{color:var(--success);background:var(--success-bg);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.ui-preview-chip svg,.ui-preview-compose svg{width:13px;height:13px}.ui-preview-compose{color:#fff;background:var(--gradient-brand);box-shadow:var(--sheen);border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.ui-preview figcaption{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:600}@media (width<=640px){.ui-page-header{flex-direction:column;align-items:flex-start}.ui-page-header h1{font-size:28px}}