:root{--paper:#f4f3ff;--dots:#1f1a4e21;--card:#fff;--card-2:#fbfaff;--wash:#ebe8ff;--hair:#d6d2f2;--ink:#1f1a4e;--ink-soft:#5d5987;--ink-faint:#8f8bb3;--stroke:#1f1a4e;--shadow:#1f1a4e;--violet:#5b3df5;--violet-deep:#4326d9;--violet-soft:#cfc8ff;--sun:#ffd23f;--sun-deep:#f5b800;--sun-tint:#fff6cf;--on-sun:#1f1a4e;--clue:#ff4f6d;--clue-tint:#ffe3e8;--mint:#1fc98f;--mint-tint:#dcf8ec;--sea:#17b6d6;--sheet:#fff;--scrim:#1f1a4e73;--skeleton:#ece9ff;--display:"JB Marker", "PingFang SC", "Microsoft YaHei", sans-serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--t-xs:.78rem;--t-sm:.875rem;--t-md:.95rem;--t-lg:1.2rem;--t-xl:1.5rem;--t-2xl:1.9rem;--line:2.5px solid var(--stroke);--line-thin:2px solid var(--stroke);--pop:4px 4px 0 var(--shadow);--pop-sm:2px 2px 0 var(--shadow);--pop-lg:6px 6px 0 var(--shadow);--r-card:18px;--r-ctl:12px;--ease-pop:cubic-bezier(.2, 1.35, .4, 1);--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--enter:.24s;--leave:.17s;--titlebar:40px;color-scheme:light}:root[data-theme=dark]{--paper:#14121f;--dots:#cfc8ff12;--card:#1e1b2e;--card-2:#221f33;--wash:#2a2640;--hair:#353050;--ink:#ece8ff;--ink-soft:#a39cba;--ink-faint:#7a7397;--stroke:#514a78;--shadow:#07060d;--violet:#9d87ff;--violet-deep:#b9a8ff;--violet-soft:#3d3566;--sun-tint:#3a3220;--clue-tint:#3d1f2a;--mint-tint:#183a30;--sheet:#fbf8f0;--scrim:#05040a99;--skeleton:#29253d;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background-color:var(--paper);background-image:radial-gradient(circle, var(--dots) 1.2px, transparent 1.4px);background-size:22px 22px}html,body,#root{height:100%;overflow:hidden}body{color:var(--ink);font-family:var(--sans);font-size:var(--t-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--display);margin:0;font-weight:400;line-height:1.3}p{margin:0}a{color:var(--violet)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:2px}::selection{background:var(--sun);color:var(--on-sun)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:var(--violet-soft) padding-box;min-height:40px;box-shadow:inset 0 0 0 2px var(--stroke);border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--sun)}::-webkit-scrollbar-thumb:active{background-color:var(--violet)}::-webkit-scrollbar-button{display:none}input,textarea,select{font:inherit;color:inherit;background:var(--card);border:var(--line-thin);border-radius:var(--r-ctl);width:100%;padding:.45rem .7rem}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--sun);outline:none}textarea{resize:vertical;line-height:1.7}.muted{color:var(--ink-soft);font-size:var(--t-sm)}.error-text{color:var(--clue);font-size:var(--t-sm)}.notice{background:var(--wash);border:var(--line-thin);border-radius:var(--r-ctl);font-size:var(--t-sm);padding:.7rem .95rem}.notice--warn{background:var(--sun-tint)}.notice--error{background:var(--clue-tint)}.notice--ok{background:var(--mint-tint)}.tag{font-family:var(--display);font-size:var(--t-xs);color:var(--on-sun);background:var(--sun);border:1.5px solid var(--stroke);white-space:nowrap;border-radius:999px;align-items:center;gap:.3em;padding:0 .55em;line-height:1.7;display:inline-flex}.tag--dim{color:var(--ink-soft);background:var(--wash);border-color:var(--hair)}.icon{flex-shrink:0;display:block}kbd{text-align:center;background:var(--card);border:1.5px solid var(--stroke);min-width:1.6em;box-shadow:0 2px 0 var(--shadow);border-radius:6px;padding:0 .45em;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;line-height:1.6;display:inline-block}.btn{font-family:var(--display);font-size:var(--t-md);cursor:pointer;border-radius:var(--r-ctl);border:var(--line);background:var(--card);color:var(--ink);box-shadow:var(--pop-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.05rem;line-height:1.3;transition:transform 90ms,box-shadow 90ms,background-color .12s;display:inline-flex}.btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--shadow);transform:translate(-1px,-1px)}.btn:active:not(:disabled){box-shadow:0 0 0 var(--shadow);transform:translate(2px,2px)}.btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.btn--primary{background:var(--sun);color:var(--on-sun)}.btn--primary:hover:not(:disabled){background:#ffdb5c}.btn--quiet:hover:not(:disabled){background:var(--wash)}.btn--danger{background:var(--clue);color:#fff}.btn--small{font-size:var(--t-sm);border-width:2px;border-radius:10px;gap:.3rem;padding:.22rem .65rem}.btn--icon{border-width:2px;border-radius:10px;padding:.38rem}.bare{all:unset;box-sizing:border-box;cursor:pointer;color:var(--ink-soft);transition:transform .12s var(--ease-pop), color .12s;border-radius:8px;place-items:center;display:inline-grid}.bare:hover{color:var(--ink);transform:scale(1.12)}.bare:focus-visible{outline:3px solid var(--violet);outline-offset:1px}.switch{all:unset;box-sizing:border-box;border:var(--line-thin);background:var(--wash);cursor:pointer;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:background-color .16s;position:relative}.switch:after{content:"";border:2px solid var(--stroke);background:var(--card);width:18px;height:18px;box-shadow:1px 1px 0 var(--shadow);transition:transform .2s var(--ease-pop);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--mint)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.segmented{border:var(--line-thin);background:var(--card);border-radius:999px;display:inline-flex;overflow:hidden}.segmented button{all:unset;cursor:pointer;font-size:var(--t-sm);color:var(--ink-soft);white-space:nowrap;padding:.12rem .75rem}.segmented button+button{border-left:1.5px solid var(--hair)}.segmented button[aria-pressed=true]{background:var(--ink);color:var(--card);font-weight:700}:root[data-theme=dark] .segmented button[aria-pressed=true]{background:var(--violet);color:#14121f}.segmented button:focus-visible{outline:3px solid var(--violet);outline-offset:-3px}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes sticker-in{0%{opacity:0;transform:translateY(14px)scale(.94)rotate(-1.2deg)}}@keyframes sticker-out{to{opacity:0;transform:translateY(8px)scale(.96)rotate(.8deg)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}}@keyframes pop-up-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes stamp-press{0%{opacity:0;transform:scale(1.8)rotate(-24deg)}60%{opacity:1;transform:scale(.9)rotate(-4deg)}to{transform:scale(1)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.app{flex-direction:column;height:100%;display:flex}.app--loading{place-items:center;display:grid}.no-bridge{background:var(--card);border:var(--line);border-radius:var(--r-card);max-width:32rem;box-shadow:var(--pop);margin:20vh auto;padding:2rem}.titlebar{height:var(--titlebar);color:#fff;user-select:none;-webkit-app-region:drag;z-index:40;background-color:#5b3df5;background-image:radial-gradient(#ffffff29 1.2px,#0000 1.4px);background-size:14px 14px;border-bottom:2.5px solid #1f1a4e;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}:root[data-theme=dark] .titlebar{background-color:#3b2a9e;border-bottom-color:#07060d}.titlebar__left{align-items:center;height:100%;display:flex;position:relative}.titlebar__name{height:28px;font-family:var(--display);color:#1f1a4e;cursor:pointer;-webkit-app-region:no-drag;transition:transform .18s var(--ease-pop), box-shadow .18s ease;background:#ffd23f;border:2px solid #1f1a4e;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:0 12px 0 4px;font-size:15px;line-height:1;display:flex;transform:rotate(-2deg);box-shadow:2px 2px #1f1a4e}.titlebar__name .brand-mark{width:26px;height:26px;margin:-3px 0 -1px}.titlebar__word{display:flex}.titlebar__word>span{display:inline-block}.titlebar__subtitle{font-family:var(--sans);letter-spacing:.02em;opacity:.7;margin-left:3px;font-size:10px;font-weight:700}.titlebar__name:hover,.titlebar__name[aria-expanded=true]{transform:translate(-1px,-1px)rotate(1deg)scale(1.04);box-shadow:3px 3px #1f1a4e}.titlebar__name:hover .brand-mark{animation:mascot-wiggle .52s var(--ease-pop) both}.titlebar__name:hover .titlebar__word>span{animation:titlebar-hop .52s var(--ease-pop) calc(var(--i) * 70ms) both}.titlebar__name:active{transform:translate(1px,1px)rotate(-2deg);box-shadow:0 0 #1f1a4e}.titlebar__name:focus-visible{outline-offset:2px;outline:2.5px solid #fff}@keyframes titlebar-hop{0%,to{transform:none}40%{transform:translateY(-4px)rotate(-8deg)}70%{transform:translateY(1px)rotate(4deg)}}@keyframes seal-stamp{0%{opacity:0;transform:scale(1.7)rotate(-30deg)}60%{opacity:1;transform:scale(.9)rotate(4deg)}to{transform:none}}.titlebar__menu{color:var(--ink);-webkit-app-region:no-drag;top:calc(100% - 2px);left:8px}.titlebar__controls{-webkit-app-region:no-drag;height:100%;padding-right:6px;display:flex}.titlebar__controls button{cursor:pointer;background:0 0;border:0;place-items:center;width:40px;height:100%;padding:0;display:grid}.titlebar__controls button>span{color:#1f1a4e;background:var(--c);width:26px;height:26px;transform:rotate(var(--tilt));transition:transform .16s var(--ease-pop), box-shadow .16s ease;border:2px solid #1f1a4e;border-radius:50%;place-items:center;display:grid;box-shadow:2px 2px #1f1a4e}.titlebar__sync{--c:#fff;--tilt:-4deg}.titlebar__settings{--c:#fff;--tilt:5deg}.titlebar__min{--c:#ffd23f;--tilt:-6deg}.titlebar__max{--c:#1fc98f;--tilt:4deg}.titlebar__close{--c:#ff4f6d;--tilt:-3deg}.titlebar__gap{width:10px}.titlebar__controls .titlebar-update{width:auto;height:26px;font:inherit;color:#1f1a4e;transition:transform .16s var(--ease-pop), box-shadow .16s ease;animation:update-pop .42s var(--ease-pop);background:#ffd23f;border:2px solid #1f1a4e;border-radius:999px;align-items:center;gap:6px;margin:auto 10px auto 0;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex;transform:rotate(-1.5deg);box-shadow:2px 2px #1f1a4e}.titlebar__controls .titlebar-update:hover{transform:translate(-1px,-1px)rotate(1deg);box-shadow:3px 3px #1f1a4e}.titlebar__controls .titlebar-update:active{transform:translate(2px,2px);box-shadow:0 0 #1f1a4e}.titlebar__controls .titlebar-update:focus-visible{outline-offset:2px;outline:2.5px solid #fff}.titlebar__controls .titlebar-update svg{stroke-width:2.4px;width:14px;height:14px}@keyframes update-pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.titlebar__controls .titlebar-update{animation:none}}.titlebar__controls button:hover>span{transform:translate(-1px, -1px) rotate(calc(var(--tilt) * -1.5)) scale(1.08);box-shadow:3px 3px #1f1a4e}.titlebar__controls button:active>span{transform:translate(2px, 2px) rotate(var(--tilt));box-shadow:0 0 #1f1a4e}.titlebar__controls .titlebar__close>span{color:#fff}.titlebar__controls button:focus-visible{outline:none}.titlebar__controls button:focus-visible>span{outline-offset:2px;outline:2.5px solid #fff}.titlebar svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;display:block}.titlebar__controls svg{stroke-width:2.6px;width:18px;height:18px}.titlebar__sync.is-syncing>span svg{animation:1.1s linear infinite spin}.brand-mark{object-fit:contain;flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-block}.layout{flex:1;grid-template-columns:248px minmax(320px,400px) minmax(0,1fr);gap:14px;min-height:0;padding:14px 16px 16px 10px;display:grid}@media (width<=1180px){.layout{grid-template-columns:220px minmax(300px,340px) minmax(0,1fr);gap:12px}}.pane{background:var(--card);border:var(--line);border-radius:var(--r-card);min-height:0;box-shadow:var(--pop);flex-direction:column;display:flex;overflow:hidden}.sidebar{flex-direction:column;gap:12px;min-height:0;display:flex}.sidebar__compose{font-size:var(--t-lg);margin:2px 6px 4px;padding:.62rem 1rem;transform:rotate(-1deg)}.sidebar__compose:hover:not(:disabled){transform:translate(-1px,-1px)rotate(-1.5deg)}.sidebar__scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding:4px 4px 8px 2px;display:flex;overflow:hidden auto}.sidebar__scroll::-webkit-scrollbar{width:10px}.sidebar__group{flex-direction:column;gap:2px;display:flex}.sidebar__heading{font-family:var(--display);font-size:var(--t-sm);color:var(--ink-soft);padding:0 .7rem .15rem}.nav-item{all:unset;box-sizing:border-box;min-height:34px;color:var(--ink);cursor:pointer;font-size:var(--t-md);transition:background-color .1s, transform .14s var(--ease-pop);border:2px solid #0000;border-radius:11px;align-items:center;gap:.6rem;padding:.3rem .6rem .3rem .7rem;display:flex}.nav-item .icon{color:var(--ink-soft)}.nav-item:hover{background:color-mix(in srgb, var(--wash) 80%, transparent)}.nav-item:focus-visible{outline:3px solid var(--violet);outline-offset:0}.nav-item.is-active{background:var(--sun);color:var(--on-sun);border-color:var(--stroke);box-shadow:var(--pop-sm);font-weight:700;transform:rotate(-.6deg)}.nav-item.is-active .icon{color:var(--on-sun)}.nav-item.is-active .count{background:var(--card);color:var(--ink)}.nav-item.is-drop{background:var(--wash);border-color:var(--violet);border-style:dashed}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count{min-width:1.6rem;font-family:var(--display);font-size:var(--t-xs);text-align:center;color:var(--on-sun);background:var(--sun);border:1.5px solid var(--stroke);animation:badge-pop .36s var(--ease-pop);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;padding:0 .4rem;line-height:1.55}.count--quiet{color:var(--ink-soft);border-color:var(--hair);background:0 0}.nav-item.is-active .count--quiet{border-color:var(--stroke)}.account-head{all:unset;box-sizing:border-box;cursor:pointer;border-radius:11px;align-items:center;gap:.55rem;padding:.25rem .55rem .3rem .7rem;display:flex}.account-head:hover{background:color-mix(in srgb, var(--wash) 70%, transparent)}.account-head:focus-visible{outline:3px solid var(--violet)}.account-head__dot{background:var(--acc);border:2px solid var(--stroke);width:13px;height:13px;box-shadow:1.5px 1.5px 0 var(--shadow);border-radius:4px;flex-shrink:0;transform:rotate(8deg)}.account-head__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.account-head__name{font-family:var(--display);font-size:var(--t-md)}.account-head__mail{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.account-head__chev{color:var(--ink-soft);transition:transform .16s var(--ease-out)}.account-head__chev.is-closed{transform:rotate(-90deg)}.folder-list{flex-direction:column;gap:2px;padding-top:2px;display:flex}.folder-list__loading{padding:.3rem .8rem}.account-error{font-size:var(--t-xs);color:var(--ink);background:var(--clue-tint);border:2px solid var(--stroke);border-radius:10px;grid-template-columns:auto 1fr;gap:.35rem .4rem;margin:.2rem .3rem .3rem;padding:.5rem .6rem;line-height:1.5;display:grid}.account-error .icon{color:var(--clue);margin-top:2px}.account-error .btn{grid-column:2;justify-self:start}.sidebar__foot{flex-direction:column;gap:8px;padding:0 6px;display:flex}.sidebar__add{box-shadow:none;background:0 0;border-style:dashed;justify-content:center}.sync-line{font-size:var(--t-xs);color:var(--ink-soft);align-items:center;gap:.4rem;padding:0 .3rem;display:flex}.sync-line.is-busy .icon{color:var(--violet);animation:1.1s linear infinite spin}.sync-line.is-ok .icon{color:var(--mint)}.sync-line.is-offline{color:var(--clue)}.sync-line__push{color:var(--mint);border:1.5px solid;border-radius:999px;margin-left:auto;padding:0 .45rem;font-size:.68rem;font-weight:700}.list__head{border-bottom:var(--line);background:var(--card-2);flex-direction:column;flex-shrink:0;gap:10px;padding:14px 14px 12px;display:flex}.list__title-row{align-items:flex-start;gap:.6rem;display:flex}.list__titles{flex:1;min-width:0}.list__title{font-size:var(--t-xl);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.list__subtitle{font-size:var(--t-xs);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;display:block;overflow:hidden}.search{align-items:center;display:flex;position:relative}.search>.icon{color:var(--ink-soft);pointer-events:none;position:absolute;left:.65rem}.search input{font-size:var(--t-sm);border-radius:999px;padding-left:2.1rem;padding-right:2.2rem}.search input::-webkit-search-cancel-button{display:none}.search__clear,.search__kbd{position:absolute;right:.6rem}.search__kbd{pointer-events:none;opacity:.6;box-shadow:none}.list__filter{align-self:flex-start}.list__scroll{outline:none;flex:1;min-height:0;padding:6px 6px 10px;overflow:hidden auto}.row{cursor:pointer;user-select:none;border:2px solid #0000;border-radius:13px;gap:10px;padding:10px;transition:background-color 90ms,border-color 90ms;display:flex;position:relative}.row+.row:before{content:"";border-top:1.5px dashed var(--hair);position:absolute;top:-2px;left:56px;right:10px}.row:hover:not(.is-selected){background:var(--wash);border-color:var(--hair)}.row:hover:before,.row:hover+.row:before{display:none}.row.is-selected{background:var(--sun-tint);border-color:var(--stroke);box-shadow:var(--pop-sm);z-index:1}.row.is-selected:before,.row.is-selected+.row:before{display:none}.avatar{background:var(--av);color:#1f1a4e;border:2px solid var(--stroke);font-family:var(--display);border-radius:50%;flex-shrink:0;place-items:center;line-height:1;display:grid}.row__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.row__top{align-items:center;gap:.4rem;display:flex}.row__dot{background:var(--sun);border:1.8px solid var(--stroke);border-radius:50%;flex-shrink:0;width:9px;height:9px}.row__from{min-width:0;font-size:var(--t-md);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row__to-label{font-size:var(--t-xs)}.row.is-unread .row__from{color:var(--ink);font-weight:700}.row__count{color:var(--ink-soft);border:1.5px solid var(--hair);border-radius:999px;flex-shrink:0;padding:0 .42rem;font-size:.7rem;font-weight:700;line-height:1.5}.row__date{font-size:var(--t-xs);color:var(--ink-soft);font-variant-numeric:tabular-nums;flex-shrink:0}.row.is-unread .row__date{color:var(--violet);font-weight:700}.row__subject{font-size:var(--t-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row.is-unread .row__subject{font-weight:700}.row__draft{color:var(--clue);margin-right:.35rem;font-weight:700}.row__bottom{align-items:center;gap:.35rem;display:flex}.row__snippet{min-width:0;font-size:var(--t-xs);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row__clip{color:var(--ink-soft)}.row__acc{border:1.5px solid var(--stroke);border-radius:3px;width:9px;height:9px;transform:rotate(8deg)}.row__star{width:24px;height:22px;color:var(--hair)}.row:hover .row__star,.row.is-selected .row__star{color:var(--ink-soft)}.row__star.is-on,.row:hover .row__star.is-on{color:var(--sun-deep)}.row__star.is-on svg{stroke:var(--stroke)}.row--skeleton{pointer-events:none}.sk{background:linear-gradient(90deg, var(--skeleton) 25%, color-mix(in srgb, var(--skeleton) 50%, var(--card)) 50%, var(--skeleton) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer;display:block}.avatar.sk{border-color:#0000;border-radius:50%;width:36px;height:36px}.sk--line{height:11px;margin:4px 0}.sk--thin{height:8px}.list__state{justify-items:start;gap:.6rem;padding:12px;display:grid}.list__more{font-size:var(--t-xs);color:var(--ink-soft);justify-content:center;align-items:center;gap:.5rem;padding:14px;display:flex}.local-drafts{border:2px dashed var(--hair);border-radius:12px;margin:4px 4px 10px;padding:.55rem}.local-drafts__title{font-size:var(--t-xs);color:var(--ink-soft);align-items:center;gap:.35rem;margin-bottom:.3rem;display:flex}.local-draft{all:unset;box-sizing:border-box;cursor:pointer;width:100%;font-size:var(--t-sm);border-radius:8px;flex-direction:column;padding:.35rem .5rem;display:flex}.local-draft:hover{background:var(--wash)}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2rem 1.5rem;display:flex}.empty h2{font-size:var(--t-xl)}.empty--list{padding-top:3.5rem}.empty--list h2{font-size:var(--t-lg)}.empty__art{width:190px;margin-bottom:.5rem}.empty__art--small{width:120px}.empty__keys{flex-wrap:wrap;justify-content:center;gap:.4rem 1.1rem;margin-top:.8rem;display:flex}.reader__toolbar{border-bottom:var(--line);background:var(--card-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:10px 12px;display:flex}.tool{box-shadow:none;background:0 0;border-color:#0000}.tool:hover:not(:disabled){border-color:var(--stroke);background:var(--card);box-shadow:var(--pop-sm)}.tool.is-active{color:var(--sun-deep)}.tool.is-active svg{stroke:var(--stroke)}.tool--danger:hover:not(:disabled){color:var(--clue)}.tool__text{font-size:var(--t-sm)}.reader__sep{background:var(--hair);border-radius:2px;width:2px;height:22px;margin:0 2px}.reader__move{position:relative}.reader__scroll{flex:1;min-height:0;padding:18px 22px 28px;overflow-y:auto}.reader__state{justify-items:center;gap:.7rem;padding:3rem 1rem;display:grid}.reader__head{flex-direction:column;gap:.5rem;margin-bottom:14px;display:flex}.reader__subject{font-size:var(--t-2xl);overflow-wrap:anywhere;line-height:1.25}.reader__tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag__dot{border:1.2px solid var(--stroke);border-radius:2px;width:8px;height:8px}.reader__banner{align-items:center;gap:.6rem;margin-bottom:12px;display:flex}.reader__banner>span{flex:1}.thread{flex-direction:column;gap:12px;display:flex}.msg{background:var(--card);border:var(--line-thin);border-radius:16px;flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.thread>.msg:only-child{border:0;padding:0}.msg--collapsed{all:unset;box-sizing:border-box;border:2px dashed var(--hair);cursor:pointer;border-radius:14px;align-items:center;gap:.6rem;padding:8px 14px;display:flex}.msg--collapsed:hover{border-color:var(--stroke);background:var(--wash);border-style:solid}.msg--collapsed:focus-visible{outline:3px solid var(--violet)}.msg--collapsed .msg__from{flex-shrink:0;font-weight:700}.msg__peek{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-soft);font-size:var(--t-sm);flex:1;overflow:hidden}.msg__date{font-size:var(--t-xs);color:var(--ink-soft)}.msg__head{align-items:flex-start;gap:12px;display:flex}.msg__who{flex-direction:column;flex:1;min-width:0;display:flex}.msg__from-line{all:unset;cursor:pointer;align-items:baseline;gap:.5rem;min-width:0;display:flex}.msg__from-line strong{font-size:var(--t-md)}.msg__addr{font-size:var(--t-xs);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.msg__to{all:unset;font-size:var(--t-xs);color:var(--ink-soft);cursor:pointer;align-items:center;gap:.25rem;width:fit-content;display:inline-flex}.msg__to:hover{color:var(--ink)}.msg__to .icon.is-open{transform:rotate(180deg)}.msg__meta{font-size:var(--t-xs);color:var(--ink-soft);align-items:center;gap:.4rem;display:flex}.msg__details{font-size:var(--t-xs);background:var(--wash);border-radius:10px;grid-template-columns:auto 1fr;gap:.15rem .9rem;margin:0;padding:.6rem .8rem;display:grid}.msg__details dt{color:var(--ink-soft)}.msg__details dd{overflow-wrap:anywhere;margin:0}.sheet{background:var(--sheet);border:1.5px solid var(--hair);border-radius:12px;padding:14px 16px}:root[data-theme=light] .sheet{border-color:#0000;padding:2px 0}.sheet--empty{padding:1rem}.email-frame{color-scheme:light;background:0 0;border:0;width:100%;display:block}.msg__missing{align-items:center;gap:.5rem;display:flex}.attachments{flex-direction:column;gap:.5rem;display:flex}.attachments__label{font-size:var(--t-xs);color:var(--ink-soft);align-items:center;gap:.3rem;display:flex}.attachments__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.attachment{background:var(--card);border:var(--line-thin);box-shadow:var(--pop-sm);border-radius:12px;align-items:center;gap:.55rem;padding:.45rem .45rem .45rem .5rem;display:flex}.attachment__ext{width:36px;height:40px;font-family:var(--display);color:var(--on-sun);background:var(--sun);border:2px solid var(--stroke);border-radius:6px 12px 6px 6px;flex-shrink:0;place-items:center;font-size:.68rem;display:grid}.attachment__text{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.attachment__name{font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.attachment__size{font-size:var(--t-xs);color:var(--ink-soft)}.attachment .btn--icon{box-shadow:none;border-color:#0000}.attachment .btn--icon:hover:not(:disabled){border-color:var(--stroke)}.reader__replies{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.reader--empty{justify-content:center}.popover{z-index:60;background:var(--card);border:var(--line);min-width:200px;max-height:60vh;box-shadow:var(--pop);animation:pop-in var(--enter) var(--ease-pop);transform-origin:0 0;border-radius:14px;padding:6px;position:absolute;overflow-y:auto}.popover--left{top:calc(100% + 6px);left:0}.popover--right{transform-origin:100% 0;top:calc(100% + 6px);right:0}.popover__title{font-family:var(--display);font-size:var(--t-sm);color:var(--ink-soft);padding:.25rem .6rem .35rem}.popover__item{all:unset;box-sizing:border-box;width:100%;font-size:var(--t-sm);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.popover__item>span{flex:1}.popover__item:disabled{opacity:.45;cursor:not-allowed}.popover__item:disabled:hover{color:inherit;background:0 0}.popover__hint{font-size:var(--t-xs,.72rem);color:var(--ink-soft);display:block}.popover__item:hover:not(:disabled) .popover__hint{color:inherit;opacity:.75}.split{flex-shrink:0;display:inline-flex;position:relative}.split__main:has(+.split__more){border-top-right-radius:0;border-bottom-right-radius:0}.split__more{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px;padding-left:.4rem;padding-right:.4rem}.read-menu{min-width:240px}.popover__item:hover,.popover__item:focus-visible{background:var(--sun);color:var(--on-sun)}.popover__item kbd{box-shadow:none;font-size:.7rem}.popover__sep{border-top:1.5px dashed var(--hair);height:0;margin:4px 6px}.move-menu{min-width:180px}.dialog{inset:var(--titlebar) 0 0 0;z-index:80;place-items:center;padding:1.2rem;display:grid;position:fixed}.dialog__scrim{all:unset;background:var(--scrim);animation:fade-in var(--enter) var(--ease-out);position:absolute;inset:0}.dialog__card{background:var(--card);border:3px solid var(--stroke);width:min(34rem,100%);max-height:100%;box-shadow:6px 6px 0 var(--sun);animation:sticker-in var(--enter) var(--ease-pop);transform-origin:50% 60%;border-radius:20px;outline:none;flex-direction:column;display:flex;position:relative}:root[data-theme=dark] .dialog__card{box-shadow:6px 6px #07060d}.dialog__card--small{width:min(28rem,100%)}.presence[data-state=closed] .dialog__scrim{animation:fade-out var(--leave) var(--ease-in) forwards}.presence[data-state=closed] .dialog__card{animation:sticker-out var(--leave) var(--ease-in) forwards}.presence[data-state=closed] .dialog{pointer-events:none}.dialog__head{align-items:center;gap:.6rem;padding:1rem 1.2rem .6rem 1.4rem;display:flex}.dialog__head h2{font-size:var(--t-xl);flex:1}.dialog__body{flex:1;min-height:0;padding:.2rem 1.4rem 1.2rem;overflow-y:auto}.dialog__foot{border-top:2px dashed var(--hair);justify-content:flex-end;gap:.6rem;padding:.9rem 1.2rem 1.1rem;display:flex}.confirm__message{line-height:1.7}.compose{width:min(52rem,100%);height:min(46rem,100%)}.compose .dialog__body{flex-direction:column;padding-bottom:.6rem;display:flex}.compose__form{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;position:relative}.field-row{border-bottom:1.5px dashed var(--hair);align-items:center;gap:.6rem;min-height:44px;display:flex;position:relative}.field-row__label{width:3.4rem;font-family:var(--display);font-size:var(--t-sm);color:var(--ink-soft);flex-shrink:0}.field-row__input,.field-row__select,.chips__input{background:0 0;border:0;border-radius:0;padding:.45rem 0}.field-row__input:focus,.field-row__select:focus,.chips__input:focus{box-shadow:none}.field-row__select{flex:1;width:auto}.field-row__select:disabled{opacity:1;cursor:default;appearance:none}.field-row__acc{border:1.5px solid var(--stroke);border-radius:3px;width:11px;height:11px;transform:rotate(8deg)}.chips{cursor:text;flex-wrap:wrap;flex:1;align-items:center;gap:5px;padding:5px 0;display:flex;position:relative}.chips__input{flex:1;width:auto;min-width:8rem}.chip{font-size:var(--t-sm);background:var(--wash);border:1.5px solid var(--stroke);box-shadow:1.5px 1.5px 0 var(--shadow);animation:badge-pop .3s var(--ease-pop);border-radius:999px;align-items:center;gap:.25rem;padding:.05rem .3rem .05rem .6rem;display:inline-flex}.chip--bad{background:var(--clue-tint);border-color:var(--clue);text-decoration:wavy underline var(--clue)}.chip__x{width:18px;height:18px}.suggest{z-index:10;background:var(--card);border:var(--line-thin);min-width:18rem;box-shadow:var(--pop);animation:pop-in var(--enter) var(--ease-pop);border-radius:12px;padding:5px;position:absolute;top:calc(100% + 2px);left:0}.suggest__item{all:unset;box-sizing:border-box;width:100%;font-size:var(--t-sm);cursor:pointer;border-radius:8px;gap:.6rem;padding:.35rem .6rem;display:flex}.suggest__item span{color:var(--ink-soft)}.suggest__item.is-active{background:var(--sun);color:var(--on-sun)}.suggest__item.is-active span{color:var(--on-sun)}.compose__cc-toggle{all:unset;z-index:1;font-size:var(--t-xs);color:var(--violet);cursor:pointer;position:absolute;top:56px;right:0}.compose__cc-toggle:hover{text-decoration:underline}.compose__body{resize:none;min-height:9rem;font-size:var(--t-md);background:0 0;border:0;flex:1;margin-top:10px;padding:.6rem .2rem;line-height:1.8}.compose__body:focus{box-shadow:none}.compose__quote{border-top:1.5px dashed var(--hair);padding-top:.4rem}.compose__quote-toggle{all:unset;font-size:var(--t-xs);color:var(--ink-soft);background:var(--wash);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.1rem .6rem;display:inline-flex}.compose__quote-text{max-height:12rem;font-family:var(--sans);font-size:var(--t-xs);white-space:pre-wrap;color:var(--ink-soft);border-left:3px solid var(--hair);margin:.5rem 0 0;padding:.6rem .8rem;overflow:auto}.compose__files{flex-wrap:wrap;gap:6px;padding:.6rem 0 .2rem;display:flex}.file-chip{max-width:18rem;font-size:var(--t-xs);background:var(--sun-tint);border:1.5px solid var(--stroke);box-shadow:1.5px 1.5px 0 var(--shadow);border-radius:9px;align-items:center;gap:.35rem;padding:.15rem .4rem .15rem .55rem;display:inline-flex}.file-chip__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.file-chip__size{color:var(--ink-soft);flex-shrink:0}.compose__drop{z-index:5;font-family:var(--display);font-size:var(--t-lg);background:color-mix(in srgb, var(--sun-tint) 92%, transparent);border:3px dashed var(--stroke);pointer-events:none;border-radius:14px;place-content:center;justify-items:center;gap:.4rem;display:grid;position:absolute;inset:0}.compose__error{margin-top:.6rem}.compose__foot{align-items:center;gap:.6rem;width:100%;display:flex}.compose .dialog__foot{justify-content:stretch}.compose__spacer{flex:1}.compose__hint kbd{box-shadow:none}.settings{width:min(54rem,100%);height:min(42rem,100%)}.settings .dialog__body{padding:0;display:flex}.settings__layout{flex:1;grid-template-columns:11rem 1fr;min-height:0;display:grid}.settings__tabs{border-right:2px dashed var(--hair);flex-direction:column;gap:4px;padding:.4rem .8rem 1rem 1.1rem;display:flex}.settings__tab{all:unset;box-sizing:border-box;cursor:pointer;border:2px solid #0000;border-radius:11px;align-items:center;gap:.55rem;padding:.45rem .7rem;display:flex}.settings__tab:hover{background:var(--wash)}.settings__tab.is-active{background:var(--sun);color:var(--on-sun);border-color:var(--stroke);box-shadow:var(--pop-sm);font-weight:700}.settings__tab:focus-visible{outline:3px solid var(--violet)}.settings__panel{min-height:0;padding:.4rem 1.5rem 1.5rem;overflow-y:auto}.settings__section{flex-direction:column;gap:.9rem;display:flex}.settings__h{font-size:var(--t-lg)}.settings__back{all:unset;width:fit-content;font-size:var(--t-sm);color:var(--violet);cursor:pointer;align-items:center;gap:.25rem;display:inline-flex}.settings__back:hover{text-decoration:underline}.settings__version{margin-top:.5rem}.setting{border-bottom:1.5px dashed var(--hair);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.setting__text{flex:1}.setting__title{font-weight:700}.setting__desc{margin-top:2px;line-height:1.55}.setting__select{width:auto}.account-cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.account-card{background:var(--card);border:var(--line-thin);box-shadow:var(--pop-sm);border-radius:14px;align-items:center;gap:.8rem;padding:.75rem .9rem;display:flex}.account-card__dot{background:var(--acc);border:2px solid var(--stroke);border-radius:5px;width:18px;height:18px;transform:rotate(8deg)}.account-card__text{flex-direction:column;flex:1;min-width:0;line-height:1.4;display:flex}.account-card__text strong{font-family:var(--display);font-weight:400;font-size:var(--t-lg)}.account-card__status{font-size:var(--t-xs);color:var(--mint);font-weight:700}.account-card__status.is-bad{color:var(--clue)}.user-card{flex-wrap:wrap}.user-card.is-disabled{opacity:.6}.user-card__tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.user-card__actions{flex-wrap:wrap;gap:.3rem;display:flex}.user-inline{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.user-inline input:not([type=checkbox]){flex:1;min-width:12rem}.user-check{font-size:var(--t-sm);cursor:pointer;align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.user-check input{width:auto}.link-box{flex-direction:column;gap:.7rem;line-height:1.6;display:flex}.link-box__url{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--t-sm)}.theme-cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{all:unset;box-sizing:border-box;border:var(--line-thin);cursor:pointer;transition:transform .14s var(--ease-pop), box-shadow .14s;border-radius:14px;flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.theme-card:hover{box-shadow:var(--pop-sm);transform:translate(-1px,-2px)}.theme-card[aria-checked=true]{background:var(--sun-tint);box-shadow:var(--pop)}.theme-card:focus-visible{outline:3px solid var(--violet)}.theme-card__preview{background:#f4f3ff;border:2px solid #1f1a4e;border-radius:9px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr;gap:4px;height:64px;padding:6px;display:grid}.theme-card__preview i{background:#fff;border:1.5px solid #1f1a4e;border-radius:5px}.theme-card__preview i:first-child{background:#ffd23f;grid-row:span 2}.theme-card--dark .theme-card__preview{background:#14121f;border-color:#514a78}.theme-card--dark .theme-card__preview i{background:#1e1b2e;border-color:#514a78}.theme-card--system .theme-card__preview{background:linear-gradient(135deg,#f4f3ff 50%,#14121f 50%)}.theme-card__label{font-size:var(--t-sm);align-items:center;gap:.35rem;font-weight:700;display:flex}.shortcuts{border-collapse:collapse;width:100%;font-size:var(--t-sm)}.shortcuts td{border-bottom:1.5px dashed var(--hair);padding:.35rem .4rem}.shortcuts td:first-child{white-space:nowrap;width:11rem}.shortcuts__or{color:var(--ink-soft);margin:0 .3rem}.providers{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.provider{all:unset;box-sizing:border-box;background:var(--card);border:var(--line);box-shadow:var(--pop-sm);cursor:pointer;transition:transform .14s var(--ease-pop), box-shadow .14s;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:.8rem .9rem;display:flex}.provider:hover{box-shadow:5px 5px 0 var(--shadow);transform:translate(-2px,-3px)rotate(-1deg)}.provider:active{box-shadow:0 0 0 var(--shadow);transform:translate(2px,2px)}.provider:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.provider__badge{width:34px;height:34px;font-family:var(--display);color:#fff;border:2px solid var(--stroke);box-shadow:2px 2px 0 var(--shadow);text-shadow:1px 1px #1f1a4e;border-radius:10px;place-items:center;font-size:1.1rem;display:grid;transform:rotate(-4deg)}.provider__label{font-family:var(--display);font-size:var(--t-md)}.provider__hint{font-size:var(--t-xs);color:var(--ink-soft)}.account-form{flex-direction:column;gap:1rem;display:flex}.account-form__provider{background:var(--wash);border:var(--line-thin);border-radius:14px;align-items:flex-start;gap:.8rem;padding:.75rem .9rem;display:flex}.account-form__provider p{margin-top:2px;line-height:1.6}.form-grid{grid-template-columns:1fr 1fr;gap:.9rem 1rem;display:grid}.field{border:0;flex-direction:column;gap:.3rem;min-width:0;margin:0;padding:0;display:flex}.field__label{font-size:var(--t-sm);color:var(--ink-soft);font-weight:700}.field__link{all:unset;width:fit-content;font-size:var(--t-xs);color:var(--violet);cursor:pointer;align-items:center;gap:.25rem;display:inline-flex}.field__link:hover{text-decoration:underline}.swatches{gap:8px;display:flex}.swatch{all:unset;border:2px solid var(--stroke);cursor:pointer;width:26px;height:26px;transition:transform .14s var(--ease-pop);border-radius:8px;transform:rotate(6deg)}.swatch:hover{transform:rotate(-6deg)scale(1.1)}.swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--card), 0 0 0 5px var(--stroke);transform:rotate(0)scale(1.05)}.swatch:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.advanced{border:var(--line-thin);border-radius:14px;padding:.2rem .9rem}.advanced[open]{padding-bottom:.9rem}.advanced summary{font-family:var(--display);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 0;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced summary:after{content:"▾";color:var(--ink-soft);margin-left:auto;transition:transform .16s}.advanced:not([open]) summary:after{transform:rotate(-90deg)}.servers{flex-direction:column;gap:.9rem;display:flex}.server{border:2px dashed var(--hair);border-radius:12px;grid-template-columns:1fr 5.5rem 8rem;gap:.6rem;margin:0;padding:.6rem .8rem .8rem;display:grid}.server legend{font-size:var(--t-sm);padding:0 .3rem;font-weight:700}.account-form__oauth{align-items:flex-start;gap:.35rem;line-height:1.6;display:flex}.account-form__oauth .icon{margin-top:4px}.test-result{font-size:var(--t-sm);border:var(--line-thin);border-radius:12px;flex-direction:column;gap:.3rem;padding:.6rem .85rem;display:flex}.test-result>div{align-items:flex-start;gap:.4rem;display:flex}.test-result .icon{margin-top:3px}.test-result.is-ok{background:var(--mint-tint)}.test-result.is-bad{background:var(--clue-tint)}.account-form__actions{align-items:center;gap:.6rem;display:flex}.welcome{flex:1;place-items:start center;min-height:0;padding:4vh 1.5rem 3rem;display:grid;overflow-y:auto}.welcome__card{background:var(--card);border:var(--line);width:min(48rem,100%);box-shadow:7px 7px 0 var(--sun);animation:sticker-in .32s var(--ease-pop);border-radius:24px;flex-direction:column;gap:1.2rem;padding:2rem 2.2rem 2.2rem;display:flex}:root[data-theme=dark] .welcome__card{box-shadow:7px 7px 0 var(--shadow)}.welcome__hero{align-items:center;gap:1.6rem;display:flex}.welcome__art{flex-shrink:0;width:170px}.welcome__title{font-size:var(--t-2xl)}.welcome__lead{color:var(--ink-soft);margin-top:.4rem;line-height:1.8}.welcome__step{font-size:var(--t-lg);align-items:center;gap:.6rem;display:flex}.welcome__num{width:2rem;height:2rem;font-size:var(--t-md);background:var(--sun);color:var(--on-sun);border:2px solid var(--stroke);box-shadow:var(--pop-sm);border-radius:50%;place-items:center;display:inline-grid;transform:rotate(-8deg)}.welcome__privacy{align-items:center;gap:.35rem;display:flex}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{max-width:min(32rem,100vw - 2rem);font-size:var(--t-sm);color:var(--ink);background:var(--sun-tint);border:2.5px solid var(--stroke);box-shadow:var(--pop);pointer-events:auto;animation:pop-up-in var(--enter) var(--ease-pop);border-radius:14px;flex-direction:column;gap:.35rem;padding:.5rem .5rem .5rem .85rem;font-weight:700;display:flex}.toast__row{align-items:center;gap:.5rem;display:flex}.toast__text{flex:1;min-width:0}.toast__more{font-size:var(--t-xs,.75rem);color:var(--ink);border:2px solid var(--stroke);border-radius:999px;flex:none;padding:.1rem .45rem;font-weight:800}.toast__more[aria-expanded=true]{background:var(--card,#fff9)}.toast__detail{max-height:9rem;color:var(--ink);white-space:pre-wrap;word-break:break-word;user-select:text;opacity:.8;margin:0 .25rem .15rem 1.6rem;font:500 .75rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.toast--ok{background:var(--mint-tint)}.toast--ok .toast__row>.icon{color:var(--mint)}.toast--error{background:var(--clue-tint)}.toast--error .toast__row>.icon{color:var(--clue)}.toast--warn .toast__row>.icon{color:var(--sun-deep)}.toast--leaving{animation:fade-out var(--leave) var(--ease-in) forwards}.toast__x{width:22px;height:22px}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.spinner--big{width:30px;height:30px;color:var(--violet);border-width:3.5px}.conn-banner{font-size:var(--t-sm);background:var(--sun);color:var(--on-sun);border-bottom:2px solid var(--stroke);animation:sticker-in .22s var(--ease-pop);flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;padding:.35rem 1rem;font-weight:700;display:flex}.login{place-items:center}.login__card{text-align:left;align-items:stretch;width:min(28rem,100%)}.login__art{align-self:center;width:120px}.login__error{color:var(--clue);font-size:var(--t-sm);align-items:center;gap:.35rem;font-weight:700;display:flex}.field__error{color:var(--clue);font-size:var(--t-sm);align-items:flex-start;gap:.3rem;margin-top:.3rem;font-weight:700;display:flex}.field input[aria-invalid=true]{border-color:var(--clue)}.login__problem{background:var(--clue-tint);border:2.5px solid var(--stroke);font-size:var(--t-sm);border-radius:12px;flex-direction:column;gap:.25rem;padding:.6rem .75rem;display:flex}.login__problem--warn{background:var(--sun-tint)}.login__problem strong{align-items:center;gap:.35rem;display:flex}.login__problem .toast__detail{margin:.2rem 0 0}.login__actions{align-items:center;gap:.6rem;display:flex}.login__inline{margin-left:.4rem}.conn-url{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.conn-form{flex-direction:column;gap:.7rem;padding-top:.9rem;display:flex}:root:not(.desktop) .titlebar{-webkit-app-region:no-drag}.google-flow__steps{flex-direction:column;gap:.8rem;display:flex}.google-flow__steps p{margin:0;line-height:1.6}.google-flow__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.google-flow__wait{align-items:center;gap:.5rem;margin:0;display:flex}.google-flow__hint{font-size:var(--t-xs)}.google-flow__paste{border-top:1.5px dashed var(--hair);align-items:flex-end;gap:.5rem;padding-top:.7rem;display:flex}.google-flow__paste .field{flex:1}.google-g{background:var(--card);color:#4285f4;border:1.5px solid var(--stroke);border-radius:50%;place-items:center;width:1.25em;height:1.25em;font-size:.85em;font-weight:800;display:inline-grid}.signin-choice{flex-direction:column;gap:.45rem;display:flex}.signin-choice__note{font-size:var(--t-xs);margin:0;line-height:1.55}.signin-google{flex-direction:column;gap:.8rem;display:flex}.auth-banners{flex-direction:column;gap:6px;margin:4px 4px 10px;display:flex}.auth-banner{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.auth-banner>span{flex:1;min-width:10em}.invite{background:var(--sun-tint);border:var(--line-thin);border-radius:14px;gap:12px;padding:12px 14px;display:flex}.invite--cancelled{background:var(--wash)}.invite--cancelled .invite__title strong{text-decoration:line-through}.invite__badge{background:var(--sun);width:38px;height:38px;color:var(--on-sun);border:var(--line-thin);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.invite__body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.invite__title{flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.02rem;display:flex}.invite__line{font-size:var(--t-sm);align-items:flex-start;gap:.45rem;display:flex}.invite__line .icon{color:var(--ink-soft);margin-top:.2em}.invite__wrap{white-space:pre-wrap;overflow-wrap:anywhere}.invite__desc p{font-size:var(--t-sm);max-height:14em;margin:.3rem 0 0;overflow:auto}.invite__more{font-size:var(--t-xs);color:var(--ink-soft);cursor:pointer;align-items:center;gap:.25rem;display:inline-flex}.invite__more .is-open{transform:rotate(180deg)}.invite__actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.invite__rsvp button{padding:.25rem .95rem}.invite__rsvp button:disabled{cursor:progress}.invite__mine{font-size:var(--t-xs)}.invite__cancel{padding:.4rem .7rem}.add-cal{width:min(560px,94vw)}.add-cal__form{flex-direction:column;gap:.75rem;display:flex}.add-cal__chips{flex-wrap:wrap;gap:.4rem;margin-top:.3rem;display:flex}.add-cal__chip{all:unset;cursor:pointer;font-size:var(--t-sm);background:var(--card);border:1.5px solid var(--hair);border-radius:999px;align-items:center;gap:.35rem;padding:.15rem .7rem;display:inline-flex}.add-cal__chip:hover{border-color:var(--stroke)}.add-cal__chip.is-active{background:var(--sun);color:var(--on-sun);border-color:var(--stroke);font-weight:700}.add-cal__chip:focus-visible{outline:3px solid var(--violet);outline-offset:2px}.add-cal__ddl{font-size:var(--t-xs);color:var(--clue);font-weight:700}.add-cal__allday{cursor:pointer;align-items:center;gap:.4rem;width:fit-content;display:inline-flex}.add-cal__times{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.add-cal__when{font-size:var(--t-xs);margin:-.3rem 0 0}.add-cal__note{font-size:var(--t-xs);margin:0;line-height:1.55}@media (width<=520px){.add-cal__times{grid-template-columns:1fr}}.add-cal .dialog__foot{flex-wrap:wrap}.signin-choice .segmented{align-self:flex-start;max-width:100%}.add-cal__allday input{width:auto}.reader__tags .reader__cal{margin-left:auto}.reader__tags{align-items:center}.settings__intro{font-size:var(--t-sm);margin:-.25rem 0 .75rem;line-height:1.55}.storage__h2{margin-top:1.75rem}.storage__usage{border:var(--line);border-radius:var(--r-ctl);background:var(--card-2);gap:6px;margin-bottom:.5rem;padding:12px 14px;display:grid}.storage__numbers{font-size:var(--t-sm);flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.storage__numbers b{font-family:var(--display);font-size:1.15rem}.storage__sync{font-size:var(--t-xs);align-items:center;gap:.4rem;display:flex}.storage__error{color:var(--clue)}.meter{border:var(--line);background:var(--card);border-radius:999px;height:10px;overflow:hidden}.meter i{background:var(--sun);border-right:var(--line);height:100%;transition:width .3s;display:block}.meter i[style*="width: 0%"]{border-right:none}.meter i.is-full{background:var(--clue)}.ai-picker__cards{gap:12px;display:grid}.ai-card{border:var(--line);border-radius:var(--r-card);background:var(--card);box-shadow:var(--pop-sm);cursor:pointer;gap:10px;padding:12px 14px;transition:background-color .12s,transform 90ms;display:grid}.ai-card:hover:not(.is-unavailable){background:var(--wash)}.ai-card.is-selected{background:var(--sun-tint)}.ai-card.is-unavailable{cursor:default;box-shadow:none;background:var(--card-2)}.ai-card.is-unavailable .ai-card__logo{filter:grayscale();opacity:.55}.ai-card__select{all:unset;cursor:inherit;align-items:center;gap:12px;display:flex}.ai-card__select:focus-visible{outline:2px solid var(--stroke);outline-offset:4px;border-radius:10px}.ai-card__radio{border:var(--line);background:var(--card);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.ai-card__radio i{background:var(--stroke);border-radius:50%;width:8px;height:8px}.ai-card__logo{flex-shrink:0;width:30px;height:30px}.ai-card__identity{flex:1;min-width:0;display:grid}.ai-card__name{font-family:var(--display);font-size:1.05rem}.ai-card__state{font-size:var(--t-sm);color:var(--ink-soft)}.ai-card__badge{border:var(--line);background:var(--sun);color:var(--on-sun);font-size:var(--t-xs);font-family:var(--display);border-radius:999px;padding:2px 10px}.ai-card__actions,.ai-card__sources{font-size:var(--t-sm);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.ai-card__actions a{color:var(--ink-soft)}.ai-card__actions a.btn{color:var(--on-sun);text-decoration:none}.ai-card__model{font-size:var(--t-sm);align-items:center;gap:10px;display:flex}.ai-card__hint{font-size:var(--t-sm);color:var(--ink-soft);margin:0}.ai-card__form,.ai-card__login,.ai-card__advanced{cursor:default;gap:10px;display:grid}.ai-card__login{border:1.5px dashed var(--hair);background:var(--card-2);font-size:var(--t-sm);border-radius:12px;justify-items:start;padding:10px 12px}.ai-card__login p{flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;display:flex}.ai-card__code{letter-spacing:.08em;border:var(--line);background:var(--card);border-radius:8px;padding:1px 8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.05rem}.ai-card__copy{color:var(--ink-soft);cursor:pointer}.ai-card__paste{flex-wrap:wrap;align-items:flex-end;gap:8px;width:100%;display:flex}.ai-card__paste .field{flex:1;min-width:220px}.ai-card__error{color:var(--clue);font-size:var(--t-sm);margin:0}.ai-try{gap:8px;margin-top:1rem;display:grid}.ai-try__form{justify-items:start;gap:8px;display:grid}.ai-try__form textarea{box-sizing:border-box;resize:vertical;border:var(--line);border-radius:var(--r-ctl);background:var(--card);width:100%;color:var(--ink);font:inherit;padding:10px 12px}.ai-try__answer{border:var(--line);border-radius:var(--r-ctl);background:var(--card-2);white-space:pre-wrap;font-size:var(--t-sm);gap:4px;padding:12px 14px;display:grid}.ai-try__answer p{margin:0}.ai-card__logo[src$="/kimi.svg"]{box-sizing:border-box;background:#161616;border-radius:7px;padding:4px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ai-card__logo[src$="/codex.svg"]{filter:invert()}}:root[data-theme=dark] .ai-card__logo[src$="/codex.svg"]{filter:invert()}.mascot{aspect-ratio:1;animation:3.6s ease-in-out infinite mascot-bob;display:block;position:relative}.mascot img,.mascot__lids{user-select:none;width:100%;height:100%;position:absolute;inset:0}.mascot__lid{transform-box:fill-box;transform-origin:50% 0;animation:7s infinite mascot-blink;transform:scaleY(0)}.mascot:hover{animation:mascot-wiggle .6s var(--ease-pop) both}@keyframes mascot-blink{0%,44%,48%,84%,87%,90.5%,to{transform:scaleY(0)}46%{transform:scaleY(1)}85.5%{transform:scaleY(1)}89%{transform:scaleY(1)}}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mascot-wiggle{0%{transform:rotate(0)}30%{transform:rotate(-5deg)}60%{transform:rotate(3deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot__lid,.brand-mark{animation:none!important}}