/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-ui);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.bg-muted{background-color:var(--muted)}.bg-surface{background-color:var(--surface)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-secondary{color:var(--secondary)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:opacity-80:hover{opacity:.8}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}:root{--font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","SF Pro Text",Roboto,"Noto Sans Arabic",Arial,sans-serif;--accent-gradient:linear-gradient(120deg,#8b5cf6,#6366f1 50%,#3b82f6);--accent-glow:0 6px 20px #6366f133;--primary:#6366f1;--foreground:#0f172a;--secondary:#475569;--surface:#fff;--muted:#f1f3fb;--border:#e3e7f3;--background:#f6f7fd;--sidebar:#fff;--navy:#1e1b4b;--selection:#eef0ff;--shadow:0 1px 2px #0f172a0a,0 8px 24px #4f46e50d}body{background:radial-gradient(900px 500px at 100% -10%,#e0e7ff 0,transparent 60%),radial-gradient(800px 500px at -10% 110%,#f3e8ff 0,transparent 60%),var(--background);background-attachment:fixed}.sidebar{border-inline-end:1px solid var(--border)}:root[data-theme=dark],[data-theme=dark]{--primary:#8b7dff;--foreground:#fff;--secondary:#a1a1aa;--surface:#0e0e11;--muted:#18181c;--border:#26262b;--background:#000;--sidebar:#000;--navy:#fff;--selection:#1a1a20;--shadow:none;color-scheme:dark}[data-theme=dark] .sidebar{border-inline-end:1px solid var(--border)}[data-theme=dark] .heading-dot{color:#9333ea}.btn-primary{background:var(--accent-gradient);box-shadow:var(--accent-glow)}.btn-primary:hover{filter:brightness(1.1)}*{box-sizing:border-box}body{color:var(--foreground);background:var(--background);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s,opacity .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{text-decoration:none}a,button{color:inherit}input,select,textarea{color:var(--foreground)}input:focus,select:focus,textarea:focus{outline:none}:focus-visible{outline:2px solid var(--primary);outline-offset:3px}svg{flex-shrink:0}input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.icon-button{width:33px;height:33px;color:var(--secondary);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--muted);color:var(--foreground)}.icon-button.active{color:var(--primary)}.brand{color:var(--navy);align-items:center;gap:10px;display:flex}.brand-mark{width:44px;height:32px}.brand-text{flex-direction:column;gap:5px;display:flex}.brand-word{color:var(--navy);-webkit-text-fill-color:currentColor;letter-spacing:.06em;align-items:baseline;font-size:21px;font-weight:800;line-height:1;display:inline-flex}.brand-a{width:.92em;height:.74em;margin:0 .06em}.brand-tagline{letter-spacing:.28em;text-transform:uppercase;color:var(--secondary);font-size:8.5px;font-weight:500}.mail-shell{height:100dvh;min-height:700px;padding:0 24px 0 0;display:flex}.sidebar{scrollbar-width:thin;background:var(--sidebar);flex-direction:column;flex-shrink:0;width:238px;padding:30px 19px 16px;display:flex;overflow-y:auto}.workspace-switch{border:1px solid var(--border);text-align:start;background:0 0;border-radius:11px;align-items:center;gap:9px;min-height:56px;margin-bottom:20px;padding:10px 8px;display:flex}.workspace-icon{color:#617398;background:#e9eef8;border:1px solid #dbe1eb;border-radius:8px;place-items:center;width:30px;height:30px;font-family:Georgia,serif;font-size:18px;display:grid}.workspace-switch>span:nth-child(2){flex:1;min-width:0}.workspace-switch strong{font-size:11px;font-weight:600;display:block}.workspace-switch small{color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;max-width:132px;margin-top:4px;font-size:10px;font-weight:400;display:block;overflow:hidden}.compose-button{background:var(--accent-gradient);width:100%;box-shadow:var(--accent-glow);justify-content:flex-start;margin-bottom:24px;padding:0 15px;font-size:12px}.compose-button .key-hint{color:#c2cce5;background:#ffffff13;border:1px solid #ffffff18;border-radius:5px;place-items:center;width:21px;height:21px;margin-inline-start:auto;font-size:10px;display:grid}.nav-caption{letter-spacing:1.7px;color:#9a9fac;margin:0 12px 9px;font-size:9px;font-weight:600}.nav-item{text-align:start;color:#7e8591;background:0 0;border:0;border-radius:8px;align-items:center;width:100%;min-height:37px;margin:2px 0;font-size:12px;display:flex}.nav-item svg{stroke-width:1.55px}.nav-item:hover{background:var(--muted);color:var(--foreground)}.nav-item.selected{color:var(--navy);font-weight:600;box-shadow:0 1px 5px #17255405}.nav-item.selected>svg{stroke-width:1.9px}.nav-count{color:var(--secondary);margin-inline-start:auto;font-size:10px}.count-pill{color:#4969b4;background:#eef2fc;border-radius:5px;place-items:center;min-width:23px;height:19px;margin-inline-start:auto;font-size:10px;display:grid}.with-action{justify-content:space-between;align-items:center;margin:22px 3px 5px 12px;display:flex}.with-action .icon-button{width:24px;height:24px}.label-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.new-folder{color:var(--secondary);background:0 0;border:0;align-items:center;gap:10px;font-size:11px;display:flex}.new-folder:hover{color:var(--primary)}.sidebar-bottom{padding-top:28px}.storage-card{border:1px solid var(--border);background:linear-gradient(135deg,var(--surface),transparent);border-radius:11px;margin-bottom:16px;padding:12px 10px}.storage-card>div:first-child{color:#8b93a1;align-items:center;gap:7px;font-size:9px;display:flex}.storage-track{background:var(--border);border-radius:5px;height:3px;margin:12px 0 8px}.storage-track>span{background:#9bacdb;border-radius:5px;height:100%;display:block}.storage-card small{color:var(--secondary);font-size:9px}.new-badge{border:1px solid var(--border);text-align:center;border-radius:4px;width:16px;height:16px;margin-inline-start:auto;font-size:9px;line-height:14px}.sidebar-signature{color:#a4a9b3;border-top:1px solid var(--border);align-items:center;gap:6px;margin:15px 10px 0;padding-top:17px;font-size:9px;display:flex}.tiny-orbit{border:1px solid #adb8ce;border-radius:50%;width:9px;height:9px;position:relative}.tiny-orbit:after{content:"";background:#adb8ce;border-radius:50%;width:3px;height:3px;position:absolute;top:-1px;left:0}.main-workspace{flex-direction:column;flex:1;min-width:0;padding-inline-start:23px;display:flex}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;gap:15px;height:76px}.topbar,.topbar-start{align-items:center;display:flex}.topbar-start{gap:10px;font-size:11px}.workspace-breadcrumb{color:var(--secondary)}.topbar-start>svg{color:#b8bcc5}.topbar-actions{align-items:center;gap:9px;display:flex}.profile-avatar{color:#605749;border:3px solid var(--surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--border);background:#dcd4c6;border-radius:50%;place-items:center;font-size:10px;font-weight:600;display:grid}.connection-pill{color:#9a8961;background:#f6f2e8;border:1px solid #eee6d3;border-radius:5px;align-items:center;gap:6px;margin-inline-end:8px;padding:5px 8px;font-size:9px;display:flex}.connection-pill>span{background:#bfaa73;border-radius:50%;width:5px;height:5px}.connection-pill.connected{color:#659879;background:#edf5ef;border-color:#daebdf}.connection-pill.connected>span{background:#659879}.mobile-menu{display:none}.inbox-heading{flex-shrink:0;justify-content:space-between;min-height:144px;padding:29px 2px 28px}.eyebrow,.inbox-heading{align-items:center;display:flex}.eyebrow{letter-spacing:1.9px;color:#929aaa;gap:6px;font-size:8px;font-weight:600}.eyebrow>span{background:#92a5b7;border-radius:50%;width:4px;height:4px}.inbox-heading h1{letter-spacing:-.9px;margin:10px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;line-height:1.15}.heading-dot{color:#6c87c8}.inbox-heading p{color:var(--secondary);margin:0;font-size:11px}.today-date{text-align:end;border-inline-start:1px solid var(--border);flex-direction:column;gap:5px;margin-inline-end:3px;padding-inline-start:23px;display:flex}.today-date>span{color:#9ba1ad;letter-spacing:1.4px;font-size:8px}.today-date>strong{letter-spacing:-.3px;font-family:Georgia,serif;font-size:18px;font-weight:400}.mail-content{flex:1;gap:15px;min-height:0;display:flex}.message-panel{border:1px solid var(--border);background:var(--surface);width:359px;max-width:38%;box-shadow:var(--shadow);border-radius:13px;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.list-heading{justify-content:space-between;padding:20px 19px 17px}.list-heading,.list-heading h2{align-items:center;display:flex}.list-heading h2{letter-spacing:-.2px;gap:9px;margin:0 0 6px;font-size:17px;font-weight:600}.list-heading h2 svg{color:var(--secondary)}.list-heading>div:first-child>span{color:#9ba2af;font-size:10px}.list-heading>div:nth-child(2){gap:1px;display:flex}.list-heading .icon-button{width:28px}.search-box{border:1px solid var(--border);background:var(--background);color:#9da5b2;border-radius:8px;align-items:center;gap:8px;height:38px;margin:0 17px 16px;padding:0 10px;display:flex}.search-box:focus-within{border-color:#a7baf1;box-shadow:0 0 0 2px #477bff0b}.search-box input{background:0 0;border:0;width:100%;min-width:0;font-size:11px}.search-box input::placeholder{color:#a2a8b4}kbd{border:1px solid var(--border);background:var(--surface);color:#919baa;border-radius:4px;place-items:center;min-width:18px;height:18px;font-family:inherit;font-size:10px;display:grid}.clear-search{color:var(--secondary);background:0 0;border:0;display:flex}.mail-tabs{border-bottom:1px solid var(--border);gap:21px;margin:0 18px;display:flex}.mail-tabs button{color:#949ba7;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 12px;font-size:10px;display:flex;position:relative}.mail-tabs button.active{color:var(--navy);font-weight:600}.mail-tabs button.active:after{content:"";background:#718acb;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mail-tabs button>span{background:var(--muted);border-radius:4px;padding:2px 4px;font-size:8px}.selection-bar{color:#9aa2af;justify-content:space-between;align-items:center;height:43px;min-height:43px;margin:0 19px;font-size:9px;display:flex}.selection-bar label{align-items:center;gap:8px;display:flex}.selection-bar>span{align-items:center;gap:5px;display:flex}.selection-bar>div{display:flex}.selection-bar .icon-button{width:25px;height:25px}.message-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.date-separator{letter-spacing:1.3px;color:#a0a7b3;padding:3px 21px 10px;font-size:8px;font-weight:500}.message-row{border-bottom:1px solid var(--border);border-radius:7px;align-items:flex-start;min-height:111px;margin:0 8px;display:flex;position:relative}.message-row.active{background:var(--selection);border-bottom-color:#0000}.message-row.active:before{content:"";background:#7390dc;border-radius:2px;width:2px;position:absolute;top:17px;bottom:17px;left:0}.rtl .message-row.active:before{left:auto;right:0}.message-row:hover{background:var(--background)}.message-row.active:hover{background:var(--selection)}.message-open{text-align:start;background:0 0;border:0;align-items:flex-start;gap:11px;width:100%;min-width:0;padding:17px 13px 14px;display:flex}.avatar{letter-spacing:.2px;border:1px solid #00000004;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:10px;font-weight:600;display:grid}.avatar.large{width:41px;height:41px;font-size:12px}.avatar.peach{color:#93745e;background:#f0dcd0}.avatar.purple{color:#7b68ac;background:#e9e5f8}.avatar.sage{color:#6c8b7a;background:#e0ebe4}.avatar.coral{color:#bb7f6f;background:#f5dfda}.avatar.sand{color:#9a896c;background:#eee7da}.avatar.pink{color:#ac8194;background:#f0e2e8}.avatar.gray{color:#4f5360;background:#ececef}.avatar.blue{color:#6c83a4;background:#e0e9f7}.message-info{flex:1;min-width:0}.sender-line{align-items:center;gap:5px;margin-top:1px;margin-bottom:8px;font-size:11px;display:flex}.sender-line strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 47px);font-weight:500;overflow:hidden}.unread .sender-line strong{font-weight:600}.sender-line time{color:#9aa2b0;margin-inline-start:auto;font-size:8px;font-weight:400}.unread-dot{background:#6286db;border-radius:50%;flex-shrink:0;width:4px;height:4px}.message-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:10px;font-weight:400;overflow:hidden}.unread .message-info h3{font-weight:600}.message-info p{color:#9ba2ae;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.row-meta{align-items:center;gap:5px;min-height:14px;display:flex}.label-chip{color:#8092c4;background:#eef1fa;border:1px solid #e6eaf6;border-radius:4px;align-items:center;padding:2px 5px;font-size:8px;line-height:1;display:inline-flex}.label-chip.personal{color:#b2966f;background:#f8f1e8;border-color:#f1e9db}.label-chip.reading{color:#89a28d;background:#edf5f0;border-color:#e5efe9}.label-chip.updates{color:#a28db9;background:#f3eff8;border-color:#ece6f2}.attachment-indicator{color:#a2aab7;align-items:center;gap:3px;font-size:8px;display:flex}.row-star{color:#c6cbd4;background:0 0;border:0;padding:0;display:flex;position:absolute;bottom:17px;right:11px}.rtl .row-star{left:11px;right:auto}.row-star.is-starred{color:#c6a368}.row-check{opacity:0;z-index:2;position:absolute;top:24px;left:18px}.rtl .row-check{left:auto;right:18px}.message-row:hover .row-check,.row-check:focus-within,.row-check:has(input:checked){opacity:1}.message-row:has(input:checked) .avatar,.message-row:hover .avatar{opacity:0}.list-footer{color:#a7aeba;border-top:1px solid var(--border);align-items:center;gap:5px;height:37px;min-height:37px;padding:0 16px;font-size:8px;display:flex}.list-footer>span{margin-inline-start:auto;font-size:12px}.reading-panel{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);border-radius:13px;flex-direction:column;flex:1;display:flex;overflow:hidden}.reading-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;height:61px;min-height:61px;padding:0 21px;display:flex}.reading-toolbar>div{align-items:center;gap:5px;display:flex}.reading-toolbar .icon-button{color:#959ca9;width:29px;height:30px}.toolbar-divider{background:var(--border);width:1px;height:17px;margin:0 6px}.message-position{color:#a0a7b2;margin-inline-end:6px;font-size:9px}.reading-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;padding:30px 34px 25px;overflow-y:auto}.message-context{align-items:center;gap:7px;margin-bottom:15px;display:flex}.context-pill{color:#8b94a3;background:var(--background);border:1px solid var(--border);border-radius:5px;align-items:center;gap:4px;display:inline-flex}.context-pill,.message-context .label-chip{padding:4px 6px;font-size:9px}.add-label{border:1px dashed var(--border);color:#b0b6c1;background:0 0;border-radius:4px;place-items:center;width:19px;height:19px;display:grid}.message-title h2{letter-spacing:-.7px;max-width:480px;margin:0 0 9px;font-size:22px;font-weight:500;line-height:1.35}.title-caption{color:#acb2bd;font-size:10px}.sender-block{align-items:center;gap:12px;margin:30px 0 24px;display:flex}.sender-block>div:nth-child(2){flex:1;min-width:0}.sender-block strong{flex-wrap:wrap;gap:7px;font-size:11px;font-weight:600;line-height:1.5;display:flex}.sender-address{color:#a4abb6;font-size:9px;font-weight:400}.sender-block small{color:#a4abb6;overflow-wrap:anywhere;margin-top:4px;font-size:9px;display:block}.sender-date{flex-shrink:0;align-items:center;gap:9px;display:flex}.sender-date time{color:#a4abb6;font-size:9px}.sender-date .icon-button{width:23px;height:23px}.message-body{white-space:pre-wrap;color:#7d8593;overflow-wrap:anywhere;font-size:11px;line-height:1.95}.attachments{margin-top:29px}.attachment-heading{color:#9099a8;align-items:center;gap:6px;margin-bottom:13px;font-size:9px;display:flex}.attachment-size{color:#b1b6c1;margin-inline-start:auto;font-size:8px}.attachment-cards{flex-wrap:wrap;gap:13px;display:flex}.attachment-card{border:1px solid var(--border);background:var(--surface);text-align:start;border-radius:8px;width:calc(50% - 7px);max-width:220px;padding:0;overflow:hidden}.attachment-card:hover{border-color:#b9c7e4;box-shadow:0 4px 12px #1725540c}.file-preview{background:#eeeae0;height:100px;padding:13px}.file-preview,.pdf-art{position:relative;overflow:hidden}.pdf-art{color:#6f7162;background:#e9e3d8;border:1px solid #d2c7b4;width:100%;height:100%;padding:9px}.pdf-art>span:first-child{font-family:Georgia,serif;font-size:15px}.pdf-art small{letter-spacing:1.1px;z-index:1;margin-top:6px;font-size:6px;display:block;position:relative}.pdf-orbit{width:76px;height:76px;top:7px;right:-3px}.pdf-orbit,.pdf-orbit:after{border:1px solid #b4b19d;border-radius:50%;position:absolute}.pdf-orbit:after{content:"";width:55px;height:55px;top:9px;left:9px}.file-download{color:#737d88;opacity:0;background:#ffffffb0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:8px;right:8px}.attachment-card:hover .file-download{opacity:1}.image-preview{background:#eae7de;padding:10px}.moodboard-art{grid-template-columns:1fr 1fr;gap:4px;height:100%;display:grid}.moodboard-art>span{background:#c4bdab}.moodboard-art>span:first-child{background:linear-gradient(115deg,#a49d89 5%,#e3dfd0 6%,#c5c1ad 48%,#a9ac9b 49%,#dde0d0)}.moodboard-art>span:nth-child(2){background:radial-gradient(at 80% 80%,#b3b39b 28%,#0000 29%),linear-gradient(40deg,#ded2bd,#b9b79f)}.moodboard-art>span:nth-child(3){background:linear-gradient(145deg,#e4dfd2 36%,#b6b9a1 37%,#9eaa97 55%,#e4dfd2 56%)}.moodboard-art>span:nth-child(4){background:repeating-linear-gradient(90deg,#c2b9a5 0 4px,#e4ddce 5px 10px)}.file-details{align-items:center;gap:7px;padding:10px;display:flex}.file-type{color:#c8948c;background:#f9eeec;border-radius:4px;place-items:center;width:24px;height:27px;font-size:7px;display:grid}.file-type.image{color:#94a0c4;background:#eef1f8}.file-details>div{flex:1;min-width:0}.file-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;display:block;overflow:hidden}.file-details small{color:#a6adba;margin-top:4px;font-size:7px;display:block}.file-details>svg{color:#acb3bf}.reply-actions{align-items:center;gap:8px;padding:27px 0 26px;display:flex}.reply-actions button{color:#8590a2;border-radius:6px;height:32px;padding:0 13px;font-size:10px}.reply-actions button:first-child{color:#566687}.ai-invitation{text-align:start;background:linear-gradient(120deg,#f7f8fd,#f5f5fa);border:1px solid #e6e9f6;border-radius:9px;align-items:center;gap:10px;width:100%;padding:15px 13px;display:flex}.ai-invitation:hover{border-color:#becbf1}.ai-symbol{color:#9594cd;background:#eeedfa;border:1px solid #e2e1f2;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.ai-invitation>span:nth-child(2){flex:1}.ai-invitation strong{color:#777e9c;font-size:10px;font-weight:500;display:block}.ai-invitation small{color:#a4a8bd;margin-top:5px;font-size:8px;display:block}.ai-invitation>svg{color:#a5abc1}.reading-footer{border-top:1px solid var(--border);color:#adb3bf;justify-content:space-between;align-items:center;height:37px;min-height:37px;padding:0 23px;font-size:8px;display:flex}.reading-footer>span:first-child{align-items:center;gap:5px;display:flex}.reading-footer>span:nth-child(2){letter-spacing:1.5px;font-size:7px}.footer-dot{color:#8797be;margin-inline-start:7px;font-size:11px}.workspace-footer{color:#a3aab7;justify-content:space-between;align-items:center;height:35px;min-height:35px;padding:0 2px;font-size:8px;display:flex}.workspace-footer>a,.workspace-footer>span{align-items:center;gap:5px;display:flex}.status-dot{background:#b4c3ad;border-radius:50%;width:4px;height:4px}.reading-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.reading-empty .eyebrow{letter-spacing:2px;color:#a4adbd;font-size:8px}.reading-empty h2{white-space:pre-line;letter-spacing:-.7px;margin:16px 0;font:400 32px/1.3 Georgia,serif}.reading-empty p{color:var(--secondary);max-width:260px;margin:0 0 20px;font-size:11px;line-height:1.8}.reading-empty .empty-preview-note{color:#adb4c1;margin-top:25px;font-size:9px}.empty-orbit{border:1px solid var(--border);color:#96a6c5;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:32px;display:grid;position:relative}.empty-orbit:before{content:"";border:1px dashed var(--border);border-radius:50%;width:130px;height:130px;position:absolute}.empty-orbit>span{border:3px solid var(--surface);box-sizing:content-box;background:#c8d3e8;border-radius:50%;width:7px;height:7px;position:absolute;top:40px;right:-7px}.empty-orbit>span:last-child{width:4px;height:4px;top:3px;left:1px}.empty-state{text-align:center;color:#a0aabb;flex-direction:column;align-items:center;gap:12px;padding:50px 25px;display:flex}.empty-state h3{color:var(--foreground);margin:0;font-size:14px;font-weight:500}.empty-state p{margin:0;font-size:11px;line-height:1.7}.draft-row{text-align:start;border:0;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;width:100%;padding:20px 15px;display:flex}.draft-row>span:nth-child(2){flex:1;min-width:0}.draft-row strong{font-size:11px;font-weight:500}.draft-row small,.draft-row strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.draft-row small{color:var(--secondary);margin-top:7px;font-size:9px}.draft-row:hover{background:var(--selection)}.popover-wrap{position:relative}.popover-menu{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:9px;min-width:180px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 8px 30px #17255416}.popover-menu button{white-space:nowrap;text-align:start;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:10px;font-size:11px;display:flex}.popover-menu button:hover{background:var(--muted)}.load-more{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:calc(100% - 40px);margin:20px;padding:10px;font-size:11px}.inline-error{color:#b17a68;background:#fcf1ed;border:1px solid #f1dfd6;border-radius:8px;margin:15px;padding:12px;font-size:11px;line-height:1.6}.inline-error>svg{float:left;margin-inline-end:6px}.inline-error button{background:0 0;border:0;margin-top:5px;text-decoration:underline;display:block}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#101b3545;animation:fade-in .15s;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);z-index:61;border-radius:17px;width:470px;max-width:calc(100vw - 30px);max-height:90dvh;animation:fade-in .2s;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 30px 100px #17255430}.modal-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:15px;padding:24px 25px 19px;display:flex}.modal-heading h2{letter-spacing:-.4px;margin:0;font-family:Georgia,serif;font-size:23px;font-weight:400}.modal-description{color:var(--secondary);margin:8px 0 0;font-size:11px;line-height:1.6}.settings-body{padding:24px}.settings-account{align-items:center;gap:12px;padding-bottom:25px;display:flex}.settings-account>div{flex:1;min-width:0}.settings-account strong{font-size:12px;display:block}.settings-account small{color:var(--secondary);overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.setting-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-row strong{font-size:12px;font-weight:500}.setting-row small{color:var(--secondary);margin-top:6px;font-size:10px;display:block}.switch{background:var(--border);border:0;border-radius:20px;align-items:center;width:40px;height:23px;padding:3px;display:flex}.switch span{background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;box-shadow:0 1px 3px #17255415}.switch.on{background:#6687db}.switch.on span{transform:translate(17px)}.privacy-note{background:var(--background);border:1px solid var(--border);color:var(--secondary);border-radius:10px;gap:10px;padding:15px;font-size:11px;line-height:1.8;display:flex}.privacy-note strong{color:var(--foreground);font-size:11px;font-weight:500}.privacy-note p{margin:4px 0 0;font-size:10px}.settings-links{flex-direction:column;align-items:center;gap:15px;margin-top:22px;display:flex}.settings-links>a{color:var(--secondary);font-size:10px}.help-body{padding:22px}.help-body>p{justify-content:space-between;margin:0 0 22px;font-size:12px;display:flex}.help-body kbd{min-width:24px;padding:4px}.ai-body{text-align:center;flex-direction:column;align-items:center;padding:30px 30px 25px;display:flex}.ai-large{color:#9791c6;background:#f1effb;border:1px solid #e4e2f5;border-radius:20px;place-items:center;width:65px;height:65px;display:grid}.ai-body h3{margin:22px 0 12px;font:25px Georgia,serif}.ai-body p{color:var(--secondary);margin-bottom:22px;font-size:12px;line-height:1.9}.ai-body .context-pill{margin-bottom:25px}.collection-form{flex-direction:column;gap:15px;padding:25px;display:flex}.collection-form label{font-size:11px}.collection-form input{border:1px solid var(--border);background:var(--background);border-radius:7px;padding:12px;font-size:12px}.collection-form input:focus{border-color:#91abef}.toast{background:var(--navy);color:var(--surface);z-index:100;border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 30px);padding:14px 18px;font-size:12px;line-height:1.6;animation:fade-in .15s;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 6px 30px #17255430}.toast>button{color:inherit;background:0 0;border:0;margin-inline-start:12px;display:flex}.composer-modal{width:650px}.composer-form{flex-direction:column;display:flex}.compose-field{border-bottom:1px solid var(--border);align-items:center;gap:15px;min-height:47px;margin:0 25px;display:flex}.compose-field>label{color:var(--secondary);min-width:43px;font-size:11px}.compose-field>input{background:0 0;border:0;flex:1;min-width:0;padding:13px 0;font-size:12px}.compose-field>button{color:var(--secondary);background:0 0;border:0;font-size:10px}.compose-editor{resize:vertical;background:0 0;border:0;min-height:240px;max-height:35vh;padding:23px 25px;font-size:13px;line-height:1.9}.compose-editor::placeholder{color:#b2b9c5}.editor-toolbar{color:#a9b0bd;border-bottom:1px solid var(--border);justify-content:space-between;margin:0 25px;padding:12px 0;font-size:10px;display:flex}.draft-save-status{align-items:center;gap:4px;display:flex}.composer-footer{justify-content:space-between;align-items:center;padding:17px 25px 12px;display:flex}.composer-footer>div{align-items:center;gap:7px;display:flex}.composer-footer button:first-child{font-size:11px}.composer-security{color:#a5adbb;align-items:center;gap:5px;padding:0 25px 19px;font-size:9px;display:flex}.form-error{color:#b47867;background:#fcf1ed;border:1px solid #f3dfd7;border-radius:8px;padding:12px;font-size:11px;line-height:1.7}.composer-form>.form-error{margin:12px 25px 0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[data-theme=dark] .ai-invitation{background:linear-gradient(120deg,#242637,#252734);border-color:#35394d}[data-theme=dark] .ai-symbol{background:#313148;border-color:#41415b}[data-theme=dark] .connection-pill{background:#2e2b22;border-color:#443c2a}[data-theme=dark] .label-chip{background:#2a3148;border-color:#343d58}[data-theme=dark] .label-chip.personal{background:#383027;border-color:#483b2b}[data-theme=dark] .label-chip.reading{background:#24382e;border-color:#2f4538}[data-theme=dark] .label-chip.updates{background:#322a42;border-color:#413554}[data-theme=dark] .connection-pill.connected{color:#7fc29a;background:#15281f;border-color:#1f3a2c}[data-theme=dark] .form-error,[data-theme=dark] .inline-error{color:#f0a59a;background:#2a1717;border-color:#4a2323}[data-theme=dark] .auth-success{color:#8fd1a5;background:#13261a;border-color:#1f3d29}[data-theme=dark] .ai-large{background:#1f1d3d;border-color:#2f2c57}[data-theme=dark] .nav-item.selected{background:#18181c;box-shadow:inset 2px 0 #9333ea}[data-theme=dark] .mail-tabs button.active:after,[data-theme=dark] .message-row.active:before{background:var(--accent-gradient)}[data-theme=dark] .workspace-icon{color:#afbedb;background:#29354a;border-color:#394961}.landing{background:var(--background);min-height:100dvh}.landing-header{justify-content:space-between;max-width:1180px;margin:auto;padding:30px}.landing-header,.landing-links{align-items:center;display:flex}.landing-links{gap:30px;font-size:12px}.landing-hero{text-align:center;max-width:1000px;margin:auto;padding:85px 25px 65px}.landing-hero>.eyebrow{justify-content:center;margin-bottom:24px}.landing-hero h1{letter-spacing:-4px;margin:0 0 28px;font:clamp(48px,7vw,88px)/1.03 Georgia,serif}.landing-hero h1 em{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400}.landing-hero>p{color:var(--secondary);max-width:480px;margin:0 auto 28px;font-size:15px;line-height:1.9}.hero-actions{justify-content:center;align-items:center;gap:12px;display:flex}.hero-actions a{font-size:12px}.landing-status{color:#a0a9b7;justify-content:center;align-items:center;gap:5px;margin-top:25px;font-size:10px;display:flex}.landing-illustration{border:1px solid var(--border);background:var(--surface);text-align:start;border-radius:16px;grid-template-columns:190px 300px 1fr;max-width:1000px;height:330px;margin:10px auto 0;display:grid;overflow:hidden;transform:perspective(1200px)rotateX(4deg);box-shadow:0 20px 70px #17255408}.mini-sidebar{background:var(--sidebar);padding:25px 18px}.mini-sidebar .brand{letter-spacing:1px;gap:6px;margin-bottom:30px;font-size:15px}.mini-sidebar .brand-mark{width:28px;height:21px}.mini-sidebar>span{color:var(--secondary);border-radius:6px;gap:10px;padding:11px;font-size:11px;display:flex}.mini-sidebar>span:nth-child(2){background:var(--surface);color:var(--navy)}.mini-list{border-inline-end:1px solid var(--border);padding:25px 14px}.mini-list>strong{margin:0 5px 20px;font-size:15px;font-weight:500;display:block}.mini-list>div{border-bottom:1px solid var(--border);border-radius:7px;gap:10px;padding:13px 10px;display:flex}.mini-list>div:nth-child(2){background:var(--selection)}.mini-list b{margin-bottom:7px;font-size:10px;font-weight:500;display:block}.mini-list small{color:var(--secondary);font-size:9px}.mini-reader{padding:30px}.mini-reader h3{margin:20px 0;font:24px/1.3 Georgia,serif}.mini-reader>p{color:var(--secondary);font-size:11px;line-height:2}.mini-line{background:var(--muted);border-radius:5px;height:5px;margin:12px 0}.landing-features{grid-template-columns:repeat(3,1fr);gap:50px;max-width:1060px;margin:30px auto 65px;padding:0 30px;display:grid}.landing-features article>svg{color:#8ca0c6}.landing-features h2{margin:18px 0 12px;font:21px Georgia,serif}.landing-features p{color:var(--secondary);font-size:12px;line-height:1.9}.landing-footer{border-top:1px solid var(--border);max-width:1120px;color:var(--secondary);justify-content:space-between;margin:auto;padding:25px 30px;font-size:10px;display:flex}.auth-layout{grid-template-columns:45% 55%;min-height:100dvh;display:grid}.auth-aside{background:#000;border-inline-end:1px solid #26262b;flex-direction:column;padding:45px 55px;display:flex;position:relative;overflow:hidden}.auth-aside .brand,.auth-aside .brand-word{color:#fff}.auth-aside-content{z-index:1;margin:auto 0;padding:65px 0;position:relative}.auth-aside-content .eyebrow{color:#a0b0d5;letter-spacing:2.5px;font-size:9px}.auth-aside h1{letter-spacing:-2px;margin:24px 0;font:clamp(40px,4.5vw,66px)/1.12 Georgia,serif}.auth-aside p{color:#a1afd0;max-width:330px;font-size:13px;line-height:1.9}.auth-orbit{border:1px solid #ffffff0a;border-radius:50%;width:450px;height:450px;position:absolute;top:20%;right:-270px}.auth-orbit:after,.auth-orbit:before{content:"";border:1px solid #ffffff09;border-radius:50%;position:absolute;inset:-70px}.auth-orbit:after{inset:-140px}.auth-aside-footer{color:#a5b0cc;align-items:center;gap:7px;font-size:10px;display:flex}.auth-main{flex-direction:column;padding:32px 50px;display:flex}.auth-top{color:var(--secondary);align-self:flex-end;font-size:11px}.auth-top a{color:var(--navy);margin-inline-start:5px;font-weight:500}.auth-form-wrap{width:100%;max-width:380px;margin:auto;padding:40px 0}.auth-form-wrap .eyebrow{color:#9aa9c2;margin-bottom:18px}.auth-form-wrap h2{letter-spacing:-1px;margin:0 0 12px;font:33px Georgia,serif}.auth-intro{color:var(--secondary);margin:0 0 27px;font-size:12px;line-height:1.8}.auth-form{gap:17px}.auth-form,.form-field{flex-direction:column;display:flex}.form-field{gap:8px}.form-field label{justify-content:space-between;font-size:11px;font-weight:500;display:flex}.form-field label>a{color:#8e9bb5;font-weight:400}.form-field input,.form-field select{border:1px solid var(--border);background:var(--background);border-radius:8px;width:100%;height:43px;padding:0 12px;font-size:12px}.form-field input:focus,.form-field select:focus{border-color:#94ace8;box-shadow:0 0 0 3px #477bff0b}.form-field small{color:var(--secondary);font-size:9px;line-height:1.7}.username-field{border:1px solid var(--border);background:var(--background);border-radius:8px;align-items:center;display:flex}.username-field:focus-within{border-color:#94ace8}.username-field input{background:0 0;border:0;flex:1;min-width:0;box-shadow:none!important}.username-field span{color:var(--secondary);font-size:12px}.username-field select{background:0 0;border:0;width:auto;min-width:115px;max-width:170px;padding-inline-start:5px;font-size:11px}.auth-form>button{background:var(--accent-gradient);height:44px;box-shadow:var(--accent-glow);color:#fff;margin-top:5px;font-size:12px}.auth-bottom{color:var(--secondary);justify-content:space-between;width:100%;max-width:380px;margin:0 auto;font-size:10px;line-height:1.7;display:flex}.auth-preview-link{color:#91a0bd;justify-content:center;align-items:center;gap:7px;margin-top:23px;font-size:11px;display:flex}.auth-notice{background:var(--background);border:1px solid var(--border);color:#929ba9;border-radius:8px;gap:8px;margin-bottom:20px;padding:12px;font-size:10px;line-height:1.8;display:flex}.auth-success{color:#6b8d70;background:#f0f7f1;border:1px solid #dceade;border-radius:9px;gap:10px;padding:16px;font-size:12px;line-height:1.9;display:flex}.auth-success+a{margin-top:20px;font-size:12px;display:inline-flex}.password-wrap{position:relative}.password-wrap input{padding-inline-end:40px}.password-wrap button{position:absolute;top:5px;right:5px}.availability{min-height:14px}.availability.good{color:#789e86}.availability.bad{color:#bb8c7a}.auth-form>.form-error{margin:0}@media (min-width:1600px){.sidebar{width:258px;padding-inline:24px}.main-workspace{padding-inline-start:30px}.mail-shell{padding-inline-end:30px}.message-panel{width:400px}.reading-scroll{padding:35px 45px}.message-title h2{max-width:600px;font-size:27px}.message-body{font-size:13px;line-height:1.95}.sender-block strong{font-size:12px}.sender-address,.sender-block small,.sender-date time{font-size:10px}.message-open{padding:19px 15px}.message-row{min-height:127px}.message-info h3,.message-info p{font-size:11px}.sender-line{font-size:12px}.attachment-card{max-width:245px}.file-preview{height:125px}.file-details strong{font-size:10px}.file-details small{font-size:9px}.file-details{padding:12px}.inbox-heading{min-height:162px}.inbox-heading h1{font-size:37px}.inbox-heading p{font-size:12px}.nav-item{min-height:40px;font-size:13px}.reading-toolbar{height:65px;min-height:65px}.list-heading{padding-top:25px;padding-bottom:22px}.mail-tabs button{font-size:11px}}@media (max-width:1190px){.sidebar{width:205px;padding-inline:14px}.sidebar>.brand{margin-inline:8px}.brand{letter-spacing:1.5px;font-size:20px}.workspace-switch strong{font-size:10px}.workspace-switch small{max-width:116px;font-size:9px}.workspace-switch>svg{display:none}.main-workspace{padding-inline-start:16px}.mail-shell{padding-inline-end:16px}.message-panel{width:310px;max-width:43%}.mail-content{gap:11px}.reading-scroll{padding:25px 23px}.sender-date time{display:none}.message-title h2{font-size:20px}.message-open{gap:8px;padding-inline:10px}.sender-line{font-size:10px}.row-check{left:14px}.reading-toolbar{padding-inline:12px}.reading-toolbar>div{gap:1px}.message-position{font-size:8px}.toolbar-divider{margin-inline:3px}.message-body{font-size:11px}.file-details{gap:5px;padding:8px}.file-details>svg{display:none}.reply-actions{gap:1px}.reply-actions button{padding-inline:9px}.ai-invitation{padding:12px 10px}.ai-invitation small{line-height:1.7}.sidebar-signature{font-size:8px}}@media (max-width:960px){.sidebar{width:190px;padding-inline:11px}.main-workspace{padding-inline-start:13px}.mail-shell{padding-inline-end:13px}.message-panel{width:295px;max-width:45%}.sender-address{font-size:8px}.reading-toolbar .icon-button{width:25px}.inbox-heading h1{font-size:27px}.reading-scroll{padding-inline:20px}.ai-invitation small{display:none}.ai-invitation strong{line-height:1.6}.attachment-cards{gap:8px}.attachment-card{width:calc(50% - 4px)}.file-details .file-type{width:20px}.attachment-heading{font-size:8px}.attachment-size{display:none}.reply-actions{flex-wrap:wrap}.auth-aside{padding:35px}.auth-main{padding:30px}}@media (max-width:800px){.mail-shell{min-height:650px;padding-inline-end:16px}.sidebar{z-index:52;top:0;bottom:0;width:245px;display:none;position:fixed;inset-inline-start:0;box-shadow:10px 0 40px #17255418}.sidebar.is-open{display:flex}.sidebar-backdrop{z-index:51;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17255445;border:0;position:fixed;inset:0}.mobile-menu{display:flex}.topbar{height:65px}.inbox-heading{min-height:135px;padding-block:23px}.main-workspace{padding-inline-start:16px}.message-panel{width:310px;max-width:45%}.connection-pill{margin:0;font-size:8px}.topbar-actions{gap:3px}.reading-scroll{padding-inline:22px}.reading-footer>span:nth-child(2),.sender-address{display:none}.auth-layout{grid-template-columns:38% 62%}.auth-aside{padding:30px}.auth-aside h1{font-size:38px}.auth-aside-content>p{font-size:11px}.auth-main{padding-inline:30px}.landing-illustration{grid-template-columns:140px 230px 1fr}.mini-sidebar{padding-inline:12px}.mini-sidebar .brand{font-size:12px}.mini-reader{padding:22px}.mini-reader h3{font-size:20px}}@media (max-width:640px){.mail-shell{min-height:620px;padding:0 12px}.main-workspace{padding:0}.topbar-start>svg,.workspace-breadcrumb{display:none}.topbar-start{gap:7px}.topbar{height:61px}.connection-pill{padding:4px 6px}.connection-pill>span{display:none}.topbar-actions .icon-button{width:29px}.topbar-actions{gap:3px}.profile-avatar{width:29px;height:29px;margin-inline-start:5px;font-size:9px}.inbox-heading{min-height:131px;padding:24px 5px}.inbox-heading h1{letter-spacing:-1px;max-width:300px;font-size:29px}.eyebrow{letter-spacing:1.4px;font-size:6px}.inbox-heading p{max-width:260px;font-size:10px;line-height:1.7}.today-date{display:none}.mail-content{gap:0}.message-panel{width:100%;max-width:100%}.mail-content.has-reading .message-panel,.reading-panel{display:none}.mail-content.has-reading .reading-panel{display:flex}.reading-scroll{padding:24px}.reading-toolbar{padding:0 15px}.message-title h2{font-size:23px}.message-body{font-size:12px}.sender-address{font-size:9px;display:inline}.sender-block strong{font-size:12px}.sender-date time{display:none}.sender-block{margin:26px 0 22px}.file-preview{height:105px}.attachment-card{max-width:250px}.file-details strong{font-size:9px}.file-details small{font-size:8px}.attachment-heading{font-size:10px}.attachment-size{font-size:8px;display:block}.ai-invitation small{line-height:1.7;display:block}.ai-invitation strong{font-size:10px}.reply-actions button{font-size:11px}.message-row{min-height:121px}.message-open{gap:13px;padding:18px 15px}.sender-line{font-size:12px}.sender-line time{font-size:9px}.message-info h3{font-size:11px}.message-info p{font-size:10px}.row-check{top:26px;left:19px}.avatar{width:36px;height:36px;font-size:11px}.mail-tabs{gap:30px}.mail-tabs button{font-size:11px}.search-box{height:40px}.search-box input{font-size:12px}.workspace-footer{height:31px;min-height:31px;font-size:7px}.workspace-footer>a{font-size:7px}.list-heading{padding:22px 20px}.list-heading h2{font-size:20px}.row-star{bottom:20px;right:16px}.auth-layout{display:block}.auth-aside{display:none}.auth-main{min-height:100dvh;padding:30px 25px}.auth-form-wrap{padding:32px 0}.auth-top{font-size:10px}.landing-header{padding:24px 20px}.landing-header .brand{font-size:19px}.landing-links{gap:14px;font-size:11px}.landing-links>a:first-child{display:none}.landing-links a:last-child{height:35px;padding-inline:11px;font-size:10px}.landing-hero{padding:60px 20px 40px}.landing-hero h1{letter-spacing:-2.7px;font-size:53px}.landing-hero>p{max-width:300px;font-size:13px}.hero-actions{gap:8px}.hero-actions a{padding-inline:15px;font-size:11px}.landing-illustration{grid-template-columns:110px 1fr;height:300px;margin-top:45px}.mini-sidebar{padding:22px 10px}.mini-sidebar .brand{letter-spacing:.7px;font-size:10px}.mini-sidebar .brand-mark{display:none}.mini-sidebar>span{padding:12px 4px;font-size:10px}.mini-reader{display:none}.mini-list{padding:20px 8px}.mini-list>strong{margin-bottom:15px}.mini-list>div{gap:8px;padding:13px 8px}.mini-list .avatar{width:28px;height:28px;font-size:9px}.mini-list b{font-size:9px}.mini-list small{font-size:8px}.landing-features{grid-template-columns:1fr;gap:25px;margin:15px auto 40px;padding:0 30px}.landing-features h2{margin-top:13px}.landing-footer{gap:15px;padding:20px;font-size:8px}.composer-modal{max-height:95dvh}.modal-heading{padding:20px}.modal-heading h2{font-size:22px}.compose-field{margin-inline:20px}.compose-editor{min-height:220px;padding:20px}.composer-footer{padding-inline:20px}.toast{width:max-content;max-width:calc(100vw - 26px);font-size:11px;bottom:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--text-strong:#0f172a;--text-body:#334155;--text-muted:#5b6478}:root[data-theme=dark],[data-theme=dark]{--text-strong:#fff;--text-body:#e4e4e7;--text-muted:#a1a1aa}.attachment-indicator,.auth-notice,.auth-preview-link,.context-pill,.date-separator,.eyebrow,.form-field label>a,.inbox-heading p,.list-footer,.list-heading>div:first-child>span,.mail-tabs button,.message-info p,.message-position,.nav-caption,.nav-item,.reading-footer,.reading-toolbar .icon-button,.search-box,.search-box input::placeholder,.selection-bar,.sender-address,.sender-block small,.sender-line time,.title-caption,.today-date>span,.workspace-footer{color:var(--text-muted)}.message-body{color:var(--text-body)}.inbox-heading h1,.list-heading h2,.mail-tabs button.active,.message-info h3,.message-title h2,.nav-item.selected,.nav-item:hover,.sender-block strong,.sender-line strong,.today-date>strong{color:var(--text-strong)}.attachment-indicator,.context-pill,.date-separator,.eyebrow,.label-chip,.list-footer,.mail-tabs button,.message-info h3,.message-info p,.message-position,.nav-caption,.reading-footer,.selection-bar,.sender-address,.sender-block small,.sender-line time,.title-caption,.today-date>span,.workspace-footer{font-size:11px}.sender-block strong{font-size:13px}.message-info h3,.message-info p,.sender-line{font-size:12.5px}.message-body{font-size:14px}.nav-item{font-size:13px}.auth-layout{background:var(--background)}.auth-aside{color:#fff;background:radial-gradient(520px 380px at 90% 10%,#60a5fa66,#0000 65%),radial-gradient(520px 420px at 0 100%,#c084fc66,#0000 65%),linear-gradient(150deg,#4f46e5,#6d28d9 55%,#7c3aed);border:0}.auth-aside .brand-a,.auth-aside .brand-word{color:#fff}.auth-aside .brand-tagline{color:#e0e7ffcc}.auth-aside h1 em{color:#c7d2fe}.auth-aside p,.auth-aside-footer{color:#e0e7ffd9}.auth-aside-content .eyebrow{color:#c7d2fe}.auth-orbit,.auth-orbit:after,.auth-orbit:before{border-color:#ffffff1f}.auth-main{background:var(--surface)}.auth-form-wrap .eyebrow{color:var(--primary)}.auth-bottom,.auth-intro,.auth-top,.form-field small{color:var(--text-muted)}.form-field label{color:var(--text-strong)}.form-field input,.form-field select,.username-field{border-color:var(--border);color:var(--foreground);background:#f8f9fe}.form-field input::placeholder{color:#94a3b8}.form-field input:focus,.form-field select:focus,.username-field:focus-within{background:#fff;border-color:#818cf8;box-shadow:0 0 0 4px #6366f11f}.auth-notice{color:#4c4a7a;background:#f5f3ff;border-color:#e9e5ff}.auth-form>button:disabled{opacity:.45;box-shadow:none}.landing-hero h1{color:var(--navy)}.intro{z-index:1000;cursor:pointer;background:radial-gradient(700px 420px at 70% 20%,#e0e7ff,#0000 65%),radial-gradient(700px 420px at 25% 85%,#f3e8ff,#0000 65%),#fbfbff;place-items:center;animation:intro-out .6s cubic-bezier(.65,0,.35,1) 3.2s forwards;display:grid;position:fixed;inset:0}.intro-stage{align-items:center;gap:24px;display:flex}.intro-mark{width:124px;height:90px;overflow:visible}.intro-mark .bm-fold,.intro-mark .bm-ribbon{stroke-dasharray:1;stroke-dashoffset:1px;animation:intro-draw .8s cubic-bezier(.65,0,.35,1) .15s forwards}.intro-mark .bm-fold{animation-duration:.45s;animation-delay:.6s}.intro-mark .bm-envelope{animation:intro-envelope .55s cubic-bezier(.34,1.56,.64,1) 1.1s forwards}.intro-mark .bm-badge,.intro-mark .bm-envelope{opacity:0;transform-box:fill-box;transform-origin:50%}.intro-mark .bm-badge{animation:intro-pop .45s cubic-bezier(.34,1.56,.64,1) 1.6s forwards}.intro-text{flex-direction:column;gap:12px;display:flex}.intro-word{letter-spacing:.06em;color:var(--navy);align-items:baseline;font-size:56px;font-weight:800;line-height:1;display:inline-flex}.intro-letter{opacity:0;filter:blur(6px);animation:intro-letter .55s cubic-bezier(.22,1,.36,1) forwards;display:inline-flex;transform:translateY(14px)}.intro-letter .brand-a{width:.92em;height:.74em;margin:0 .06em}.intro-tagline{letter-spacing:.42em;text-transform:uppercase;color:#6366f1;opacity:0;font-size:12px;font-weight:600;animation:intro-fade .6s 2.6s forwards}@keyframes intro-draw{to{stroke-dashoffset:0}}@keyframes intro-envelope{0%{opacity:0;transform:translate(-8px,12px)scale(.5)}to{opacity:1;transform:none}}@keyframes intro-pop{0%{opacity:0;transform:scale(.1)rotate(-40deg)}to{opacity:1;transform:none}}@keyframes intro-letter{to{opacity:1;filter:none;transform:none}}@keyframes intro-fade{to{opacity:1}}@keyframes intro-out{to{opacity:0;visibility:hidden}}@media (max-width:640px){.intro-stage{flex-direction:column;gap:16px}.intro-text{align-items:center}.intro-mark{width:92px;height:67px}.intro-word{font-size:40px}.intro-tagline{letter-spacing:.3em;font-size:10px}}@media (prefers-reduced-motion:reduce){.intro{display:none}}[data-theme=dark] .intro{background:radial-gradient(700px 420px at 70% 20%,#312e8155,#0000 65%),radial-gradient(700px 420px at 25% 85%,#581c8744,#0000 65%),#07070d}[data-theme=dark] .intro-word{color:#fff}[data-theme=dark] .intro-tagline{color:#a5b4fc}.mail-shell{padding-inline-end:16px}.main-workspace{padding-inline-start:16px}.topbar{height:60px}.mail-content{gap:12px;padding-top:16px}@media (min-width:961px){.message-panel{width:clamp(340px,34%,460px);max-width:none}.reading-scroll{padding:28px clamp(24px,4vw,56px)}.sidebar{width:248px;padding:22px 16px 14px}}.message-panel,.reading-panel{border-radius:14px}.message-title h2{max-width:none}.message-row{min-height:0}.workspace-footer{height:34px;min-height:34px}.sidebar>.brand{margin:0 8px 24px}:root{--desk:#f3f4fb;--desk-dot:#dfe2f1;--sheet:#fff;--sheet-edge:#e6e8f4;--ink:#1e1b4b;--stamp:#6366f1;--airmail:repeating-linear-gradient(-45deg,#8b5cf6 0 10px,transparent 10px 16px,#3b82f6 16px 26px,transparent 26px 32px)}[data-theme=dark]{--desk:#0b0b12;--desk-dot:#1c1c29;--sheet:#13131c;--sheet-edge:#262636;--ink:#fff;--stamp:#a5b4fc}.reading-panel{background:var(--desk);background-image:radial-gradient(var(--desk-dot) 1px,transparent 1px);background-size:18px 18px}.reading-toolbar{background:var(--surface)}.reading-scroll{padding:32px clamp(16px,3vw,40px) 40px}.letter{background:var(--sheet);border:1px solid var(--sheet-edge);max-width:760px;box-shadow:0 1px 0 var(--sheet-edge),0 18px 40px -24px #1e1b4b40;border-radius:6px 6px 16px 16px;margin:0 auto;padding:40px clamp(22px,4vw,52px) 28px;position:relative}.letter:before{content:"";background:var(--airmail);opacity:.85;border-radius:6px 6px 0 0;height:6px;position:absolute;inset:0 0 auto}.letter .message-title h2{letter-spacing:-.02em;color:var(--ink);margin:14px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.2vw,32px);font-weight:400;line-height:1.2}.letter .sender-block{border-top:1px dashed var(--sheet-edge);border-bottom:1px dashed var(--sheet-edge);margin:26px 0;padding:16px 0}.letter .sender-date time{border:1.5px dashed var(--stamp);width:74px;height:74px;color:var(--stamp);letter-spacing:.08em;text-align:center;text-transform:uppercase;opacity:.9;border-radius:50%;place-items:center;padding:10px;font-size:10px;font-weight:600;line-height:1.35;display:grid;transform:rotate(-8deg)}.letter .message-body{color:var(--text-body);font-size:15px;line-height:1.85}.letter .reply-actions{border-top:1px dashed var(--sheet-edge);margin-top:28px;padding:18px 0 0}.letter .reply-actions button:first-child{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow);border:0}.reading-scroll>.ai-invitation{border:1px dashed var(--sheet-edge);background:0 0;max-width:760px;margin:16px auto 0}.avatar{border-radius:11px;font-weight:700;box-shadow:inset 0 0 0 1px #0f172a0d}.message-row{border:1px solid #0000;border-radius:12px;margin:4px 10px}.message-row:hover{background:var(--surface);border-color:var(--border)}.message-row.active{background:var(--surface);border-color:#c7d2fe;box-shadow:0 10px 24px -18px #4f46e5aa}[data-theme=dark] .message-row.active{border-color:#3730a3}.message-row.active:before{background:var(--accent-gradient);width:3px;top:14px;bottom:14px}.unread-dot{background:#8b5cf6;width:6px;height:6px}.sender-line time{font-variant-numeric:tabular-nums}.message-panel{background:var(--muted)}[data-theme=dark] .message-panel{background:#0d0d14}.list-heading,.mail-tabs,.search-box{background:0 0}.search-box{background:var(--surface)}.date-separator{text-transform:none;letter-spacing:0;padding:10px 22px 4px;font-weight:600}.list-footer{display:none}.nav-item{border-radius:10px;min-height:38px}.nav-item.selected{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 #8b5cf6,0 1px 2px #0f172a0f}.nav-caption{margin-top:6px}.count-pill{color:#5b21b6;background:#ede9fe;border-radius:999px;font-weight:600}[data-theme=dark] .count-pill{color:#ddd6fe;background:#2e1065}:root:not([data-theme=dark]){--background:#f4f5f8;--surface:#fff;--muted:#f4f5f8;--border:#dfe2ea;--sidebar:#fff;--selection:#f1efff;--navy:#14123a;--foreground:#11142a;--secondary:#4f566b;--text-strong:#11142a;--text-body:#2a3044;--text-muted:#555c70;--text-faint:#6b7286;--primary:#5145e5;--desk:#f4f5f8;--sheet:#fff;--sheet-edge:#e2e5ec;--ink:#14123a;--stamp:#5145e5;--shadow:0 1px 2px #11142a0f}:root:not([data-theme=dark]) body{background:var(--background)}:root:not([data-theme=dark]) .reading-panel{background-image:none}:root:not([data-theme=dark]) .message-panel{background:var(--surface)}:root:not([data-theme=dark]) .letter{box-shadow:0 1px 2px #11142a0d,0 12px 32px -20px #11142a33}:root:not([data-theme=dark]) :is(.nav-caption,.sidebar-signature,.topbar-start>svg,.eyebrow,.list-heading>div:first-child>span,.search-box,kbd,.mail-tabs button,.selection-bar,.date-separator,.sender-line time,.message-info p,.attachment-indicator,.reading-toolbar .icon-button,.message-position,.sender-address,.sender-block small,.attachment-heading,.attachment-size,.file-details small,.file-details>svg,.ai-invitation small,.ai-invitation>svg,.workspace-footer,.reading-empty .eyebrow,.reading-empty .empty-preview-note,.empty-state,.editor-toolbar,.composer-security,.landing-status,.auth-preview-link,.auth-notice,.nav-count,.workspace-switch small,.storage-card small,.storage-card>div:first-child,.modal-description,.setting-row small,.privacy-note){color:var(--text-faint)}:root:not([data-theme=dark]) :is(.message-info p,.sender-address,.sender-block small){color:var(--text-muted)}:root:not([data-theme=dark]) .nav-item{color:#3b4257}:root:not([data-theme=dark]) :is(){color:#7a8195}:root:not([data-theme=dark]) :is(.row-star,.add-label){color:#8a91a4}:root:not([data-theme=dark]) .row-star.is-starred{color:#c98a12}:root:not([data-theme=dark]) .label-chip{color:#3f3aa8;background:#eef0ff;border-color:#dde1ff}:root:not([data-theme=dark]) .label-chip.personal{color:#8a4b05;background:#fff4e5;border-color:#fde3bd}:root:not([data-theme=dark]) .label-chip.reading{color:#1d6b42;background:#e9f7ef;border-color:#c9ead6}:root:not([data-theme=dark]) .label-chip.updates{color:#6227b8;background:#f4edff;border-color:#e4d6ff}:root:not([data-theme=dark]) .avatar.peach{color:#8a4520;background:#fde7d9}:root:not([data-theme=dark]) .avatar.purple{color:#4c3aa6;background:#ece8ff}:root:not([data-theme=dark]) .avatar.sage{color:#23663f;background:#dff3e7}:root:not([data-theme=dark]) .avatar.coral{color:#9a3423;background:#fde4df}:root:not([data-theme=dark]) .avatar.sand{color:#7a5410;background:#f6ecd8}:root:not([data-theme=dark]) .avatar.pink{color:#93294f;background:#fbe4ee}:root:not([data-theme=dark]) .avatar.gray{color:#3b4257;background:#eceef3}:root:not([data-theme=dark]) .avatar.blue{color:#1f4f9c;background:#e1ecfe}:root:not([data-theme=dark]) .connection-pill{color:#7a5205;background:#fff7e6;border-color:#f6dfae}:root:not([data-theme=dark]) .connection-pill>span{background:#d99a0b}:root:not([data-theme=dark]) .form-error,:root:not([data-theme=dark]) .inline-error{color:#9b2c1c;background:#fef2f0;border-color:#f7cfc7}:root:not([data-theme=dark]) .count-pill{color:#3f30c9;background:#ece9ff}:root:not([data-theme=dark]) .message-row.active{background:var(--selection);box-shadow:none;border-color:#cfc9ff}:root:not([data-theme=dark]) .message-row:hover:not(.active){border-color:var(--border);background:#f7f8fb}:root:not([data-theme=dark]) .nav-item:hover{color:var(--text-strong);background:#f1f2f6}:root:not([data-theme=dark]) .nav-item.selected{background:var(--selection);color:#2b1fb8;box-shadow:inset 3px 0 #6d5cf6}:root:not([data-theme=dark]) .workspace-icon{color:#3f3aa8;background:#eef0ff;border-color:#dde1ff}:root:not([data-theme=dark]) .message-body{color:var(--text-body)}:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #6d5cf6}.icon-button{width:36px;height:36px}.list-heading .icon-button,.reading-toolbar .icon-button{width:34px;height:34px}.icon-button:active,.message-open:active,.nav-item:active{transform:translateY(.5px)}::selection{color:#11142a;background:#c7d2fe}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root:not([data-theme=dark]) .auth-aside .eyebrow{color:#c7d2fe}.sidebar{transition:width .22s cubic-bezier(.22,1,.36,1),padding .22s}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;min-height:40px;margin:0 2px 20px 6px;display:flex}.sidebar-head .brand{min-width:0;margin:0}.sidebar-head .brand-word{font-size:19px}.sidebar-head .brand-mark{width:38px;height:28px}.sidebar-head .icon-button{width:32px;height:32px;color:var(--text-muted)}.workspace-switch{background:var(--surface);border-radius:12px;min-height:52px;margin-bottom:14px;padding:8px 10px}.workspace-switch:hover{border-color:#c7c3ff}.compose-button{border-radius:12px;gap:10px;min-height:44px;margin-bottom:18px;font-size:13px;font-weight:600}.nav-caption{letter-spacing:.12em;margin:18px 12px 6px;font-size:10.5px;font-weight:700}.nav-caption.with-action{margin:18px 4px 6px 12px}.nav-caption.with-action .icon-button{width:26px;height:26px}.nav-item{gap:12px;margin:1px 0;padding:0 12px;position:relative}.nav-text{text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;min-width:0;overflow:hidden}.nav-separated{margin-top:8px}.label-nav .nav-item{min-height:34px;font-size:12.5px}.label-dot{width:9px;height:9px;margin:0 4px;box-shadow:0 0 0 3px}@supports (color:color-mix(in lab,red,red)){.label-dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent)}}.new-folder{border-radius:10px;width:100%;padding:8px 12px}.new-folder:hover{background:var(--muted)}.sidebar-bottom{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.storage-card{background:var(--surface);border-radius:12px;padding:12px}.storage-card>div:first-child{font-size:11.5px;font-weight:600}.storage-track{background:var(--muted);border-radius:999px;height:5px}.storage-track>span{background:var(--accent-gradient);border-radius:999px}.storage-card small{font-size:11px}@media (max-width:960px){.sidebar-head .icon-button{display:none}}@media (min-width:961px){.is-collapsed .sidebar{width:76px;padding-inline:12px;overflow-x:hidden}.is-collapsed .sidebar-head{flex-direction:column;gap:10px;margin:0 0 16px}.is-collapsed .key-hint,.is-collapsed .nav-caption .icon-button,.is-collapsed .nav-caption>span,.is-collapsed .nav-count,.is-collapsed .nav-text,.is-collapsed .new-badge,.is-collapsed .storage-card,.is-collapsed .workspace-switch>span:nth-child(2),.is-collapsed .workspace-switch>svg{display:none}.is-collapsed .nav-caption{background:var(--border);height:1px;margin:14px 10px;font-size:0}.is-collapsed .workspace-switch{justify-content:center;min-height:48px;padding:8px 0}.is-collapsed .compose-button{justify-content:center;padding:0}.is-collapsed .nav-item,.is-collapsed .new-folder{justify-content:center;min-height:42px;padding:0}.is-collapsed .new-folder{gap:0;font-size:0}.is-collapsed .count-pill{top:4px;min-width:17px;height:17px;padding:0 4px;font-size:9.5px;position:absolute;inset-inline-end:6px}.is-collapsed .label-dot{margin:0}}.message-open{gap:12px;padding:14px 14px 12px}.sender-line{gap:6px;margin-bottom:4px}.sender-line strong{font-size:13px}.message-info h3{color:var(--text-strong);margin-bottom:3px;font-size:13px}.message-info p{font-size:12.5px;line-height:1.5}.row-meta{gap:6px;margin-top:8px}.label-chip{border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:600}.row-star{bottom:14px}.message-row .avatar{width:34px;height:34px}.attachment-cards{gap:12px}.attachment-card{border-radius:12px;transition:border-color .18s,box-shadow .18s,transform .18s}.attachment-card:hover{border-color:#c7c3ff;transform:translateY(-2px);box-shadow:0 10px 24px -16px #4f46e566}.file-details strong{font-size:12px;font-weight:600}.file-details small{font-size:11px}.file-type{border-radius:6px;font-size:9px;font-weight:700}@media (min-width:961px){.is-collapsed .sidebar{scrollbar-width:none;padding-inline:10px}.is-collapsed .sidebar::-webkit-scrollbar{display:none}.is-collapsed .sidebar-head .brand-mark{width:40px;height:29px}.is-collapsed .compose-button,.is-collapsed .nav-item,.is-collapsed .new-folder,.is-collapsed .workspace-switch{width:48px;margin-inline:auto}}.brand-mark{overflow:visible}@media (min-width:961px){.is-collapsed .sidebar{align-items:center;width:72px;padding:16px 0 12px}.is-collapsed .sidebar>*{width:44px;margin-inline:auto}.is-collapsed .sidebar-head{gap:8px;width:44px;margin:0 auto 12px}.is-collapsed .sidebar-head .brand{justify-content:center;width:44px;height:36px}.is-collapsed .sidebar-head .brand-mark{width:36px;height:26px}.is-collapsed .sidebar-head .icon-button{width:32px;height:32px}.is-collapsed .workspace-switch{border-radius:12px;width:44px;height:44px;min-height:44px;margin:0 auto 8px;padding:0}.is-collapsed .workspace-icon{width:32px;height:32px}.is-collapsed .compose-button{border-radius:12px;width:44px;height:44px;min-height:44px;margin:0 auto 4px}.is-collapsed .label-nav,.is-collapsed nav{flex-direction:column;align-items:center;gap:2px;display:flex}.is-collapsed .nav-item,.is-collapsed .new-folder{border-radius:12px;width:44px;height:44px;min-height:44px;margin:0;padding:0}.is-collapsed .nav-separated{margin-top:8px}.is-collapsed .nav-item.selected{box-shadow:none;background:var(--selection);color:var(--primary)}.is-collapsed .nav-item.selected:after{content:"";background:var(--accent-gradient);inset-inline-start:-14px;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px}.is-collapsed .count-pill{background:var(--accent-gradient);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--sidebar);top:5px;border-radius:999px;padding:0 4px;font-size:9px;line-height:16px;inset-inline-end:4px}.is-collapsed .nav-caption,.is-collapsed .nav-caption.with-action{background:var(--border);width:28px;height:1px;margin:12px auto;padding:0}.is-collapsed .sidebar-bottom{border-top:0;flex-direction:column;gap:2px;width:44px;padding-top:12px;display:flex}}.sidebar>*{flex-shrink:0}.sidebar .nav-item svg,.sidebar .new-folder svg,.sidebar-head .icon-button svg{stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .18s cubic-bezier(.22,1,.36,1),fill .18s}.sidebar .nav-item:hover svg{transform:translateY(-1px)}.mail-shell .sidebar .nav-item.selected svg{stroke-width:1.9px;fill:currentColor;fill-opacity:.16}.mail-shell .sidebar .compose-button,.mail-shell .sidebar .compose-button svg{color:#fff}.mail-shell .sidebar .compose-button svg{stroke-width:2px}.mail-shell .sidebar .workspace-icon{background:var(--accent-gradient);color:#fff;font-family:var(--font-ui);border:0;border-radius:10px;font-size:14px;font-weight:700}.mail-shell .sidebar .label-dot{border-radius:3px;width:10px;height:10px;box-shadow:0 0 0 3px}@supports (color:color-mix(in lab,red,red)){.mail-shell .sidebar .label-dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent)}}@media (min-width:961px){.mail-shell.is-collapsed .sidebar .nav-item{color:var(--text-muted)}.mail-shell.is-collapsed .sidebar .nav-item:hover{background:var(--muted);color:var(--text-strong)}.mail-shell.is-collapsed .sidebar .nav-item.selected{background:var(--selection);color:var(--primary);box-shadow:none}.mail-shell.is-collapsed .sidebar .count-pill{background:var(--accent-gradient);color:#fff;min-width:16px;height:16px;box-shadow:0 0 0 2px var(--sidebar);top:5px;border-radius:999px;padding:0 4px;font-size:9px;font-weight:700;line-height:16px;position:absolute;inset-inline-end:4px}.mail-shell.is-collapsed .sidebar .workspace-switch{background:0 0;border:0}.mail-shell.is-collapsed .sidebar .workspace-icon{border-radius:12px;width:36px;height:36px}.mail-shell.is-collapsed .sidebar .compose-button{box-shadow:0 6px 16px -6px #6366f199}}.mail-shell .reading-empty{gap:0;padding:40px 24px}.empty-envelope{width:168px;height:120px;margin-bottom:32px;position:relative}.empty-envelope-back{background:#e8e6ff;border-radius:12px;position:absolute;inset:22px 0 0}[data-theme=dark] .empty-envelope-back{background:#23214a}.empty-envelope-letter{background:var(--sheet);border:1px solid var(--sheet-edge);border-radius:8px;flex-direction:column;gap:8px;height:86px;padding:16px 14px;animation:empty-letter 3.2s ease-in-out infinite;display:flex;position:absolute;top:0;left:20px;right:20px;box-shadow:0 6px 16px -10px #1e1b4b55}.empty-envelope-letter:before{content:"";background:var(--airmail);border-radius:8px 8px 0 0;height:4px;position:absolute;inset:0 0 auto}.empty-envelope-letter i{background:var(--muted);border-radius:3px;height:5px;display:block}.empty-envelope-letter i:first-child{background:#c7c3ff;width:55%}.empty-envelope-letter i:nth-child(3){width:70%}.empty-envelope-front{background:var(--accent-gradient);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:0 0 12px 12px;position:absolute;inset:54px 0 0;box-shadow:0 14px 30px -14px #4f46e5aa}@keyframes empty-letter{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mail-shell .reading-empty h2{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 10px;font:400 30px/1.2 Georgia,Times New Roman,serif}.mail-shell .reading-empty p{max-width:340px;color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.mail-shell .reading-empty [data-slot=button]{border-radius:12px;height:42px;padding:0 20px;font-weight:600}.empty-shortcuts{color:var(--text-muted);gap:18px;margin-top:22px;font-size:12px;display:flex}.empty-shortcuts span{align-items:center;gap:7px;display:inline-flex}.empty-shortcuts kbd{min-width:22px;height:22px;color:var(--text-strong);box-shadow:0 1px 0 var(--border);border-radius:6px;padding:0 6px;font-size:11px;font-weight:600}.mail-shell .reading-empty .empty-preview-note{color:var(--text-faint,var(--text-muted));margin-top:28px;font-size:11.5px}.auth-showcase{isolation:isolate;color:#fff;background:radial-gradient(70% 45% at 100% 0,#4a73f0 0,#0000 70%),linear-gradient(170deg,#3d23b4,#4723c0 45%,#5a2fd8 75%,#6c34e6);flex-direction:column;height:100dvh;padding:clamp(28px,4vw,52px) clamp(28px,4.5vw,64px) 0;display:flex;position:sticky;top:0;overflow:hidden}.showcase-rings{aspect-ratio:1;pointer-events:none;z-index:-1;border:1px solid #ffffff14;border-radius:50%;width:90%;position:absolute;top:-10%;right:-30%;box-shadow:0 0 0 70px #0000,inset 0 0 0 70px #0000}.showcase-rings:after,.showcase-rings:before{content:"";border:1px solid #ffffff12;border-radius:50%;position:absolute;inset:12%}.showcase-rings:after{inset:24%}.showcase-brand .brand{color:#fff;animation:showcase-in .8s cubic-bezier(.22,1,.36,1) both}.showcase-brand .brand-a,.showcase-brand .brand-word{color:#fff;-webkit-text-fill-color:#fff}.showcase-brand .brand-tagline{color:#dcd8ffcc}.showcase-brand .brand-mark{filter:drop-shadow(0 4px 14px #1e0a6b66)}.showcase-copy{z-index:2;max-width:560px;margin-top:clamp(40px,9vh,110px);position:relative}.showcase-eyebrow{letter-spacing:.26em;text-transform:uppercase;color:#e0dcffd9;margin:0 0 18px;font-size:11.5px;font-weight:600;animation:showcase-in .7s cubic-bezier(.22,1,.36,1) 50ms both}.showcase-copy h1{letter-spacing:-.02em;margin:0;font:400 clamp(36px,3.6vw,56px)/1.08 Georgia,Times New Roman,serif}.showcase-line{animation:showcase-in .8s cubic-bezier(.22,1,.36,1) .15s both;display:block}.showcase-copy h1 em.showcase-line{color:#dcd8ff;font-style:italic;animation-delay:.3s}.showcase-body{color:#ece9ffe6;max-width:400px;margin:20px 0 0;font-size:15px;line-height:1.65;animation:showcase-in .8s cubic-bezier(.22,1,.36,1) .45s both}@keyframes showcase-in{0%{opacity:0}to{opacity:1}}.showcase-art{flex:1;min-height:0;margin:0 calc(-1*clamp(28px,4.5vw,64px));position:relative}.showcase-img{object-fit:contain;object-position:center bottom;opacity:0;-webkit-user-select:none;user-select:none;width:min(118%,900px);max-width:none;max-height:100%;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.showcase-img.is-active{opacity:1}.auth-dots{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;gap:8px;padding:6px 8px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.auth-dots button{background:#fff6;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .3s cubic-bezier(.22,1,.36,1),background .2s;position:relative;overflow:hidden}.auth-dots button:hover{background:#fffa}.auth-dots button.is-active{background:#ffffff59;width:32px}.auth-dot-progress{transform-origin:0;background:#fff;animation:auth-dot-fill 7s linear forwards;position:absolute;inset:0}@keyframes auth-dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.auth-dots button.is-active:not(:has(.auth-dot-progress)){background:#fff}.auth-mobile-brand{display:none}@media (max-width:640px){.auth-showcase{display:none}.auth-mobile-brand{margin-bottom:8px;display:block}}[data-theme=dark] .auth-main{background:#0b0b12}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select,[data-theme=dark] .username-field{color:#fff;background:#14141d;border-color:#2a2a38}[data-theme=dark] .form-field input::placeholder{color:#7d7d92}[data-theme=dark] .form-field input:focus,[data-theme=dark] .form-field select:focus,[data-theme=dark] .username-field:focus-within{background:#17172200;border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf62e}[data-theme=dark] .auth-notice{color:#c4c0ee;background:#16142a;border-color:#2c2850}.showcase-bg{z-index:-1;background:linear-gradient(170deg,#3d23b4,#4723c0 45%,#5a2fd8 75%,#6c34e6);position:absolute;inset:0}.showcase-bg-img{object-fit:cover;object-position:center bottom;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity 1.4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.showcase-bg-img.is-active{opacity:1}.lp{--lp-max:1180px;min-height:100dvh;color:var(--text-strong)}.lp,.lp-header{background:var(--background)}.lp-header{z-index:20;max-width:var(--lp-max);align-items:center;gap:24px;margin:0 auto;padding:16px 24px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.lp-header{background:color-mix(in srgb,var(--background) 82%,transparent)}}.lp-header{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px)}.lp-nav{gap:28px;margin-inline:auto;font-size:14px;font-weight:500;display:flex}.lp-link,.lp-nav a{color:var(--text-muted)}.lp-link:hover,.lp-nav a:hover{color:var(--text-strong)}.lp-header-actions{align-items:center;gap:18px;font-size:14px;font-weight:500;display:flex}.lp-header-actions [data-slot=button]{border-radius:10px;height:36px;padding:0 16px}.lp-hero{max-width:var(--lp-max);grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);margin:0 auto;padding:clamp(32px,6vw,72px) 24px clamp(48px,7vw,96px);display:grid}.lp-hero,.lp-pill{align-items:center}.lp-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.lp-pill svg{color:#7c3aed}.lp-hero h1{letter-spacing:-.03em;color:var(--text-strong);margin:22px 0 18px;font:400 clamp(42px,5.6vw,76px)/1.04 Georgia,Times New Roman,serif}.lp-hero h1 em{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.lp-hero-copy>p{max-width:500px;color:var(--text-muted);margin:0 0 30px;font-size:17px;line-height:1.65}.lp-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lp-cta [data-slot=button]{border-radius:12px;height:48px;padding:0 22px;font-weight:600}.lp-trust{color:var(--text-muted);flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.lp-trust li{align-items:center;gap:7px;display:inline-flex}.lp-trust svg{color:var(--primary)}.lp-hero-art{aspect-ratio:4/5;border-radius:28px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 30px 80px -30px #4f46e599}.lp-hero-art img,.lp-split-art img{object-fit:cover;object-position:center 80%;width:100%;height:100%;display:block}.lp-section{max-width:var(--lp-max);margin:0 auto;padding:clamp(56px,8vw,104px) 24px}.lp-section-head{max-width:620px;margin-bottom:40px}.lp-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:12px;font-weight:700}.lp h2{letter-spacing:-.02em;color:var(--text-strong);margin:12px 0 0;font:400 clamp(30px,3.4vw,44px)/1.12 Georgia,Times New Roman,serif}.lp-features{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lp-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:24px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s}.lp-card:hover{border-color:#c7c3ff;transform:translateY(-3px);box-shadow:0 16px 36px -22px #4f46e580}.lp-card-icon{background:var(--accent-gradient);color:#fff;width:42px;height:42px;box-shadow:var(--accent-glow);border-radius:12px;place-items:center;display:grid}.lp-card h3,.lp-steps h3{color:var(--text-strong);margin:18px 0 8px;font-size:16px;font-weight:650}.lp-card p,.lp-split-copy>p,.lp-steps p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.65}.lp-split{max-width:var(--lp-max);grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,5vw,72px);margin:0 auto;padding:0 24px;display:grid}.lp-split-art{aspect-ratio:1;border-radius:28px;overflow:hidden}.lp-split-copy>p{max-width:480px;margin:16px 0 22px;font-size:16px}.lp-checks{gap:12px;margin:0;padding:0;font-size:15px;font-weight:500;list-style:none;display:grid}.lp-checks li{align-items:center;gap:12px;display:flex}.lp-checks li:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% /100% no-repeat,var(--accent-gradient);border-radius:50%;flex:none;width:20px;height:20px}.lp-steps{counter-reset:none;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.lp-steps li{border-top:2px solid var(--border);padding:26px 24px}.lp-step-n{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font:400 30px/1 Georgia,serif}.lp-final{max-width:var(--lp-max);margin:0 auto clamp(48px,6vw,80px);padding:0 24px}.lp-final-inner{text-align:center;color:#fff;background:radial-gradient(60% 80% at 85% 0,#60a5fa66,#0000 70%),linear-gradient(150deg,#3d23b4,#5a2fd8 60%,#7c3aed);border-radius:28px;flex-direction:column;align-items:center;padding:clamp(48px,7vw,88px) 24px;display:flex}.lp-final-inner h2{color:#fff;margin-top:16px}.lp-final-inner>p{color:#e7e4ffde;max-width:460px;margin:14px 0 28px;font-size:15.5px;line-height:1.6}.lp-final-inner [data-slot=button]{color:#2b1fb8;background:#fff}.lp-final-link{color:#e7e4ff;align-items:center;gap:8px;font-size:14px;display:inline-flex}.lp-final-link:hover{color:#fff}.lp-footer{max-width:var(--lp-max);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:24px;margin:0 auto;padding:28px 24px 40px;font-size:13px;display:flex}.lp-footer .brand-word{font-size:16px}.lp-footer .brand-mark{width:32px;height:24px}.lp-footer nav{gap:20px;margin-inline-start:auto;display:flex}.lp-footer a:hover{color:var(--text-strong)}@media (max-width:1024px){.lp-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.lp-nav{display:none}.lp-header-actions{margin-inline-start:auto}.lp-hero,.lp-split{grid-template-columns:1fr}.lp-hero-art{aspect-ratio:16/11}.lp-steps{grid-template-columns:1fr}.lp-footer{flex-wrap:wrap}.lp-footer nav{margin-inline-start:0}}@media (max-width:560px){.lp-features{grid-template-columns:1fr}.lp-header{padding:12px 16px}.lp-header .brand-word{font-size:17px}.lp-link{display:none}.lp-final,.lp-footer,.lp-hero,.lp-section,.lp-split{padding-inline:16px}.lp-cta [data-slot=button]{width:100%}}.btn-primary,a.btn-primary{color:#fff}.wl{--wl-paper:var(--sheet);--wl-ink:var(--ink);min-height:100dvh;color:var(--wl-ink);background-color:var(--desk);background-image:radial-gradient(var(--desk-dot) 1px,transparent 1px);background-size:22px 22px}.wl-airmail{z-index:30;background:var(--airmail);height:6px;position:sticky;top:0}.wl-header{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:22px 24px;display:flex}.wl-footer nav,.wl-header nav{gap:26px;font-size:14px;font-weight:500;display:flex}.wl-footer a,.wl-header nav a{color:var(--text-muted);text-underline-offset:4px}.wl-footer a:hover,.wl-header nav a:hover{color:var(--text-strong);text-decoration:underline}.wl-letter{border:1px solid var(--sheet-edge);max-width:880px;box-shadow:0 1px 0 var(--sheet-edge),0 2px 0 -1px var(--wl-paper),0 3px 0 -1px var(--sheet-edge),0 40px 80px -48px #1e1b4b59;border-radius:4px;margin:clamp(12px,3vw,36px) auto 0;padding:clamp(44px,7vw,92px) clamp(24px,7vw,96px) clamp(40px,6vw,72px);position:relative}.wl-letter,.wl-stamp{background:var(--wl-paper)}.wl-stamp{filter:drop-shadow(0 6px 10px #1e1b4b26);width:112px;padding:7px;position:absolute;top:clamp(20px,3vw,36px);right:clamp(20px,3vw,36px);transform:rotate(4deg);-webkit-mask:radial-gradient(circle,#000 0 0) content-box,radial-gradient(circle,#0000 3.2px,#000 3.6px) -5px -5px/10px 10px;mask:radial-gradient(circle,#000 0 0) content-box,radial-gradient(circle,#0000 3.2px,#000 3.6px) -5px -5px/10px 10px}.wl-stamp-inner{aspect-ratio:4/5;outline-offset:-5px;outline:1px solid #fff5;position:relative;overflow:hidden}.wl-stamp-inner img{object-fit:cover;object-position:center 82%;width:100%;height:100%;display:block}.wl-stamp-inner span{text-align:center;letter-spacing:.2em;color:#fff;font-size:8px;font-weight:700;position:absolute;top:8px;left:0;right:0}.wl-postmark{border:1.5px solid var(--stamp);width:104px;height:104px;color:var(--stamp);letter-spacing:.18em;opacity:.75;pointer-events:none;border-radius:50%;place-items:center;gap:2px;font-size:8.5px;font-weight:700;display:grid;position:absolute;top:clamp(56px,6vw,76px);right:clamp(108px,13vw,140px);transform:rotate(-12deg)}.wl-postmark:before{content:"";border:1px dashed var(--stamp);border-radius:50%;position:absolute;inset:6px}.wl-postmark strong{letter-spacing:.08em;font-size:12px}.wl-salutation{color:var(--text-muted);margin:0 0 18px;font:italic 400 20px/1.3 Georgia,Times New Roman,serif}.wl-letter h1{letter-spacing:-.035em;max-width:11ch;color:var(--wl-ink);margin:0;font:400 clamp(46px,7.4vw,92px)/.98 Georgia,Times New Roman,serif}.wl-letter h1 em{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.wl-lede{max-width:540px;color:var(--text-body);margin:30px 0 0;font-size:18px;line-height:1.7}.wl-signature{color:var(--text-muted);margin:28px 0 0;font:italic 17px/1.5 Georgia,serif}.wl-signature span{font-style:normal;font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--wl-ink);margin-top:4px;font-size:13px;font-weight:600;display:block}.wl-actions{border-top:1px dashed var(--sheet-edge);flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:28px;display:flex}.wl-btn{border-radius:999px;justify-content:center;align-items:center;gap:10px;height:50px;padding:0 24px;font-size:15px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.wl-btn-primary{color:#fff;background:var(--wl-ink);box-shadow:0 10px 24px -12px #1e1b4b99}[data-theme=dark] .wl-btn-primary{color:#14123a}.wl-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px -12px #4f46e5aa}.wl-btn-ghost{color:var(--wl-ink);border:1px solid var(--sheet-edge)}.wl-btn-ghost:hover{background:var(--muted)}.wl-contents{max-width:880px;margin:clamp(64px,9vw,120px) auto 0;padding:0 24px}.wl-contents h2,.wl-envelope h2{letter-spacing:-.02em;color:var(--wl-ink);margin:0 0 26px;font:400 clamp(30px,3.4vw,42px)/1.1 Georgia,Times New Roman,serif}.wl-contents ol{border-top:1px solid var(--sheet-edge);margin:0;padding:0;list-style:none}.wl-contents li{border-bottom:1px solid var(--sheet-edge);grid-template-columns:56px auto 1fr minmax(0,46%);align-items:baseline;gap:16px;padding:22px 0;display:grid}.wl-num{color:var(--stamp);font:italic 18px Georgia,serif}.wl-title{color:var(--wl-ink);font:400 26px/1 Georgia,Times New Roman,serif}.wl-leader{border-bottom:1.5px dotted var(--text-faint,var(--text-muted));opacity:.5;align-self:end;margin-bottom:7px}.wl-body{color:var(--text-muted);font-size:15px;line-height:1.6}.wl-quote{grid-template-columns:1fr 300px;align-items:center;gap:clamp(32px,5vw,64px);max-width:880px;margin:clamp(72px,10vw,128px) auto 0;padding:0 24px;display:grid}.wl-quote blockquote{border-inline-start:3px solid #0000;border-image:var(--accent-gradient) 1;margin:0;padding-inline-start:28px}.wl-quote p{letter-spacing:-.02em;color:var(--wl-ink);margin:0;font:400 clamp(32px,3.6vw,46px)/1.12 Georgia,Times New Roman,serif}.wl-quote em{color:var(--stamp)}.wl-postcard{background:var(--wl-paper);border:1px solid var(--sheet-edge);margin:0;padding:10px 10px 16px;transform:rotate(-2.5deg);box-shadow:0 30px 60px -36px #1e1b4b80}.wl-postcard img{aspect-ratio:1;object-fit:cover;object-position:center 78%;width:100%;display:block}.wl-postcard figcaption{text-align:center;color:var(--text-muted);margin-top:12px;font:italic 15px Georgia,serif}.wl-envelope{max-width:880px;margin:clamp(80px,11vw,140px) auto clamp(56px,7vw,88px);padding:0 24px;position:relative}.wl-flap{clip-path:polygon(0 0,100% 0,50% 100%);z-index:1;filter:drop-shadow(0 8px 10px #1e1b4b40);background:linear-gradient(170deg,#4f46e5,#6d28d9);height:120px;margin:0 24px;position:absolute;inset:0 24px auto}.wl-envelope-body{text-align:center;color:#fff;background:radial-gradient(60% 80% at 85% 0,#60a5fa55,#0000 70%),linear-gradient(160deg,#3d23b4,#5a2fd8 60%,#7c3aed);border-radius:6px;flex-direction:column;align-items:center;padding:150px 24px 56px;display:flex}.wl-envelope h2{color:#fff;margin-bottom:10px}.wl-envelope p{color:#e7e4ffdd;margin:0 0 28px;font-size:15.5px}.wl-seal{background:radial-gradient(circle at 35% 30%,#fff,#ece9ff 60%,#d9d4ff);border-radius:50%;place-items:center;width:92px;height:92px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:inset 0 -4px 10px #6d28d933,0 0 0 6px #ffffff2e,0 16px 30px -12px #1e0a6b99}.wl-seal:hover{transform:scale(1.06)rotate(-6deg)}.wl-seal-mark{width:52px;height:38px;overflow:visible}.wl-seal-hint{color:#e7e4ffcc;margin-top:16px;font:italic 14px Georgia,serif}.wl-footer{max-width:1080px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin:0 auto;padding:28px 24px 40px;font-size:13px;display:flex}@media (max-width:760px){.wl-postmark{display:none}.wl-stamp{width:78px;padding:5px}.wl-letter h1{max-width:none;padding-right:72px}.wl-contents li{grid-template-columns:40px 1fr;gap:6px 12px}.wl-leader{display:none}.wl-body{grid-column:2}.wl-quote{grid-template-columns:1fr}.wl-postcard{justify-self:center;max-width:320px}.wl-btn{width:100%}}.of{--of-max:1160px;--of-navy:#0f1838;--of-line:var(--border);background:var(--surface);min-height:100dvh;color:var(--text-strong)}[data-theme=dark] .of{--of-navy:#0b0f22;background:#0b0b12}.of a{text-underline-offset:4px}.of-notice{background:var(--of-navy);color:#d7dcf5;justify-content:center;gap:8px;padding:9px 16px;font-size:12.5px;font-weight:500}.of-header,.of-notice{align-items:center;display:flex}.of-header{z-index:20;max-width:var(--of-max);background:var(--surface);gap:32px;margin:0 auto;padding:14px 24px;position:sticky;top:0}@supports (color:color-mix(in lab,red,red)){.of-header{background:color-mix(in srgb,var(--surface) 88%,transparent)}}.of-header{-webkit-backdrop-filter:saturate(160%)blur(12px);backdrop-filter:saturate(160%)blur(12px);border-bottom:1px solid #0000}[data-theme=dark] .of-header{background:#0b0b12e6}.of-header .brand-word{font-size:18px}.of-header .brand-tagline{font-size:7.5px}.of-header .brand-mark{width:38px;height:28px}.of-nav{gap:28px;margin-inline:auto;font-size:14px;font-weight:500;display:flex}.of-link,.of-nav a{color:var(--text-muted)}.of-link:hover,.of-nav a:hover{color:var(--text-strong)}.of-header-actions{align-items:center;gap:20px;font-size:14px;font-weight:500;display:flex}.of-btn{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:14.5px;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.of-btn-sm{padding:0 16px;font-size:13.5px}.of-btn-primary{color:#fff;background:var(--of-navy);box-shadow:inset 0 1px #ffffff1a,0 6px 16px -8px #0f183899}[data-theme=dark] .of-btn-primary{color:#0f1838;background:#f4f4ff}.of-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px -10px #4f46e5aa}.of-btn-outline{color:var(--text-strong);border:1px solid var(--of-line);background:var(--surface)}.of-btn-outline:hover{background:var(--muted)}.of-btn-light{color:#0f1838;background:#fff}.of-btn-ghost-light{color:#fff;border:1px solid #ffffff40}.of-btn-ghost-light:hover{background:#ffffff14}.of-hero{max-width:var(--of-max);text-align:center;margin:0 auto;padding:clamp(48px,8vw,96px) 24px 0}.of-badge{border:1px solid var(--of-line);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.of-badge svg{color:#6d28d9}.of-hero h1{letter-spacing:-.035em;max-width:820px;color:var(--text-strong);margin:22px auto 18px;font-size:clamp(38px,5.4vw,66px);font-weight:700;line-height:1.05}.of-hero>p{max-width:620px;color:var(--text-muted);margin:0 auto 32px;font-size:18px;line-height:1.6}.of-cta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.of-preview{background:var(--surface);text-align:start;border:1px solid var(--of-line);border-bottom:0;border-radius:16px 16px 0 0;max-width:1040px;margin:clamp(48px,7vw,72px) auto 0;overflow:hidden;box-shadow:0 -20px 60px -40px #4f46e566}.of-chrome{border-bottom:1px solid var(--of-line);background:var(--muted);align-items:center;gap:6px;padding:11px 14px;display:flex}.of-chrome span{background:var(--of-line);border-radius:50%;width:10px;height:10px}.of-chrome em{background:var(--surface);color:var(--text-muted);border-radius:6px;margin:0 auto;padding:3px 40px;font-size:11.5px;font-style:normal}.of-app{grid-template-columns:180px 300px 1fr;height:360px;font-size:12.5px;display:grid}.of-app-side{border-inline-end:1px solid var(--of-line);flex-direction:column;gap:2px;padding:16px 12px;display:flex}.of-app-mark{width:34px;height:25px;margin:0 6px 14px}.of-app-side>span{color:var(--text-muted);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;display:flex}.of-app-side>span b{color:#5b21b6;background:#ede9fe;border-radius:999px;margin-inline-start:auto;padding:1px 7px;font-size:10.5px}.of-app-side .is-on{background:var(--selection);color:var(--text-strong);font-weight:600}.of-app-side .of-app-compose{color:#fff;background:var(--accent-gradient);justify-content:center;margin-bottom:10px;font-weight:600}.of-app-list{border-inline-end:1px solid var(--of-line)}.of-app-list>div{border-bottom:1px solid var(--of-line);grid-template-columns:1fr auto;gap:3px 8px;padding:13px 16px;display:grid}.of-app-list>div:first-child{background:var(--selection);box-shadow:inset 3px 0 #6d5cf6}.of-app-list strong{font-weight:500}.of-app-list .is-unread strong{font-weight:700}.of-app-list time{color:var(--text-muted);font-size:11px}.of-app-list span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.of-app-read{padding:22px 26px}.of-app-read small{color:var(--text-muted)}.of-app-read h4{letter-spacing:-.01em;margin:8px 0 20px;font-size:17px;font-weight:650}.of-app-read i{background:var(--muted);border-radius:4px;height:7px;margin-bottom:11px;display:block}.of-app-reply{background:var(--of-navy);color:#fff;border-radius:8px;margin-top:14px;padding:7px 16px;font-weight:600;display:inline-block}.of-standards{border-top:1px solid var(--of-line);border-bottom:1px solid var(--of-line);background:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 32px;padding:26px 24px;display:flex}.of-standards>span{color:var(--text-muted);font-size:13px}.of-standards ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.of-standards li{border:1px solid var(--of-line);background:var(--surface);letter-spacing:.04em;color:var(--text-strong);border-radius:6px;padding:5px 12px;font:600 12px/1.4 ui-monospace,SF Mono,Menlo,monospace}.of-section{max-width:var(--of-max);margin:0 auto;padding:clamp(64px,9vw,112px) 24px 0}.of-head{max-width:640px;margin-bottom:44px}.of-kicker{letter-spacing:.12em;text-transform:uppercase;color:#6d28d9;font-size:12.5px;font-weight:700}[data-theme=dark] .of-kicker{color:#a78bfa}.of h2{letter-spacing:-.03em;color:var(--text-strong);margin:12px 0 0;font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.12}.of-grid{border-top:1px solid var(--of-line);border-inline-start:1px solid var(--of-line);grid-template-columns:repeat(3,1fr);display:grid}.of-feature{border-inline-end:1px solid var(--of-line);border-bottom:1px solid var(--of-line);padding:30px 28px 32px}.of-audience svg,.of-feature svg{color:#6d28d9}[data-theme=dark] .of-audience svg,[data-theme=dark] .of-feature svg{color:#a78bfa}.of-audience h3,.of-feature h3{letter-spacing:-.01em;margin:18px 0 8px;font-size:16.5px;font-weight:650}.of-audience p,.of-faq p,.of-feature p,.of-security p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.65}.of-security{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,6vw,80px);display:grid}.of-security>div>p{margin-top:16px;font-size:16px}.of-points{gap:14px;margin:28px 0 0;padding:0;font-size:14.5px;font-weight:500;list-style:none;display:grid}.of-points li{align-items:center;gap:12px;display:flex}.of-points svg{color:#6d28d9;flex:none}.of-spec{border:1px solid var(--of-line);border-radius:14px;margin:0;overflow:hidden}.of-spec>div{border-bottom:1px solid var(--of-line);grid-template-columns:130px 1fr;gap:16px;padding:16px 20px;display:grid}.of-spec>div:last-child{border-bottom:0}.of-spec dt{color:var(--text-strong);font-size:13px;font-weight:700}.of-spec dd{color:var(--text-muted);margin:0;font-size:14px}.of-audience{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.of-audience article{border:1px solid var(--of-line);border-radius:14px;padding:28px}.of-audience-top{justify-content:space-between;align-items:center;display:flex}.of-audience-top span{color:#1d6b42;background:#e9f7ef;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.of-audience-top span.is-planned{background:var(--muted);color:var(--text-muted)}.of-faq{grid-template-columns:1fr 1.6fr;gap:clamp(32px,6vw,80px);display:grid}.of-faq details{border-bottom:1px solid var(--of-line)}.of-faq details:first-child{border-top:1px solid var(--of-line)}.of-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16px;font-weight:600;list-style:none;display:flex}.of-faq summary::-webkit-details-marker{display:none}.of-faq summary:after{content:"+";color:var(--text-muted);flex:none;font-size:22px;font-weight:400;transition:transform .2s}.of-faq details[open] summary:after{transform:rotate(45deg)}.of-faq details p{padding:0 0 20px}.of-final{max-width:var(--of-max);text-align:center;color:#fff;background:radial-gradient(50% 90% at 100% 0,#4f46e566,transparent 70%),radial-gradient(40% 80% at 0 100%,#6d28d955,transparent 70%),var(--of-navy);border-radius:20px;margin:clamp(72px,10vw,120px) auto 0;padding:clamp(48px,7vw,80px) 24px}.of-final h2{color:#fff;max-width:720px;margin:0 auto 14px}.of-final p{color:#c9cfee;margin:0 0 30px;font-size:16px}.of-footer{max-width:var(--of-max);grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin:0 auto;padding:64px 24px 32px;font-size:14px;display:grid}.of-footer-brand p{max-width:280px;color:var(--text-muted);margin:14px 0 0;line-height:1.6}.of-footer nav{flex-direction:column;gap:10px;display:flex}.of-footer h4{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12.5px;font-weight:700}.of-footer nav a{color:var(--text-muted)}.of-footer nav a:hover{color:var(--text-strong)}.of-footer-base{border-top:1px solid var(--of-line);color:var(--text-muted);grid-column:1/-1;padding-top:24px;font-size:13px}@media (max-width:960px){.of-nav{display:none}.of-header-actions{margin-inline-start:auto}.of-audience,.of-grid{grid-template-columns:1fr 1fr}.of-faq,.of-security{grid-template-columns:1fr}.of-app{grid-template-columns:150px 1fr}.of-app-read{display:none}.of-footer{grid-template-columns:1fr 1fr}.of-footer-brand{grid-column:1/-1}}@media (max-width:600px){.of-header{padding:12px 16px}.of-header .brand-tagline,.of-link{display:none}.of-hero,.of-section{padding-inline:16px}.of-app,.of-audience,.of-grid{grid-template-columns:1fr}.of-app{height:300px}.of-app-side{display:none}.of-cta .of-btn{width:100%}.of-spec>div{grid-template-columns:1fr;gap:4px}.of-final{margin-inline:16px}}.of-notice{letter-spacing:.01em;padding:8px 16px;font-size:12px}.of-header{padding-block:18px}.of-hero{padding-top:clamp(64px,10vw,128px)}.of-badge{letter-spacing:.02em;border:0;padding:0;font-size:13px}.of-hero h1{letter-spacing:-.045em;max-width:900px;margin:26px auto 22px;font-size:clamp(40px,6vw,76px);font-weight:600;line-height:1.02}.of-hero h1 span{color:var(--text-muted);opacity:.85;display:block}.of-hero>p{max-width:560px;margin-bottom:36px;font-size:17.5px}.of-btn{border-radius:999px;height:48px;padding:0 26px}.of-btn-sm{height:38px;padding:0 18px}.of-preview{border-bottom:1px solid var(--of-line);border-radius:18px;max-width:1080px;margin-top:clamp(64px,8vw,96px);position:relative;box-shadow:0 1px 2px #0f18380d,0 40px 100px -40px #4f46e559}.of-preview:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 50% 100%,#8b5cf626,#0000 70%);height:260px;position:absolute;inset:-80px -60px auto}.of-hero{isolation:isolate;position:relative}.of-app{height:400px}.of-standards{background:0 0;border:0;gap:12px 28px;margin-top:clamp(64px,8vw,104px)}.of-standards li{color:var(--text-muted);background:0 0;border:0;padding:0;font-weight:500}.of-standards li+li:before{content:"·";opacity:.5;margin-inline-end:28px}.of-standards ul{gap:0}.of-section{padding-top:clamp(88px,11vw,144px)}.of-head{margin-bottom:56px}.of-kicker{letter-spacing:.14em;font-size:12px}.of h2{letter-spacing:-.035em;font-weight:600}.of-grid{border:0;gap:56px 48px}.of-feature{border:0;border-top:1px solid var(--of-line);padding:22px 0 0}.of-feature h3{margin-top:16px}.of-spec{border-radius:16px}.of-spec>div:nth-child(odd){background:0 0}.of-spec>div{padding:18px 22px}.of-final{border-radius:24px;margin-top:clamp(96px,12vw,160px)}.of-final h2{font-size:clamp(30px,4vw,50px)}.of-footer{padding-top:80px}@media (max-width:960px){.of-grid{gap:40px 32px}}@media (max-width:600px){.of-standards li+li:before{margin-inline-end:12px}.of-preview{margin-inline:-4px}}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.of [id]{scroll-margin-top:96px}.of-nav a[aria-current=true]{color:var(--text-strong)}.of-status,.of-status-body{flex-direction:column;display:flex}.of-status-body{text-align:center;flex:1;justify-content:center;align-items:center;gap:0;max-width:620px;margin:0 auto;padding:48px 24px 96px}.of-status-body h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(34px,5vw,54px);font-weight:600;line-height:1.05}.of-status-body>p{color:var(--text-muted);margin:0 0 30px;font-size:16.5px;line-height:1.6}.of-status-links{flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:28px;font-size:14px;display:flex}.of-status-links a{color:var(--text-muted)}.of-status-links a:hover{color:var(--text-strong);text-decoration:underline}button.of-btn{cursor:pointer;border:0}.of-nav a{position:relative}.of-nav a[aria-current=true]:after{content:"";background:var(--accent-gradient);border-radius:2px;height:2px;position:absolute;bottom:-8px;left:0;right:0}.auth-bottom-links{gap:18px;display:flex}.auth-bottom-links a{color:var(--text-muted)}.auth-bottom-links a:hover{color:var(--text-strong);text-underline-offset:3px;text-decoration:underline}.showcase-wave{z-index:1;pointer-events:none;width:clamp(72px,9vw,128px);height:100%;position:absolute;top:0;right:-1px;overflow:visible}.showcase-wave-fill{fill:var(--surface)}[data-theme=dark] .showcase-wave-fill{fill:#0b0b12}.showcase-wave-line{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #a5b4fcaa)}.showcase-brand,.showcase-copy{padding-inline-end:clamp(56px,7vw,104px)}.auth-dots{left:calc(50% - clamp(36px,4.5vw,64px))}.of{--ease-out:cubic-bezier(.22,1,.36,1);--of-start:3.2s}.of-hero h1 .of-line{color:var(--text-strong);opacity:1;display:block}.of-hero h1 .of-line-muted{color:var(--text-muted);opacity:.85}@keyframes of-rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes of-preview-in{0%{opacity:0;transform:perspective(1400px)translateY(48px)rotateX(14deg)scale(.96)}to{opacity:1;transform:perspective(1400px)translateY(0)rotateX(0)scale(1)}}.of-hero .of-badge{animation:of-rise .8s var(--ease-out) calc(var(--of-start) + 50ms) both}.of-hero h1 .of-line{animation:of-rise .9s var(--ease-out) calc(var(--of-start) + .15s) both}.of-hero h1 .of-line-muted{animation-delay:calc(var(--of-start) + .3s)}.of-hero>p{animation:of-rise .9s var(--ease-out) calc(var(--of-start) + .45s) both}.of-hero .of-cta{animation:of-rise .9s var(--ease-out) calc(var(--of-start) + .6s) both}.of-preview{transform-origin:50% 0;animation:of-preview-in 1.3s var(--ease-out) calc(var(--of-start) + .75s) both}@keyframes of-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes of-row-arrive{0%{opacity:0;max-height:0;padding-block:0}60%{opacity:0}to{opacity:1;max-height:80px}}@keyframes of-row-flash{0%,to{background:var(--selection)}40%{background:#ddd6fe}}@keyframes of-line-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes of-fade{0%{opacity:0}to{opacity:1}}.of-app-list>div{animation:of-row-in .6s var(--ease-out) both;animation-delay:calc(var(--of-start) + 1.5s + var(--i,0) * .12s);overflow:hidden}.of-app-list>div.is-new{animation:of-row-arrive .7s var(--ease-out) calc(var(--of-start) + 2.5s) both,of-row-flash 1.4s ease calc(var(--of-start) + 3.1s) 1}.of-app-read>*{animation:of-fade .6s both;animation-delay:calc(var(--of-start) + 3.2s)}.of-app-read i{transform-origin:0;animation:of-line-draw .8s var(--ease-out) both}.of-app-read i:first-of-type{animation-delay:calc(var(--of-start) + 3.35s)}.of-app-read i:nth-of-type(2){animation-delay:calc(var(--of-start) + 3.45s)}.of-app-read i:nth-of-type(3){animation-delay:calc(var(--of-start) + 3.55s)}.of-app-read i:nth-of-type(4){animation-delay:calc(var(--of-start) + 3.65s)}.of-app-reply{animation-delay:calc(var(--of-start) + 3.9s)!important}.has-motion [data-reveal]{opacity:0;transition:opacity .9s var(--ease-out),transform .9s var(--ease-out);transition-delay:var(--d,0s);transform:translateY(24px)}.has-motion [data-reveal].is-in{opacity:1;transform:none}.has-motion .of-spec.is-in>div{animation:of-rise .7s var(--ease-out) both}.of-spec>div:nth-child(2){animation-delay:60ms}.of-spec>div:nth-child(3){animation-delay:.12s}.of-spec>div:nth-child(4){animation-delay:.18s}.of-spec>div:nth-child(5){animation-delay:.24s}.of-spec>div:nth-child(6){animation-delay:.3s}.of-feature svg{transition:transform .3s var(--ease-out)}.of-feature:hover svg{transform:translateY(-3px)}.of-header{transition:border-color .3s,box-shadow .3s}.of-header.is-scrolled{border-bottom-color:var(--of-line);box-shadow:0 8px 24px -20px #0f183866}@keyframes of-drift{0%,to{background-position:100% 0,0 100%,0 0}50%{background-position:70% 30%,30% 70%,0 0}}.of-final{background-size:140% 140%,140% 140%,100% 100%;animation:of-drift 14s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.of-final,.of-hero *,.of-preview,.of-preview *{animation:none!important}}.compose-attachments{flex-wrap:wrap;gap:8px;margin:10px 25px 0;padding:0;list-style:none;display:flex}.compose-attachments li{border:1px solid var(--border);background:var(--surface);max-width:100%;color:var(--text-strong);border-radius:999px;align-items:center;gap:7px;padding:6px 6px 6px 10px;font-size:12px;display:inline-flex}.compose-attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.compose-attachment-size{color:var(--text-muted)}.compose-attachments button{width:24px;height:24px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.compose-attachments button:hover{color:var(--primary)}.letter .message-body p,.letter .message-quote{white-space:pre-wrap;margin:0 0 1em}.letter .message-quote{border-inline-start:2px solid var(--border);color:var(--text-muted);padding:2px 0 2px 14px}.letter .attachments{border:1px solid var(--border);background:var(--surface);border-radius:10px;margin-top:28px;overflow:hidden}.letter .attachment-heading{border-bottom:1px solid var(--border);color:var(--text-strong);letter-spacing:.01em;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:flex}.letter .attachment-heading .attachment-size{color:var(--text-muted);margin-inline-start:auto;font-weight:400}.attachment-list{margin:0;padding:0;list-style:none}.attachment-list li{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 16px;display:grid}.attachment-list li+li{border-top:1px solid var(--border)}.attachment-list .file-type{border:1px solid var(--border);min-width:44px;color:var(--primary);letter-spacing:.06em;text-align:center;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:700}.attachment-list .file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:13px;overflow:hidden}.attachment-list .file-size{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.attachment-list .file-download{white-space:nowrap;border:1px solid var(--border);width:auto;height:auto;color:var(--text-strong);opacity:1;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex;position:static;transform:none}.attachment-list .file-download:hover{border-color:var(--primary);color:var(--primary)}.letter .reply-actions{flex-wrap:wrap}.letter .reply-actions .reply-assistant{color:var(--text-muted);margin-inline-start:auto}@media (max-width:640px){.attachment-list li{grid-template-columns:auto minmax(0,1fr) auto}.attachment-list .file-download span,.attachment-list .file-size{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}