.nav{z-index:50;background:var(--paper);transition:box-shadow var(--t-base) var(--ease), background-color var(--t-base) var(--ease);position:sticky;top:0;box-shadow:0 1px #0000}.nav[data-home=true]{margin-bottom:-64px}.nav[data-on-dark=true]{--nav-ink:var(--paper-on-dark);--nav-muted:var(--muted-on-dark);background:0 0}.nav{--nav-ink:var(--ink);--nav-muted:var(--muted)}.nav-brand{color:var(--nav-ink);transition:color var(--t-base) var(--ease)}.nav[data-stuck=true]{box-shadow:0 1px 0 var(--line)}.nav-in{justify-content:space-between;align-items:center;gap:var(--s-4);height:64px;display:flex}.nav-brand{align-items:center;gap:var(--s-3);font-weight:600;font-size:var(--t-16);white-space:nowrap;min-height:44px;line-height:1;display:inline-flex}.nav-brand img{border-radius:12px;width:54px;height:54px}.nav-end{align-items:center;gap:var(--s-4);display:flex}.nav-links{display:none}.nav-plain,.nav-links a{font-size:var(--t-14);color:var(--nav-muted);transition:color var(--t-fast) var(--ease)}.nav[data-on-dark=true] .nav-plain,.nav[data-on-dark=true] .nav-links a{color:var(--paper-on-dark)}.nav-plain{align-items:center;gap:var(--s-1);min-height:44px;display:inline-flex}.nav-plain.nav-wide{display:none}.nav-plain:hover,.nav-links a:hover,.nav-links a[aria-current=true]{color:var(--nav-ink)}.nav[data-on-dark=true] .nav-links a:not(:hover){color:color-mix(in srgb, var(--paper-on-dark) 82%, transparent)}.nav-links a[aria-current=true]{font-weight:600}.nav-menu{border:1px solid var(--line-strong);border-radius:var(--r-2);width:44px;height:44px;transition:border-color var(--t-fast);background:0 0;place-items:center;padding:0;display:grid}.nav-menu:hover{border-color:var(--nav-ink)}.nav[data-on-dark=true] .nav-menu{border-color:var(--line-on-dark)}.nav-burger{width:18px;height:12px;position:relative}.nav-burger i{background:var(--nav-ink);height:2px;transition:transform var(--t-base) var(--ease), background-color var(--t-base) var(--ease);border-radius:1px;position:absolute;left:0;right:0}.nav-burger i:first-child{top:1px}.nav-burger i:last-child{bottom:1px}.nav-menu[aria-expanded=true] .nav-burger i:first-child{transform:translateY(4px)rotate(45deg)}.nav-menu[aria-expanded=true] .nav-burger i:last-child{transform:translateY(-4px)rotate(-45deg)}.nav-panel{background:var(--paper);border-bottom:1px solid var(--line);max-height:calc(100dvh - 64px);position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px -24px #14131140}.nav-panel[hidden]{display:none}.nav-panel-in{padding-block:var(--s-2) var(--s-4);display:grid}.nav-panel-in a{align-items:center;gap:var(--s-1);min-height:44px;font-size:var(--t-16);border-bottom:1px solid var(--line);display:flex}.nav-panel-in a:last-child{border-bottom:0}.nav-panel-in a[aria-current=true]{color:var(--accent-ink);font-weight:600}.nav-panel-in a:hover{color:var(--accent-ink)}@media (min-width:1100px){.nav-in{grid-template-columns:1fr auto 1fr;display:grid}.nav-brand{justify-self:start}.nav-end{justify-self:end;gap:var(--s-5)}.nav-links{align-items:stretch;height:64px;display:flex;position:relative}.nav-links a{padding-inline:var(--s-2);white-space:nowrap;align-items:center;display:inline-flex}.nav-plain.nav-wide{display:inline-flex}.nav-menu,.nav-panel{display:none}.nav-bar{background:var(--accent);transform-origin:0;opacity:0;width:1px;height:2px;transition:transform var(--t-slow) var(--ease), opacity var(--t-base) var(--ease);pointer-events:none;position:absolute;bottom:0;left:0}.nav-bar[data-on=true]{opacity:1}}@media (min-width:1280px){.nav-links a{padding-inline:var(--s-3)}}.nav[data-on-dark=true] .nav-bar{background:var(--paper-on-dark)}@media (prefers-reduced-motion:reduce){.nav,.nav-bar,.nav-brand,.nav-plain,.nav-links a{transition:none}}.nav[data-on-dark=true] .btn-primary{background:var(--paper-on-dark);color:var(--ink);border-color:var(--paper-on-dark)}
.foot{border-top:1px solid var(--line);padding-block:var(--s-7);background:var(--paper)}.foot-in{gap:var(--s-5);align-items:center;display:grid}.foot-brand{width:56px;height:56px;display:inline-flex}.foot-brand img{border-radius:12px;width:56px;height:56px}.foot-links{gap:0 var(--s-5);flex-wrap:wrap;display:flex}.foot-links a{min-height:44px;font-size:var(--t-14);color:var(--ink-2);transition:color var(--t-fast) var(--ease);align-items:center;display:inline-flex}.foot-links a:hover{color:var(--accent-ink)}.foot-fine{max-width:44ch}@media (min-width:900px){.foot-in{gap:var(--s-7);grid-template-columns:auto 1fr auto}.foot-fine{text-align:right}}.foot-fine span{display:inline-block}
:root{--mac-win:#1e1e20;--mac-side:#26262a;--mac-bar:#2b2b2e;--mac-text:#e7e7eb;--mac-dim:#8d8d93;--mac-glyph:#dadae0;--mac-sel:#ffffff21;--mac-blue:#3b82f7;--mac-folder-a:#6cb6ff;--mac-folder-b:#3f8df2;--mac-folder-tab:#3a82e6}.mac-win{font-family:var(--mac-font);color:var(--mac-text);background:var(--mac-win);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;border-radius:11px;width:100%;font-size:13px;line-height:1.25;overflow:hidden;box-shadow:0 0 0 .5px #000000b3,inset 0 0 0 .5px #ffffff1f,0 40px 80px -24px #0009,0 14px 28px -14px #00000080}.mac-bar{background:var(--mac-bar);border-bottom:1px solid #00000073;align-items:center;gap:6px;height:52px;padding:0 18px 0 20px;display:flex;position:relative}.mac-lights{gap:8px;margin-right:14px;display:flex}.mac-lights i{border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 .5px #0003}.mac-lights i:first-child{background:#ff5f57}.mac-lights i:nth-child(2){background:#febc2e}.mac-lights i:nth-child(3){background:#28c840}.mac-bar .mac-nav{color:var(--mac-dim);gap:2px;display:flex}.mac-bar .mac-nav span{border-radius:6px;place-items:center;width:26px;height:24px;display:grid}.mac-bar .mac-title{color:var(--mac-text);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;margin-left:8px;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.mac-bar .mac-title .mac-title-ic{color:var(--mac-folder-b);display:grid}.mac-bar .mac-tools{color:var(--mac-dim);gap:8px;margin-left:auto;display:flex}.mac-bar .mac-tools span{background:#ffffff0f;border-radius:6px;place-items:center;min-width:30px;height:24px;padding:0 6px;display:grid}.mac-body{grid-template-columns:var(--mac-side-w,200px) minmax(0, 1fr);min-height:0;display:grid}.mac-side{background:var(--mac-side);border-right:1px solid #00000080;min-width:0;padding:6px 8px 12px}.mac-side-h{color:var(--mac-dim);margin:10px 0 2px 9px;font-size:11px;font-weight:600}.mac-side-h:first-child{margin-top:4px}.mac-row{height:24px;color:var(--mac-text);white-space:nowrap;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:0 7px;display:flex;position:relative}.mac-row[data-sel=true],.mac-row[aria-expanded=true]{background:var(--mac-sel)}.mac-row[data-sel=blue]{background:var(--mac-blue);color:#fff}.mac-row .ic{width:18px;height:16px;color:var(--mac-glyph);flex:none;place-items:center;display:grid;position:relative}.mac-row .ic>*{grid-area:1/1}.mac-row .ic svg{width:16px;height:16px}.mac-row .lab{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mac-row .eject{color:var(--mac-dim);margin-left:auto;display:grid}button.mac-row{cursor:pointer;transition:background-color .12s var(--ease-quart)}button.mac-row:hover{background:#ffffff12}button.mac-row[data-sel=true]:hover{background:var(--mac-sel)}button.mac-row:focus-visible{outline-offset:-2px;border-radius:5px;outline:2px solid #fff}.mac-folder{width:16px;height:16px;display:block}.mac-morph{width:16px;height:16px;display:grid}.mac-morph>*{transition:opacity var(--mac-morph-t,.42s) var(--ease-quint), filter var(--mac-morph-t,.42s) var(--ease-quint);grid-area:1/1}.mac-morph>.from{opacity:1;filter:blur()}.mac-morph>.to,.mac-morph[data-on=true]>.from{opacity:0;filter:blur(1.5px)}.mac-morph[data-on=true]>.to{opacity:1;filter:blur()}.mac-pane{background:var(--mac-win);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:22px 4px;padding:20px 16px;display:grid}.mac-tile{color:var(--mac-text);text-align:center;justify-items:center;gap:5px;font-size:12px;display:grid}.mac-tile .lab{text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:96px;padding:1px 6px;overflow:hidden}.mac-tile[data-sel=true] .lab{background:var(--mac-blue);color:#fff}.mac-tile .mac-tile-ic{border-radius:8px;place-items:center;width:64px;height:64px;display:grid}.mac-tile[data-sel=true] .mac-tile-ic{background:#ffffff1a}.mac-folder-ic{filter:drop-shadow(0 1px 1px #0006);width:60px;height:48px;display:block}.mac-folder-ic .badge{color:#0a2860b8}.mac-note{font-family:var(--mac-font);color:var(--mac-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141416c7;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.mac-note i{background:#30d158;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.mac-zoom{transform:scale(var(--z,1));transform-origin:0 0;width:calc(100% / var(--z,1))}