:root{--ink: #0B1020;--ink-2: #0F1526;--surface: #141A2E;--surface-2: #1B2340;--hairline: #253052;--violet: #6D5DF6;--cyan: #22D3EE;--coral: #FF6B6B;--amber: #FFB020;--mint: #34D399;--text: #E8ECF8;--text-dim: #9AA6C7;--text-faint:#6B779B;--grad: linear-gradient(135deg, var(--violet), var(--cyan));--step--2: clamp(.694rem, .68rem + .07vw, .75rem);--step--1: clamp(.833rem, .81rem + .11vw, .9rem);--step-0: clamp(1rem, .96rem + .18vw, 1.125rem);--step-1: clamp(1.2rem, 1.14rem + .3vw, 1.4rem);--step-2: clamp(1.44rem, 1.34rem + .5vw, 1.8rem);--step-3: clamp(1.728rem, 1.57rem + .79vw, 2.3rem);--font-display: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace;--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--gap: 1rem;--sidebar-w: 16rem;--topbar-h: 3.5rem;--tabbar-h: 3.75rem;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);color-scheme:dark}[data-theme=light]{--ink: #F7F8FC;--ink-2: #FFFFFF;--surface: #FFFFFF;--surface-2: #F1F3FA;--hairline: #DDE3F0;--text: #131A2E;--text-dim: #5A6784;--text-faint: #8B96AF;color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;color:var(--text);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;overscroll-behavior-y:none}img,svg,video,canvas{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;text-wrap:balance;font-weight:600}p{text-wrap:pretty}a,button,[role=button],summary,label{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--violet);color:#fff;padding:.75rem 1rem;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.stack{display:flex;flex-direction:column;gap:var(--gap)}.row{display:flex;align-items:center;gap:var(--gap)}.row--between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.muted{color:var(--text-dim)}.faint{color:var(--text-faint);font-size:var(--step--1)}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.125rem;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface);font-size:var(--step--1);font-weight:550;text-decoration:none;white-space:nowrap;transition:transform .12s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.975)}.btn:disabled,.btn[disabled]{opacity:.5;pointer-events:none}.btn--primary{background:var(--grad);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 6px 20px -8px color-mix(in oklab,var(--violet) 70%,transparent)}.btn--ghost{background:transparent}.btn--ghost:hover{border-color:color-mix(in oklab,var(--violet) 50%,var(--hairline))}.btn--danger{border-color:color-mix(in oklab,var(--coral) 45%,transparent);color:var(--coral);background:transparent}.btn--danger:hover{background:color-mix(in oklab,var(--coral) 12%,transparent)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:.375rem}.field__label{font-size:var(--step--1);font-weight:550;color:var(--text)}.field__hint{font-size:var(--step--2);color:var(--text-faint);line-height:1.5}.field__error{font-size:var(--step--2);color:var(--coral)}.input{width:100%;min-height:2.75rem;padding:.625rem .875rem;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--ink-2);color:var(--text);font-size:max(16px,var(--step--1));transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px color-mix(in oklab,var(--violet) 22%,transparent)}.input--error{border-color:var(--coral)}.input::placeholder{color:var(--text-faint)}.input:disabled{opacity:.6}textarea.input{min-height:6rem;resize:vertical;line-height:1.6}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:right 1.1rem center,right .85rem center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.25rem}input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--violet);flex-shrink:0}input[type=color]{padding:.25rem;cursor:pointer}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:clamp(1rem,3vw,1.5rem);display:flex;flex-direction:column;gap:var(--gap)}.card--accent{background:linear-gradient(160deg,color-mix(in oklab,var(--violet) 16%,var(--surface)),var(--surface));border-color:color-mix(in oklab,var(--violet) 30%,var(--hairline))}.alert{border-radius:var(--radius);padding:.875rem 1rem;font-size:var(--step--1);line-height:1.55;border-left:3px solid;margin-bottom:var(--gap)}.alert--ok{background:color-mix(in oklab,var(--mint) 12%,transparent);border-color:var(--mint)}.alert--warn{background:color-mix(in oklab,var(--amber) 12%,transparent);border-color:var(--amber)}.alert--bad{background:color-mix(in oklab,var(--coral) 12%,transparent);border-color:var(--coral)}.alert--info{background:color-mix(in oklab,var(--cyan) 12%,transparent);border-color:var(--cyan)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;font-size:var(--step--2);font-weight:600;text-transform:capitalize;white-space:nowrap}.badge--open{background:color-mix(in oklab,var(--mint) 18%,transparent);color:var(--mint)}.badge--pending{background:color-mix(in oklab,var(--amber) 18%,transparent);color:var(--amber)}.badge--closed{background:color-mix(in oklab,var(--text-faint) 20%,transparent);color:var(--text-dim)}.badge--urgent{background:color-mix(in oklab,var(--coral) 18%,transparent);color:var(--coral)}.meter{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.meter__fill{height:100%;border-radius:999px;background:var(--grad);transition:width .4s ease}.meter__fill--warn{background:linear-gradient(90deg,var(--amber),var(--coral))}.meter__fill--exceeded{background:var(--coral)}.empty{display:grid;place-items:center;padding:clamp(2rem,8vw,4rem) 1rem;text-align:center}.empty__body{display:flex;flex-direction:column;gap:.875rem;align-items:center;max-width:32rem}.empty__title{font-family:var(--font-display);font-size:var(--step-1);font-weight:600;margin:0}.table{width:100%;border-collapse:collapse;font-size:var(--step--1)}.table th{text-align:left;font-weight:600;color:var(--text-dim);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.06em;padding:.625rem .75rem;border-bottom:1px solid var(--hairline);white-space:nowrap}.table td{padding:.875rem .75rem;border-bottom:1px solid var(--hairline);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table a{color:var(--text);text-decoration:none;font-weight:500}.table a:hover{color:var(--cyan)}@media (max-width: 720px){.table,.table tbody,.table tr,.table td{display:block;width:100%}.table thead{display:none}.table tr{padding:.875rem 0;border-bottom:1px solid var(--hairline)}.table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:0;padding:.3rem .25rem;text-align:right}.table td:before{content:attr(data-label);color:var(--text-dim);font-size:var(--step--2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:left;flex-shrink:0}.table td:empty{display:none}}.swatch{width:3px;height:1.75rem;border-radius:2px;display:inline-block;flex-shrink:0}.shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:.125rem;padding:1.25rem 1rem;padding-top:calc(1.25rem + var(--safe-t));padding-left:calc(1rem + var(--safe-l));border-right:1px solid var(--hairline);background:var(--ink-2);overflow-y:auto;position:sticky;top:0;height:100dvh}.sidebar__brand{display:flex;align-items:center;gap:.625rem;font-family:var(--font-display);font-weight:700;font-size:var(--step-1);text-decoration:none;margin-bottom:1.5rem}.sidebar__mark,.mk-logo__mark{width:2rem;height:2rem;border-radius:.55rem;display:grid;place-items:center;flex-shrink:0;background:var(--grad);color:#fff;font-size:.9rem;font-weight:800}.sidebar__section{font-size:var(--step--2);font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.09em;margin:1.25rem 0 .375rem .5rem}.nav-item{display:flex;align-items:center;gap:.625rem;min-height:2.5rem;padding:.5rem .625rem;border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:var(--step--1);font-weight:500;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item--active{background:color-mix(in oklab,var(--violet) 18%,transparent);color:var(--text);font-weight:600}.nav-item__ribbon{width:3px;height:1.1rem;border-radius:2px;flex-shrink:0}.nav-item__count{margin-left:auto;font-size:var(--step--2);color:var(--text-faint)}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.875rem;min-height:var(--topbar-h);padding:.5rem clamp(.875rem,3vw,1.5rem);padding-top:calc(.5rem + var(--safe-t));padding-right:calc(clamp(.875rem,3vw,1.5rem) + var(--safe-r));border-bottom:1px solid var(--hairline);background:color-mix(in oklab,var(--ink) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}@supports not (backdrop-filter: blur(1px)){.topbar{background:var(--ink)}}.topbar__title{font-size:var(--step-1);font-weight:600;margin:0;flex:1 1 auto}.topbar__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.topbar__menu{display:none;background:none;border:0;padding:.5rem;margin-left:-.5rem;width:2.75rem;height:2.75rem}.topbar__menu span{display:block;width:20px;height:2px;border-radius:2px;background:var(--text);margin:4px auto;transition:transform .2s ease,opacity .2s ease}.content{flex:1 1 auto;padding:clamp(1rem,3vw,1.75rem);padding-left:calc(clamp(1rem,3vw,1.75rem) + var(--safe-l));padding-right:calc(clamp(1rem,3vw,1.75rem) + var(--safe-r));display:flex;flex-direction:column;gap:var(--gap);max-width:90rem;width:100%}.thread-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-bottom:1px solid var(--hairline);text-decoration:none;position:relative;transition:background .15s ease}.thread-row:last-child{border-bottom:0}.thread-row:hover,.thread-row:active{background:var(--surface-2)}.thread-row__ribbon{position:absolute;left:0;top:.5rem;bottom:.5rem;width:3px;border-radius:0 2px 2px 0}.thread-row__avatar{width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--surface-2);color:var(--text-dim);font-size:var(--step--1);font-weight:600}.thread-row__from{font-size:var(--step--1);color:var(--text-dim)}.thread-row__subject{font-size:var(--step--1);font-weight:550;color:var(--text)}.thread-row__preview{font-size:var(--step--2);color:var(--text-faint)}.thread-row__meta{font-size:var(--step--2);color:var(--text-faint);flex-shrink:0;white-space:nowrap}.thread-row--unread .thread-row__subject{font-weight:700}.thread-row--unread .thread-row__from{color:var(--text);font-weight:600}.mail-body{width:100%;min-height:12rem;border:0;background:#fff;border-radius:var(--radius)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in oklab,var(--ink-2) 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--hairline);transition:transform .22s ease}.tabbar.is-hidden{transform:translateY(110%)}.tabbar__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;text-decoration:none;color:var(--text-faint);font-size:.625rem;font-weight:550;transition:color .15s ease;position:relative}.tabbar__item.is-active{color:var(--cyan)}.tabbar__item:active{color:var(--text)}.tabbar__icon{font-size:1.15rem;line-height:1}.tabbar__item--fab{flex:0 0 4rem}.tabbar__fab{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--grad);color:#fff;font-size:1.5rem;font-weight:300;line-height:1;margin-top:-1.25rem;box-shadow:0 8px 24px -6px color-mix(in oklab,var(--violet) 75%,transparent);transition:transform .12s ease}.tabbar__item--fab:active .tabbar__fab{transform:scale(.92)}@media (max-width: 900px){.topbar__menu{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(19rem,84vw);height:100dvh;transform:translate(-100%);transition:transform .26s cubic-bezier(.32,.72,0,1);box-shadow:8px 0 40px -12px #0009;padding-bottom:calc(1.25rem + var(--safe-b))}body.drawer-open .sidebar{transform:translate(0)}.content{padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 1.5rem)}.tabbar{display:flex}.topbar__title{font-size:var(--step-0)}.content>.card{border-radius:var(--radius)}.thread-row{padding:.875rem .75rem .875rem 1rem}}@media (min-width: 901px){.drawer-scrim{display:none!important}}@media (min-width: 901px) and (max-width: 1200px){:root{--sidebar-w: 13.5rem}}@media (min-width: 1600px){.content{margin-inline:auto}}@media (max-height: 480px) and (orientation: landscape){.tabbar{display:none}.content{padding-bottom:1.5rem}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--mint);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media print{.sidebar,.tabbar,.topbar,.drawer-scrim,.btn{display:none!important}body{background:#fff;color:#000}.card{border:1px solid #ccc;break-inside:avoid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}