:root{--ink:#12161d;--muted:#4f5864;--faint:#5f6875;--line:rgba(18,22,29,0.08);--accent:#13495a;--accent-ink:#fff;--teal:#0b5f6d;--chip:rgba(18,22,29,0.05);--chip-hover:rgba(18,22,29,0.08);--sel:rgba(255,255,255,0.88);--active:rgba(19,73,90,0.09);--avatar:rgba(10,114,130,0.11);--danger:#a3302a;--ok:#2f7a50;--radius:18px;--glass-bg:rgba(255,255,255,0.58);--glass-border:rgba(255,255,255,0.75);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 10px 30px rgba(24,32,48,0.08);--hover:rgba(255,255,255,0.5);--field:rgba(255,255,255,0.78);--surface:rgba(255,255,255,0.55);--surface-border:rgba(255,255,255,0.8);--star:#b07d12;--bar:rgba(242,245,248,0.94);--shimmer-a:rgba(18,22,29,0.05);--shimmer-b:rgba(18,22,29,0.10);--ground:radial-gradient(1100px 700px at 12% 8%,#dde6f0 0%,rgba(221,230,240,0) 60%),radial-gradient(900px 700px at 92% 95%,#ebe5da 0%,rgba(235,229,218,0) 60%),#e9ecf0;color-scheme:light}html[data-theme=dark]{--dark:1}html[data-theme-dark],html[data-theme=dark]{--ink:#eef0f1;--muted:#b2b9bf;--faint:#959da4;--line:rgba(255,255,255,0.08);--accent:#4fb2c0;--accent-ink:#0b1a1d;--teal:#8fd3dd;--chip:rgba(255,255,255,0.06);--chip-hover:rgba(255,255,255,0.1);--sel:rgba(255,255,255,0.09);--active:rgba(79,178,192,0.15);--avatar:rgba(79,178,192,0.16);--danger:#f08a80;--ok:#7fd1a1;--glass-bg:rgba(28,32,36,0.58);--glass-border:rgba(255,255,255,0.08);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 20px 40px rgba(0,0,0,0.35);--hover:rgba(255,255,255,0.05);--field:rgba(255,255,255,0.06);--surface:rgba(255,255,255,0.04);--surface-border:rgba(255,255,255,0.07);--star:#e6b84f;--bar:rgba(20,23,26,0.94);--shimmer-a:rgba(255,255,255,0.05);--shimmer-b:rgba(255,255,255,0.11);--ground:radial-gradient(1000px 700px at 10% 0%,#1d2b30 0%,rgba(29,43,48,0) 60%),radial-gradient(900px 700px at 100% 100%,#262320 0%,rgba(38,35,32,0) 60%),#101315;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--ink:#eef0f1;--muted:#b2b9bf;--faint:#959da4;--line:rgba(255,255,255,0.08);--accent:#4fb2c0;--accent-ink:#0b1a1d;--teal:#8fd3dd;--chip:rgba(255,255,255,0.06);--chip-hover:rgba(255,255,255,0.1);--sel:rgba(255,255,255,0.09);--active:rgba(79,178,192,0.15);--avatar:rgba(79,178,192,0.16);--danger:#f08a80;--ok:#7fd1a1;--glass-bg:rgba(28,32,36,0.58);--glass-border:rgba(255,255,255,0.08);--glass-shadow:inset 0 1px 0 rgba(255,255,255,0.05),0 20px 40px rgba(0,0,0,0.35);--hover:rgba(255,255,255,0.05);--field:rgba(255,255,255,0.06);--surface:rgba(255,255,255,0.04);--surface-border:rgba(255,255,255,0.07);--star:#e6b84f;--bar:rgba(20,23,26,0.94);--shimmer-a:rgba(255,255,255,0.05);--shimmer-b:rgba(255,255,255,0.11);--ground:radial-gradient(1000px 700px at 10% 0%,#1d2b30 0%,rgba(29,43,48,0) 60%),radial-gradient(900px 700px at 100% 100%,#262320 0%,rgba(38,35,32,0) 60%),#101315;color-scheme:dark}}.logo-dark,html[data-theme=dark] .logo-light{display:none!important}html[data-theme=dark] .logo-dark{display:block!important}@media (prefers-color-scheme:dark){html:not([data-theme]) .logo-light{display:none!important}html:not([data-theme]) .logo-dark{display:block!important}}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased;background:var(--ground);background-attachment:fixed}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.icon{flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::placeholder{color:var(--faint)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius)}.shell{display:flex;gap:12px;padding:16px;height:100vh;height:100dvh}.side{flex:0 0 232px;gap:2px;padding:18px 12px 14px;overflow-y:auto}.brand,.side{display:flex;flex-direction:column}.brand{gap:6px;padding:2px 8px 0;text-decoration:none}.brand img{width:168px;height:auto;display:block}.login img.logo-dark,.login img.logo-light{width:200px}.brand span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.compose-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:18px 0 12px;border-radius:12px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:600}.compose-btn:hover{filter:brightness(1.12)}.nav-link{display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:10px;text-decoration:none;color:var(--ink)}.nav-link:hover{background:var(--chip)}.nav-link[aria-current=page]{background:var(--active);color:var(--accent);font-weight:600}.nav-link .label{flex:1 1}.nav-link .count{font-size:12px;font-weight:600;color:var(--faint)}.nav-link[aria-current=page] .count{color:var(--accent)}.nav-section{padding:0 12px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.spacer{flex:1 1}.me{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px 4px 0 8px;border-top:1px solid var(--line)}.me .who{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:1px}.me .who b{font-size:13px;font-weight:600}.me .who span{font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:36px;height:36px;border-radius:50%;background:var(--avatar);color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:0 0 auto}.avatar.lg{width:42px;height:42px;font-size:14px}.avatar.sm{width:34px;height:34px}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:0;background:var(--chip);color:var(--ink);font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--chip-hover)}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{filter:brightness(1.12)}.btn.big{height:44px;padding:0 22px;border-radius:12px;font-size:14px}.btn:disabled{opacity:.6;cursor:default}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:0;background:transparent;color:var(--muted);text-decoration:none}.icon-btn:hover{background:var(--chip);color:var(--ink)}.icon-btn.on{color:var(--star)}.inline{display:inline;margin:0}.list{flex:1 1 340px;max-width:420px;min-width:0;overflow:hidden}.list,.list-head{display:flex;flex-direction:column}.list-head{padding:18px 18px 10px;gap:14px}.list-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.list-title h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}.list-title span{font-size:13px;color:var(--faint)}.search{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border-radius:10px;background:var(--chip);color:var(--faint)}.search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:var(--ink)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{height:30px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;text-decoration:none;color:var(--muted);font-size:13px;font-weight:500}.filter:hover{background:var(--chip)}.filter[aria-current=true]{background:var(--active);color:var(--accent);font-weight:600}.rows{flex:1 1;overflow-y:auto;padding:4px 8px 8px;flex-direction:column;gap:2px}.row,.rows{display:flex}.row{gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:var(--ink)}.row:hover{background:var(--hover)}.row[aria-current=true]{background:var(--sel)}.row .body{flex:1 1;flex-direction:column;gap:3px}.row .body,.row .line{min-width:0;display:flex}.row .line{align-items:center;gap:8px}.row .name{flex:1 1;min-width:0;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .time{font-size:12px;color:var(--faint);flex:0 0 auto}.row .subject{font-size:13.5px;font-weight:500}.row .snippet,.row .subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .snippet{flex:1 1;min-width:0;font-size:13px;color:var(--muted)}.row.unread .name,.row.unread .subject{font-weight:600}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.dot,.tag{flex:0 0 auto}.tag{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:var(--chip);color:var(--muted)}.tag.accent{background:var(--active);color:var(--accent)}.star-mark{color:var(--star);display:flex}.clip-mark{display:flex}.clip-mark,.empty{color:var(--faint)}.empty{padding:48px 24px;text-align:center;font-size:14px;line-height:1.6}.pane{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.toolbar .back{display:none}.reader{flex:1 1;overflow-y:auto;padding:28px 36px 24px}.reader h2{margin:0 0 22px;font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}.meta{display:flex;align-items:flex-start;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.meta .who{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.meta .from{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.meta .from b{font-size:15px;font-weight:600}.meta .from span,.meta .when{font-size:13px;color:var(--faint)}.meta .rcpt{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.meta .when{flex:0 0 auto}.mail-frame{display:block;width:100%;max-width:760px;border:0;margin-top:22px;min-height:120px;background:transparent}.files{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.file{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:12px;border:1px solid var(--line);background:var(--chip);text-decoration:none;color:var(--ink);max-width:100%}a.file:hover{background:var(--chip-hover)}.file .ic{width:36px;height:36px;border-radius:8px;background:var(--avatar);color:var(--teal);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.file b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.file small{font-size:12px;color:var(--faint)}.quick{padding:14px 16px;border-top:1px solid var(--line)}.quick form{display:flex;align-items:center;gap:10px;min-height:46px;padding:5px 6px 5px 14px;border-radius:12px;background:var(--chip)}.quick textarea{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;resize:none;height:22px;max-height:140px;line-height:22px;padding:0}.quick .send{width:36px;height:36px;border-radius:9px;border:0;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.quick .err{color:var(--danger);font-size:12.5px;margin-top:8px}.assign{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--active)}.assign label{font-size:13px;font-weight:600;color:var(--accent)}.nothing{flex:1 1;align-items:center;justify-content:center;gap:10px;color:var(--faint)}.field,.nothing{display:flex;flex-direction:column}.field{gap:6px}.field>.lbl,.field>label{font-size:13px;font-weight:500}.field small{font-size:12px;color:var(--faint);line-height:1.45}.input{height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--field);font-size:14px;outline:0;width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--active)}textarea.input{height:auto;padding:10px 12px;line-height:1.55;resize:vertical}.suffix{display:flex;align-items:center;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--field);overflow:hidden}.suffix input{flex:1 1;min-width:0;height:100%;padding:0 0 0 12px;border:0;background:transparent;outline:0;font-size:14px}.suffix span{padding:0 12px;color:var(--muted);font-size:14px}.check{display:flex;align-items:center;gap:10px;font-size:14px}.check input{width:18px;height:18px;accent-color:var(--accent)}.notice{padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.5}.notice.error{background:rgba(163,48,42,.08);color:var(--danger)}.notice.ok{background:rgba(47,122,80,.1);color:var(--ok)}.notice.info{background:var(--active);color:var(--accent)}.compose{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.compose-head{display:flex;align-items:center;justify-content:space-between;padding:18px 28px 14px;border-bottom:1px solid var(--line)}.compose-head h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}.compose form{flex:1 1;min-height:0;display:flex;flex-direction:column;margin:0}.cfields{padding:4px 28px 0}.cfield{display:flex;align-items:center;gap:14px;min-height:48px;padding:4px 0;border-bottom:1px solid var(--line)}.cfield>.k{width:64px;flex:0 0 auto;font-size:13px;color:var(--faint)}.cfield .from-me{flex:1 1;min-width:0;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.cfield .from-me span{color:var(--muted)}.cfield .lock{font-size:12px;color:var(--faint)}.cfield .subject{flex:1 1;min-width:0;height:36px;border:0;outline:0;background:transparent;font-size:15px;font-weight:600}.chips{flex:1 1;min-width:0;display:flex;flex-wrap:wrap}.chip,.chips{align-items:center;gap:6px}.chip{display:inline-flex;height:30px;padding:0 4px 0 10px;border-radius:15px;background:var(--field);border:1px solid var(--line);font-size:13px;max-width:100%}.chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip button{width:22px;height:22px;border-radius:50%;border:0;background:transparent;color:var(--faint);display:flex;align-items:center;justify-content:center}.chip button:hover{background:var(--chip);color:var(--ink)}.chips input{flex:1 1;min-width:160px;height:32px;border:0;outline:0;background:transparent;font-size:14px}.toggles{display:flex;gap:14px;flex:0 0 auto}.toggles button{border:0;background:none;color:var(--accent);font-size:13px;padding:4px}.fmt{display:flex;gap:2px;padding:8px 24px;border-bottom:1px solid var(--line)}.fmt,.fmt button{align-items:center}.fmt button{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--muted);display:inline-flex;justify-content:center;font-size:14px}.fmt button:hover{background:var(--chip);color:var(--ink)}.fmt .sep{width:1px;height:18px;background:var(--line);margin:0 6px}.cbody{flex:1 1;min-height:0;overflow-y:auto;padding:22px 28px}.editor{max-width:720px;min-height:200px;outline:0;font-size:15px;line-height:1.65}.editor:empty:before{content:attr(data-placeholder);color:var(--faint)}.editor ol,.editor ul{padding-left:22px}.sig{padding-top:10px;font-size:14px;line-height:1.55;color:var(--muted);white-space:pre-line}.original,.sig{max-width:720px}.original{margin-top:20px}.original summary{display:inline-flex;height:28px;align-items:center;padding:0 10px;border-radius:8px;background:var(--chip);color:var(--muted);font-size:12px;cursor:pointer;list-style:none}.original summary::-webkit-details-marker{display:none}.cfiles{padding:0 28px 14px;display:flex;flex-wrap:wrap;gap:8px}.cfile{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 6px 0 12px;border-radius:10px;border:1px solid var(--line);background:var(--field);font-size:13px}.cfile .ic{color:var(--teal);display:flex}.cfile b{font-weight:500;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfile small{color:var(--faint)}.cfoot{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--line)}.cerr{padding:0 28px 12px}.page{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;overflow:hidden}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:22px 28px 18px}.page-head h1{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}.page-head p{margin:4px 0 0;font-size:13px;color:var(--muted)}.page-body{flex:1 1;min-height:0;overflow:auto;padding:0 16px 16px}.table{min-width:720px;border-radius:14px;background:var(--surface);border:1px solid var(--surface-border)}.tr{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,2.6fr) minmax(0,.9fr) minmax(0,.9fr) 72px;align-items:center;grid-gap:16px;gap:16px;padding:14px 20px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.tr.th{border-top:0;padding:12px 20px;font-size:12px;font-weight:600;color:var(--faint)}a.tr:hover{background:var(--hover)}.tr[aria-current=true]{background:var(--sel)}.tr .person{display:flex;align-items:center;gap:12px;min-width:0}.tr .person div{min-width:0;display:flex;flex-direction:column;gap:1px}.tr .person b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr .person small{font-size:12px;color:var(--faint)}.tr .addr{font-size:13.5px;color:var(--muted);overflow:hidden;display:flex;flex-direction:column;gap:2px}.tr .addr small,.tr .addr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tr .addr small{font-size:12px;color:var(--faint)}.status{display:flex;align-items:center;gap:7px;font-size:13px}.status i{width:7px;height:7px;border-radius:50%;border:1.5px solid}.status.on{color:var(--ok)}.status.on i{background:currentColor}.status.off{color:var(--faint)}.aside{flex:1 1 320px;max-width:380px;padding:22px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.aside h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.aside p{margin:4px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.stack{flex-direction:column;margin:0}.cards,.stack{display:flex;gap:16px}.cards{flex-wrap:wrap;padding:0 12px 12px}.card{flex:1 1 340px;max-width:520px;padding:22px;border-radius:14px;background:var(--surface);border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:16px}.card h2{margin:0;font-size:16px;font-weight:600}.card p{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login{width:100%;max-width:400px;padding:36px 32px 30px;display:flex;flex-direction:column;gap:26px}.login img{width:200px;height:auto;display:block}.login h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}.login p{margin:6px 0 0;font-size:13px;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slide{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.spinner{display:inline-block;flex:0 0 auto;border-radius:50%;border:2px solid;border-right:2px solid transparent;opacity:.75;animation:spin .7s linear infinite}.link-pending{display:inline-flex;align-items:center;margin-left:6px;color:var(--faint)}.btn .link-pending{margin-left:2px}.row-pending{display:inline-flex;color:var(--accent)}.pager-pending{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:inherit;border-radius:inherit;color:var(--accent)}.icon-btn{position:relative}.icon-btn.is-pending,.icon-btn:disabled{color:var(--accent);cursor:default}.btn.is-pending{cursor:progress}body:has(.is-pending):before{content:"";position:fixed;z-index:100;top:0;left:0;width:40%;height:2px;background:var(--accent);border-radius:0 2px 2px 0;animation:slide 1s ease-in-out infinite}.pane{position:relative}.shell:has(.row .is-pending) .pane>*,.shell:has(.toolbar .is-pending) .pane>.reader{opacity:.4;transition:opacity .15s}.shell:has(.filters .is-pending) .rows,.shell:has(.pager .is-pending) .rows,.shell:has(.search .is-pending) .rows{opacity:.4;transition:opacity .15s}.row:has(.is-pending){background:var(--sel)}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:-4px;font-size:12.5px;color:var(--faint)}.pager>div{display:flex;gap:2px}.pager .icon-btn{width:32px;height:32px}.pager .icon-btn.off{opacity:.35;pointer-events:none}.frame-wrap{position:relative;max-width:760px}.frame-wrap.loading .mail-frame{opacity:0}.frame-skeleton{position:absolute;top:22px;left:0;right:0;display:flex;flex-direction:column;gap:12px}.frame-skeleton i,.sk{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--shimmer-a) 0,var(--shimmer-b) 50%,var(--shimmer-a) 100%);background-size:800px 100%;animation:shimmer 1.2s linear infinite}.sk.circle{border-radius:50%}.sk-row{display:flex;gap:12px;padding:12px}.sk-row>div{flex:1 1;display:flex;flex-direction:column;gap:8px;padding-top:2px}html[data-theme=dark] .frame-wrap{background:#fff;border-radius:12px;padding:4px 16px;margin-top:22px}html[data-theme=dark] .mail-frame{margin-top:0}@media (prefers-color-scheme:dark){html:not([data-theme]) .frame-wrap{background:#fff;border-radius:12px;padding:4px 16px;margin-top:22px}html:not([data-theme]) .mail-frame{margin-top:0}}.theme-switch{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:var(--chip)}.theme-switch button{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:13px;font-weight:500}.theme-switch button[aria-pressed=true]{background:var(--field);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}.nav-toggle{position:absolute;opacity:0;pointer-events:none}.mobile-bar,.nav-scrim,.side .close-nav{display:none}@media (max-width:960px){.shell{flex-direction:column;height:auto;min-height:100dvh;padding:0 0 env(safe-area-inset-bottom);gap:0}.glass{border-radius:0;border-left:0;border-right:0}.mobile-bar{display:flex;align-items:center;gap:6px;position:-webkit-sticky;position:sticky;top:0;z-index:30;background:var(--bar);height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0;border-top:0}.mobile-bar .mobile-logo{flex:1 1;display:flex;justify-content:center}.mobile-bar .mobile-logo img{height:30px;width:auto}.mobile-bar .icon-btn{width:44px;height:44px}.mobile-bar .compose-ic{background:var(--accent);color:var(--accent-ink);border-radius:12px;width:40px;height:40px;margin-right:2px}.side{position:fixed;z-index:50;top:0;bottom:0;left:0;width:min(300px,86vw);height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .22s ease;border-radius:0 18px 18px 0;background:var(--bar);overflow-y:auto}.side .close-nav{display:inline-flex;position:absolute;top:calc(12px + env(safe-area-inset-top));right:10px}.nav-toggle:checked~.side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.3)}.nav-toggle:checked~.nav-scrim{display:block;position:fixed;inset:0;z-index:40;background:rgba(8,10,12,.35)}.side .nav-link{height:46px}.aside,.compose,.list,.page,.pane{max-width:none;flex:1 1 auto;min-height:calc(100dvh - 56px)}.aside,.cbody,.compose,.compose form,.list,.page,.pane{overflow:visible}.list{border-top:0}.list-head{padding:14px 14px 8px}.rows{padding:2px 6px 12px;overflow:visible}.row{padding:12px 10px}.shell:has(.pane.open) .list{display:none}.pane:not(.open){display:none}.pane{min-height:calc(100dvh - 56px)}.toolbar{position:-webkit-sticky;position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:5;background:var(--bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 10px;gap:4px;flex-wrap:nowrap}.toolbar .back{display:inline-flex}.toolbar .lbl{display:none}.toolbar .btn{padding:0 11px;height:40px}.toolbar .icon-btn{width:40px;height:40px}.reader{padding:18px 16px 24px;overflow:visible}.reader h2{font-size:20px;margin-bottom:16px}.meta{gap:10px;flex-wrap:wrap}.meta .when{width:100%;order:3;padding-left:52px}.quick{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.file b{max-width:180px}.compose-head{padding:12px 16px}.cbody,.cerr,.cfields,.cfiles{padding-left:16px;padding-right:16px}.cfield>.k{width:44px}.cfield .lock{display:none}.fmt{padding:6px 10px;overflow-x:auto}.cfoot{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.editor{min-height:160px}.page-head{padding:18px 16px 14px}.page-head .search{width:100%!important}.page-head>div:last-child{width:100%}.page-body{padding:0 10px 14px;overflow:visible}.cards{padding:0 2px 12px}.card{max-width:none;padding:18px}.aside{padding:18px 16px calc(18px + env(safe-area-inset-bottom));min-height:0;border-top:1px solid var(--line)}.table{min-width:0}.tr.th{display:none}.tr{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"person edit" "addr addr" "role status";row-gap:8px;padding:14px}.tr>:first-child{grid-area:person}.tr>:nth-child(2){grid-area:addr;padding-left:48px}.tr>:nth-child(3){grid-area:role;padding-left:48px}.tr>:nth-child(4){grid-area:status;justify-self:end}.tr>:nth-child(5){grid-area:edit}.editor,.quick textarea,input,select,textarea{font-size:16px!important}.login-wrap{padding:16px}.login{padding:28px 22px;border-radius:18px!important;border:1px solid var(--glass-border)!important}}