.mailbox{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--color-bg)}.mailbox-topbar{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-12);min-height:var(--topbar-height);padding:var(--space-8) var(--space-16);padding-top:max(var(--space-8),env(safe-area-inset-top));background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mailbox-brand{margin:0;color:inherit;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:-.02em}.mailbox-topbar{padding:0}.search-form{display:flex;align-items:center;gap:var(--space-8);width:100%;min-width:0}.folder-link.is-active{background:var(--color-surface-raised);color:var(--color-accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-raised)}.folder-link[aria-current=page]{color:var(--color-accent)}.search-field{display:flex;align-items:center;gap:var(--space-8);flex:1;min-width:0;min-height:40px;padding:0 var(--space-12);background:var(--color-surface-sunken);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-sunken);color:var(--color-text-muted)}.search-field:focus-within{border-color:var(--color-accent);color:var(--color-text-primary)}.mailbox-search{flex:1;min-width:0;border:0;background:transparent;padding:var(--space-8) 0;box-shadow:none}.search-help{position:relative;display:none}.search-popover,.account-popover{position:absolute;right:0;top:calc(100% + var(--space-8));z-index:var(--z-popover);width:min(320px,80vw);padding:var(--space-12);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-composer)}.search-popover p{margin:0 0 var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.search-popover ul{list-style:none;margin:0;padding:0}.search-popover button{display:grid;width:100%;grid-template-columns:120px 1fr;gap:var(--space-8);padding:var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;text-align:left}.search-popover button:hover{background:var(--color-surface-sunken)}.search-popover code{font-family:var(--font-mono);font-size:var(--font-size-xs)}.account-menu{position:relative}.account-trigger{border:0;background:transparent;padding:0;border-radius:var(--radius-sm)}.account-popover{display:grid;gap:var(--space-4);width:240px}.account-email{margin:0;padding:var(--space-8);font-size:var(--font-size-sm);word-break:break-all}.account-popover button,.account-popover a{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:var(--touch);padding:var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;text-decoration:none;text-align:left}.account-popover button:hover,.account-popover a:hover{background:var(--color-surface-sunken)}.mailbox-frame{display:grid;grid-template-columns:1fr;min-height:0;position:relative}.mailbox-sidebar{display:none;flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-12);background:var(--color-surface);border-right:1px solid var(--color-border)}.mailbox-sidebar.is-open,.mailbox-nav-backdrop{display:flex}.mailbox-nav-backdrop{position:fixed;inset:0;border:0;background:var(--color-overlay);z-index:var(--z-nav)}.mailbox-sidebar.is-open{position:fixed;inset:0 auto 0 0;width:min(280px,88vw);z-index:calc(var(--z-nav) + 1);box-shadow:var(--shadow-composer);padding-top:max(var(--space-16),env(safe-area-inset-top))}.compose-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:44px;margin:0 0 var(--space-12);padding:var(--space-8) var(--space-16);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none;font-weight:var(--weight-semibold);border:1px solid var(--color-border)}.compose-btn:hover{box-shadow:var(--shadow-hover)}.folder-link{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:var(--space-12);min-height:36px;padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-medium)}.folder-link svg{color:inherit}.folder-link:hover{background:var(--color-surface-raised);color:var(--color-text-primary)}.folder-link[aria-current=page]{background:var(--color-surface-raised);color:var(--color-text-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-raised)}.folder-count{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.mailbox-body{display:grid;grid-template-columns:1fr;min-height:0;min-width:0}.mailbox-list,.mailbox-reading{min-height:0;overflow:auto}.mailbox-list{background:var(--color-bg)}.mailbox-reading{display:none;background:var(--color-bg)}.mailbox-body.is-reading .mailbox-list{display:none}.mailbox-body.is-reading .mailbox-reading{display:block}.mailbox-body.is-composing .mailbox-list,.mailbox-body.is-composing .mailbox-reading{display:none}.list-toolbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--color-surface);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.mail-row{display:grid;grid-template-columns:36px 36px 1fr;align-items:center;min-height:40px;padding:0 var(--space-4) 0 var(--space-8);border-bottom:1px solid var(--color-border);cursor:pointer}.mail-row.is-unread{background:var(--color-surface)}.mail-row.is-unread .thread-from,.mail-row.is-unread .thread-subject{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.mail-row.is-read .thread-from,.mail-row.is-read .thread-subject{font-weight:var(--weight-regular);color:var(--color-text-secondary)}.mail-row:hover{background:var(--color-surface-raised)}.mail-row.is-selected,.mail-row.is-checked{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.mail-check{display:grid;place-items:center}.mail-check input{width:16px;height:16px;accent-color:var(--color-accent)}.star-btn{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm)}.star-btn.is-on{color:var(--color-warning)}.mail-row-main{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr) auto;align-items:center;gap:var(--space-12);min-width:0;min-height:40px;padding:var(--space-8) var(--space-4);color:inherit;text-decoration:none}.thread-from,.thread-subject,.thread-snippet,.thread-when{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-copy{display:flex;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;gap:0}.thread-subject{flex-shrink:0;max-width:42%}.thread-subject+.thread-snippet{flex:1;min-width:0}.thread-subject+.thread-snippet:before{content:" — ";color:var(--color-text-muted)}.thread-snippet,.thread-when{color:var(--color-text-muted);font-weight:var(--weight-regular);font-size:var(--font-size-sm)}.thread-when{font-variant-numeric:tabular-nums;font-size:var(--font-size-xs)}.mail-row.is-skeleton{pointer-events:none;gap:var(--space-12);grid-template-columns:16px 16px 22% 1fr 48px;padding:var(--space-12)}.skel{display:block;height:12px;border-radius:4px;background:var(--color-surface-sunken)}.reading-header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:center;padding:var(--space-12) var(--space-16);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.reading-heading{flex:1;min-width:0}.reading-heading h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.reading-people{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.reading-actions{display:flex;gap:var(--space-4)}.thread-stream{display:grid;gap:var(--space-8);padding:var(--space-16)}.message-item{padding:var(--space-16) 0;border-bottom:1px solid var(--color-border)}.message-item:last-child{border-bottom:0}.message-collapsed{display:grid;grid-template-columns:auto 140px 1fr auto;align-items:center;gap:var(--space-12);width:100%;min-height:44px;padding:var(--space-8) 0;border:0;border-bottom:1px solid var(--color-border);background:transparent;text-align:left;color:inherit}.message-meta{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-12);align-items:start;margin-bottom:var(--space-16);color:var(--color-text-secondary)}.message-sender{display:grid;border:0;background:transparent;padding:0;text-align:left}.message-sender span,.message-to{color:var(--color-text-muted);font-size:var(--font-size-sm)}.message-to{margin:var(--space-4) 0 0}.message-actions{display:flex}.message-text{margin:0;white-space:pre-wrap;font:inherit;color:var(--color-text-primary)}.message-html{width:100%;border:0;border-radius:var(--radius-md);background:var(--color-surface)}.mailbox-reading .thread-stream{max-width:900px;margin:0 auto}.reply-bar{display:flex;flex-wrap:wrap;gap:var(--space-8);padding:0 var(--space-16) var(--space-24)}.attachment-chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-16) 0 0;padding:0}.attachment-chip{display:flex;min-height:44px;padding:var(--space-8) var(--space-12);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);text-align:left}.attachment-chip span,.attachment-chip small{display:block}.attachment-chip small{color:var(--color-text-muted);font-size:var(--font-size-xs)}.attachment-chip.is-error{border-color:var(--color-danger)}.mailbox-status{margin:var(--space-16);color:var(--color-text-secondary)}.mailbox-bottom{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;min-height:var(--bottom-nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border)}.mailbox-bottom a,.mailbox-bottom button{display:grid;justify-items:center;gap:2px;padding:var(--space-8);border:0;background:transparent;color:var(--color-text-muted);text-decoration:none;font-size:11px}.mailbox-bottom a[aria-current=page]{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.bottom-compose{width:48px;height:48px;margin:-12px auto 0;border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text-primary)!important;box-shadow:var(--shadow-raised);border:1px solid var(--color-border)}.composer{position:fixed;inset:0;z-index:var(--z-composer);display:grid;grid-template-rows:auto 1fr;background:var(--color-surface-raised)}.composer-header{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:var(--space-8);min-height:48px;padding:var(--space-8) var(--space-12);padding-top:max(var(--space-8),env(safe-area-inset-top));border-bottom:1px solid var(--color-border)}.composer-header h2{margin:0;font-size:var(--font-size-md);font-weight:var(--weight-semibold)}.composer-save{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.composer-form{display:grid;grid-template-rows:auto auto auto 1fr auto auto;min-height:0}.composer-field{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-16);border-bottom:1px solid var(--color-border)}.composer-field label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.composer-field input{border:0;background:transparent;min-height:36px;padding:0;box-shadow:none;border-radius:0}.composer-editor{min-height:180px;overflow:auto;padding:var(--space-16);outline:none}.composer-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted)}.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-8) var(--space-12);padding-bottom:max(var(--space-8),env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}.composer-format{display:flex;flex-wrap:wrap}.file-btn{position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.composer.is-dragging{outline:2px dashed var(--color-accent);outline-offset:-8px}.mailbox-account{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:719px){.mailbox-topbar{grid-template-columns:auto 1fr auto}.mailbox-brand{display:none}.mail-row-main{grid-template-columns:1fr auto;grid-template-areas:"from when" "copy copy"}.thread-from{grid-area:from}.thread-copy{grid-area:copy}.thread-when{grid-area:when}.message-collapsed{grid-template-columns:auto 1fr auto}}@media(min-width:720px){.mailbox{grid-template-rows:auto 1fr}.mailbox-bottom{display:none}.search-help{display:block}.composer{inset:auto 24px 0 auto;width:min(520px,calc(100vw - 48px));height:min(560px,72vh);border:1px solid var(--color-border);border-bottom:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-composer)}.composer.is-expanded{inset:48px 48px 0 auto;width:min(720px,calc(100vw - 96px));height:calc(100vh - 48px)}.composer.is-minimized{height:48px;width:320px}}@media(min-width:1024px){.mailbox-nav-backdrop,.icon-btn.menu-toggle{display:none}.mailbox-sidebar,.mailbox-sidebar.is-open{display:flex;position:static;width:auto;box-shadow:none}.mailbox-frame{grid-template-columns:var(--sidebar-width) 1fr}}@media(min-width:1440px){.mailbox-frame{grid-template-columns:256px 1fr}}:root{--lazplay-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--lazplay-font-heading: Plus Jakarta Sans, Inter, system-ui, sans-serif;--lazplay-font-mono: JetBrains Mono, Menlo, Monaco, Consolas, monospace;--lazplay-space-0: 0px;--lazplay-space-1: 4px;--lazplay-space-2: 8px;--lazplay-space-3: 12px;--lazplay-space-4: 16px;--lazplay-space-5: 20px;--lazplay-space-6: 24px;--lazplay-space-7: 28px;--lazplay-space-8: 32px;--lazplay-space-9: 36px;--lazplay-space-10: 40px;--lazplay-space-11: 44px;--lazplay-space-12: 48px;--lazplay-space-14: 56px;--lazplay-space-16: 64px;--lazplay-space-20: 80px;--lazplay-space-24: 96px;--lazplay-radius-none: 0px;--lazplay-radius-xs: 3px;--lazplay-radius-sm: 6px;--lazplay-radius-md: 8px;--lazplay-radius-lg: 12px;--lazplay-radius-xl: 16px;--lazplay-radius-full: 9999px;--lazplay-duration-fast: .12s;--lazplay-duration-normal: .2s;--lazplay-duration-slow: .3s;--lazplay-duration-gentle: .45s;--lazplay-easing-standard: cubic-bezier(.16, 1, .3, 1);--lazplay-easing-inout: cubic-bezier(.4, 0, .2, 1);--lazplay-bg-base: #E8ECEF;--lazplay-bg-surface: #EDF1F3;--lazplay-bg-surface-secondary: #DDE2E5;--lazplay-bg-surface-elevated: #FFFFFF;--lazplay-text-primary: #171C1F;--lazplay-text-secondary: #3C4947;--lazplay-text-tertiary: #6C7A78;--lazplay-border: rgba(187, 201, 199, .6);--lazplay-border-light: rgba(255, 255, 255, .9);--lazplay-shadow-flat: none;--lazplay-shadow-raised: 8px 8px 18px rgba(163, 173, 180, .45), -8px -8px 18px rgba(255, 255, 255, .85);--lazplay-shadow-raised-hover: 10px 10px 22px rgba(150, 162, 170, .55), -10px -10px 22px rgba(255, 255, 255, 1);--lazplay-shadow-raised-active: inset 4px 4px 10px rgba(163, 173, 180, .45), inset -4px -4px 10px rgba(255, 255, 255, .85);--lazplay-shadow-floating: 12px 18px 36px rgba(150, 162, 170, .45), -8px -8px 24px rgba(255, 255, 255, .9);--lazplay-shadow-inset: inset 5px 5px 12px rgba(163, 173, 180, .35), inset -5px -5px 12px rgba(255, 255, 255, .65);--lazplay-shadow-inset-deep: inset 6px 6px 14px rgba(150, 162, 170, .45), inset -6px -6px 14px rgba(255, 255, 255, .75);--lazplay-shadow-focus: 0 0 0 3px color-mix(in srgb, var(--lazplay-accent-500) 45%, transparent);--lazplay-accent-50: #EFF6FF;--lazplay-accent-100: #DBEAFE;--lazplay-accent-200: #BFDBFE;--lazplay-accent-300: #93C5FD;--lazplay-accent-400: #60A5FA;--lazplay-accent-500: #3B82F6;--lazplay-accent-600: #2563EB;--lazplay-accent-700: #1D4ED8;--lazplay-accent-800: #1E40AF;--lazplay-accent-900: #1E3A8A;--lazplay-accent-950: #172554;--lazplay-accent-text: #FFFFFF;--lazplay-success-50: #F0FDF4;--lazplay-success-500: #22C55E;--lazplay-success-600: #16A34A;--lazplay-warning-50: #FFFBEB;--lazplay-warning-500: #F59E0B;--lazplay-warning-600: #D97706;--lazplay-danger-50: #FEF2F2;--lazplay-danger-500: #EF4444;--lazplay-danger-600: #DC2626;--lazplay-info-500: #3B82F6}[data-theme=dark],.dark{--lazplay-bg-base: #000000;--lazplay-bg-surface: #14171A;--lazplay-bg-surface-secondary: #0D1013;--lazplay-bg-surface-elevated: #20252A;--lazplay-text-primary: #E1E2E6;--lazplay-text-secondary: #BBCAC7;--lazplay-text-tertiary: #859491;--lazplay-border: rgba(255, 255, 255, .08);--lazplay-border-light: rgba(255, 255, 255, .04);--lazplay-shadow-flat: none;--lazplay-shadow-raised: 8px 8px 18px rgba(0, 0, 0, .85), -4px -4px 14px rgba(45, 51, 57, .35);--lazplay-shadow-raised-hover: 10px 10px 22px rgba(0, 0, 0, .95), -6px -6px 18px rgba(45, 51, 57, .45);--lazplay-shadow-raised-active: inset 4px 4px 10px rgba(0, 0, 0, .85), inset -3px -3px 8px rgba(45, 51, 57, .25);--lazplay-shadow-floating: 14px 20px 40px rgba(0, 0, 0, .95), -6px -6px 20px rgba(45, 51, 57, .3);--lazplay-shadow-inset: inset 5px 5px 12px rgba(0, 0, 0, .85), inset -4px -4px 10px rgba(42, 48, 53, .25);--lazplay-shadow-inset-deep: inset 6px 6px 14px rgba(0, 0, 0, .95), inset -5px -5px 12px rgba(42, 48, 53, .3);--lazplay-shadow-focus: 0 0 0 2px #000000, 0 0 0 4px var(--lazplay-accent-500);--lazplay-success-50: rgba(34, 197, 94, .16);--lazplay-warning-50: rgba(245, 158, 11, .16);--lazplay-danger-50: rgba(239, 68, 68, .16)}[data-accent=brand]{--lazplay-accent-50: #EFF6FF;--lazplay-accent-100: #DBEAFE;--lazplay-accent-200: #BFDBFE;--lazplay-accent-300: #93C5FD;--lazplay-accent-400: #60A5FA;--lazplay-accent-500: #3B82F6;--lazplay-accent-600: #2563EB;--lazplay-accent-700: #1D4ED8;--lazplay-accent-800: #1E40AF;--lazplay-accent-900: #1E3A8A;--lazplay-accent-950: #172554}[data-accent=mail]{--lazplay-accent-50: #ECFDF5;--lazplay-accent-100: #D1FAE5;--lazplay-accent-200: #A7F3D0;--lazplay-accent-300: #6EE7B7;--lazplay-accent-400: #34D399;--lazplay-accent-500: #10B981;--lazplay-accent-600: #059669;--lazplay-accent-700: #047857;--lazplay-accent-800: #065F46;--lazplay-accent-900: #064E3B;--lazplay-accent-950: #022C22}[data-accent=meet]{--lazplay-accent-50: #EEF2FF;--lazplay-accent-100: #E0E7FF;--lazplay-accent-200: #C7D2FE;--lazplay-accent-300: #A5B4FC;--lazplay-accent-400: #818CF8;--lazplay-accent-500: #6366F1;--lazplay-accent-600: #4F46E5;--lazplay-accent-700: #4338CA;--lazplay-accent-800: #3730A3;--lazplay-accent-900: #312E81;--lazplay-accent-950: #1E1B4B}[data-accent=drive]{--lazplay-accent-50: #FFFBEB;--lazplay-accent-100: #FEF3C7;--lazplay-accent-200: #FDE68A;--lazplay-accent-300: #FCD34D;--lazplay-accent-400: #FBBF24;--lazplay-accent-500: #F59E0B;--lazplay-accent-600: #D97706;--lazplay-accent-700: #B45309;--lazplay-accent-800: #92400E;--lazplay-accent-900: #78350F;--lazplay-accent-950: #451A03}[data-accent=music]{--lazplay-accent-50: #F5F3FF;--lazplay-accent-100: #EDE9FE;--lazplay-accent-200: #DDD6FE;--lazplay-accent-300: #C4B5FD;--lazplay-accent-400: #A78BFA;--lazplay-accent-500: #8B5CF6;--lazplay-accent-600: #7C3AED;--lazplay-accent-700: #6D28D9;--lazplay-accent-800: #5B21B6;--lazplay-accent-900: #4C1D95;--lazplay-accent-950: #2E1065}.lazplay-button:hover:not(:disabled){transform:translateY(-1px)}.lazplay-button:active:not(:disabled){transform:translateY(1px);box-shadow:var(--lazplay-shadow-raised-active)}.lazplay-button:focus-visible,.lazplay-input:focus-visible,.lazplay-textarea:focus-visible,.lazplay-select-trigger:focus-visible{outline:2px solid var(--lazplay-accent-500);outline-offset:2px}@keyframes lazplay-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lazplay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lazplay-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lazplay-slide-left{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes lazplay-slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes lazplay-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lazplay-skeleton-shimmer{background:linear-gradient(90deg,var(--lazplay-bg-surface-secondary) 25%,var(--lazplay-bg-surface-elevated) 50%,var(--lazplay-bg-surface-secondary) 75%)!important;background-size:200% 100%!important;animation:lazplay-shimmer 1.8s infinite ease-in-out!important}.lazplay-mobile-bottom-nav{display:none}@media(max-width:768px){.lazplay-desktop-sidebar{display:none!important}.lazplay-mobile-bottom-nav{display:flex!important}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html[data-reduced-elevation=true]{--lazplay-shadow-raised: var(--lazplay-shadow-flat);--lazplay-shadow-raised-hover: var(--lazplay-shadow-flat);--lazplay-shadow-floating: var(--lazplay-shadow-flat);--lazplay-shadow-inset: var(--lazplay-shadow-flat);--lazplay-shadow-inset-deep: var(--lazplay-shadow-flat)}@media(prefers-reduced-motion:reduce){:root,[data-theme=dark],.dark{--lazplay-shadow-raised: var(--lazplay-shadow-flat);--lazplay-shadow-raised-hover: var(--lazplay-shadow-flat);--lazplay-shadow-floating: var(--lazplay-shadow-flat);--lazplay-shadow-inset: var(--lazplay-shadow-flat);--lazplay-shadow-inset-deep: var(--lazplay-shadow-flat)}}:root{--font-sans: var(--lazplay-font-sans);--font-mono: var(--lazplay-font-mono);--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--line-tight: 1.25;--line-body: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 650;--space-4: var(--lazplay-space-1);--space-8: var(--lazplay-space-2);--space-12: var(--lazplay-space-3);--space-16: var(--lazplay-space-4);--space-20: var(--lazplay-space-5);--space-24: var(--lazplay-space-6);--space-32: var(--lazplay-space-8);--space-40: var(--lazplay-space-10);--space-48: var(--lazplay-space-12);--space-64: var(--lazplay-space-16);--radius-sm: var(--lazplay-radius-sm);--radius-md: var(--lazplay-radius-md);--radius-lg: var(--lazplay-radius-lg);--radius-xl: var(--lazplay-radius-xl);--radius-2xl: var(--lazplay-radius-xl);--touch: 40px;--topbar-height: 64px;--sidebar-width: 248px;--list-width: 360px;--bottom-nav-height: 64px;--z-base: 1;--z-sticky: 4;--z-nav: 10;--z-composer: 20;--z-popover: 30;--z-modal: 40;--z-toast: 50;--motion-fast: var(--lazplay-duration-fast) var(--lazplay-easing-standard);--motion-hover: var(--lazplay-duration-normal) var(--lazplay-easing-standard);--focus-ring: var(--lazplay-shadow-focus);--color-bg: var(--lazplay-bg-base);--color-surface: var(--lazplay-bg-surface);--color-surface-raised: var(--lazplay-bg-surface-elevated);--color-surface-sunken: var(--lazplay-bg-surface-secondary);--color-text-primary: var(--lazplay-text-primary);--color-text-secondary: var(--lazplay-text-secondary);--color-text-muted: var(--lazplay-text-tertiary);--color-border: var(--lazplay-border);--color-accent: var(--lazplay-accent-600);--color-accent-text: var(--lazplay-accent-text);--color-accent-soft: var(--lazplay-accent-100);--color-success: var(--lazplay-success-600);--color-warning: var(--lazplay-warning-600);--color-danger: var(--lazplay-danger-600);--color-info: var(--lazplay-accent-500);--color-overlay: color-mix(in srgb, var(--lazplay-text-primary) 40%, transparent);--shadow-raised: var(--lazplay-shadow-raised);--shadow-hover: var(--lazplay-shadow-raised-hover);--shadow-pressed: var(--lazplay-shadow-raised-active);--shadow-sunken: var(--lazplay-shadow-inset);--shadow-composer: var(--lazplay-shadow-floating)}*{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-body);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-accent)}:focus{outline:none}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-12);top:-48px;z-index:var(--z-toast);padding:var(--space-8) var(--space-12);background:var(--color-accent);color:var(--color-accent-text);border-radius:var(--radius-sm)}.skip-link:focus{top:var(--space-8)}.offline-banner{margin:0;padding:var(--space-8) var(--space-16);background:var(--color-surface-sunken);color:var(--color-text-secondary);text-align:center;font-size:var(--font-size-sm)}.btn,.primary,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--touch);padding:var(--space-8) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none;transition:box-shadow var(--motion-hover),transform var(--motion-fast),background var(--motion-fast)}.btn:hover,.theme-toggle:hover{box-shadow:var(--shadow-hover)}.btn:active,.theme-toggle:active,.btn.primary:active,.compose-btn:active{transform:translateY(1px);box-shadow:var(--shadow-pressed)}.btn:disabled,.primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.primary,.primary{border-color:transparent;background:var(--color-accent);color:var(--color-accent-text);font-weight:var(--weight-semibold)}.clay{box-shadow:var(--shadow-raised)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);padding:var(--space-8);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary)}.icon-btn:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn.ghost{min-width:36px;min-height:36px}.text-btn{border:0;background:transparent;color:var(--color-accent);font-weight:var(--weight-medium);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm)}.auth-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg)}.auth-topbar,.topbar{display:flex;align-items:center;justify-content:space-between;min-height:var(--topbar-height);padding:var(--space-8) var(--space-20)}.brand{margin:0;font-size:var(--font-size-lg);font-weight:var(--weight-semibold);letter-spacing:-.02em}.auth-main,.content{flex:1;display:grid;place-items:start center;padding:var(--space-32) var(--space-16) var(--space-64)}.auth-card{width:min(100%,400px);padding:var(--space-32);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised)}h1{margin:0 0 var(--space-8);font-size:var(--font-size-2xl);font-weight:var(--weight-bold);letter-spacing:-.03em}.lede,.status{margin:0 0 var(--space-16);color:var(--color-text-secondary)}.auth-form{display:grid;gap:var(--space-16);margin:var(--space-24) 0 var(--space-16)}.auth-form label,.compose-form label{display:grid;gap:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.auth-form input,.auth-form select,.compose-form input,.compose-form textarea{width:100%;min-height:var(--touch);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12);box-shadow:var(--shadow-sunken)}.auth-form input:hover,.auth-form select:hover,.compose-form input:hover,.compose-form textarea:hover,.mailbox-search:hover{border-color:var(--color-text-muted)}.form-error{color:var(--color-danger);margin:0;font-size:var(--font-size-sm)}.snackbar-stack{position:fixed;right:var(--space-16);bottom:calc(var(--space-16) + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);display:grid;gap:var(--space-8);width:min(100% - var(--space-32),420px);pointer-events:none}.snackbar{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-composer);pointer-events:auto}.snackbar-message{margin:0;flex:1;font-size:var(--font-size-sm);line-height:var(--line-body)}.snackbar-info{border-color:color-mix(in srgb,var(--color-info) 35%,var(--color-border));background:color-mix(in srgb,var(--color-info) 12%,var(--color-surface-raised))}.snackbar-info .snackbar-message{color:var(--color-text-primary)}.snackbar-warning{border-color:color-mix(in srgb,var(--color-warning) 40%,var(--color-border));background:color-mix(in srgb,var(--color-warning) 14%,var(--color-surface-raised))}.snackbar-warning .snackbar-message{color:var(--color-text-primary)}.snackbar-error{border-color:color-mix(in srgb,var(--color-danger) 40%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface-raised))}.snackbar-error .snackbar-message{color:var(--color-text-primary)}.snackbar-dismiss{flex:0 0 auto;min-width:var(--touch);min-height:var(--touch);margin:calc(var(--space-8) * -1);padding:0;border:0;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1}.snackbar-dismiss:hover{color:var(--color-text-primary)}.user-table{width:100%;border-collapse:collapse;margin-top:var(--space-24);font-size:var(--font-size-sm)}.user-table th,.user-table td{text-align:left;padding:var(--space-12) var(--space-8);border-bottom:1px solid var(--color-border);vertical-align:top}.verify-actions{display:grid;gap:var(--space-12);margin-top:var(--space-8)}.verify-form{display:flex;flex-wrap:wrap;gap:var(--space-8)}.verify-form input{flex:1 1 180px;min-height:var(--touch);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12)}.avatar{display:inline-grid;place-items:center;border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--weight-semibold);letter-spacing:.02em;flex:none}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:var(--font-size-xs)}.avatar-lg{width:44px;height:44px}.empty-state,.error-state{display:grid;gap:var(--space-8);place-items:center;text-align:center;padding:var(--space-48) var(--space-24);color:var(--color-text-secondary)}.empty-state-title{margin:0;font-weight:var(--weight-semibold);color:var(--color-text-primary)}.empty-state-body{margin:0;max-width:28ch;font-size:var(--font-size-sm)}.quota-meter{display:grid;gap:var(--space-8);padding:var(--space-8) 0}.quota-label,.quota-meta{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.quota-track{height:6px;border-radius:999px;background:var(--color-surface-sunken);overflow:hidden}.quota-fill{height:100%;background:var(--color-accent)}.quota-meter.is-warn .quota-fill{background:var(--color-warning)}.quota-meter.is-warn-high .quota-fill,.quota-meter.is-full .quota-fill{background:var(--color-danger)}.admin-page{padding:var(--space-24);overflow:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}