:root{--intro-perspective:800px;--intro-tilt-y:-8deg;--intro-tilt-left:-8deg;--intro-tilt-right:8deg;--ground:#fff;--ink:#202020;--ink-inverse:#fcfcfc;--ink-muted:#0000008f;--ink-faint:#00000045;--line:#0000001f;--hairline:#00000014;--fill:#0000000a;--fill-hover:#00000014;--fill-pressed:#0000001f;--skeleton:#0000000a;--canvas:#00000008;--scrim:#0006;--veil:#000000c7;--overlay:#ffffffeb;--overlay-inverse:#fcfcfc33;--hairline-inverse:#fcfcfc29;--ink-inverse-muted:#fcfcfcb8;--ink-inverse-faint:#fcfcfc66;--destructive:#c5443e;--google-blue:#4285f4;--google-green:#34a853;--google-yellow:#fbbc05;--google-red:#ea4335;--font-ui:"Hanken Grotesk", -apple-system, "SF Pro Text", sans-serif;--font-display:"Source Serif 4", Georgia, serif;--text-micro:400 11px/1.2 var(--font-ui);--text-caption:400 14px/1.5 var(--font-ui);--text-body:400 16px/1.5 var(--font-ui);--text-emphasis:500 16px/1.5 var(--font-ui);--text-control:500 14px/1.43 var(--font-ui);--text-section:500 18px/1.3 var(--font-ui);--text-lead:400 16px/1.5 var(--font-ui);--text-note:400 16px/1.4 var(--font-display);--text-title:600 20px/1.2 var(--font-ui);--text-display:600 24px/1.2 var(--font-ui);--text-wordmark:400 15px/1.35 var(--font-display);--text-intro:400 28px/1.214 var(--font-display);--tracking-title:-.01em;--tracking-micro:.14em;--tracking-wordmark:.27em;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--screen-x:16px;--gutter:8px;--r-card:8px;--r-sheet:4px;--r-focal:16px;--r-input:12px;--r-pill:9999px;--h-pill:40px;--h-chip:28px;--h-row:56px;--h-fab:56px;--w-grabber:36px;--h-grabber:4px;--h-corner:32px;--tile-gap:3px;--shadow-fab:0 8px 24px #14141438;--shadow-sheet:0 -8px 40px #1414141f;--duration-fade:.15s;--duration-enter:.24s;--duration-exit:.14s;--duration-reveal:.6s;--duration-breath:1.1s;--stagger:40ms;--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--press-scale:.97;--press-opacity:.68;--focus-ring:0 0 0 2px var(--ground), 0 0 0 4px var(--ink);--disabled-opacity:.4}:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}dialog,[data-sheet]{overscroll-behavior:contain}h1,h2,h3{text-wrap:balance}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--w-sidebar:220px;--gap-sidebar:32px;--w-panel:320px;--col-min:240px;--col-max:340px;--bp-desktop:900px}@media (width>=900px){:root{--gutter:12px;--h-pill:28px}}@font-face{font-family:Hanken Grotesk;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/HankenGrotesk-Regular.ttf)format("truetype")}@font-face{font-family:Hanken Grotesk;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/HankenGrotesk-Medium.ttf)format("truetype")}@font-face{font-family:Hanken Grotesk;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/HankenGrotesk-SemiBold.ttf)format("truetype")}@font-face{font-family:"Source Serif 4";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/SourceSerif4-Regular.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}body{background:var(--ground);min-height:100svh;color:var(--ink);font:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}::view-transition-old(root){animation-duration:var(--duration-fade)}::view-transition-new(root){animation-duration:var(--duration-fade)}.shell{min-height:100svh}.sidebar{width:var(--w-sidebar);padding:var(--space-16);gap:var(--space-32);background:var(--ground);z-index:6;transition:width var(--duration-enter) var(--ease-sheet), padding var(--duration-enter) var(--ease-sheet);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{justify-content:space-between;align-items:center;gap:var(--space-8);min-height:28px;display:flex}.sidebar-toggle{border-radius:var(--r-pill);width:28px;height:28px;color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fade) var(--ease-out), background var(--duration-fade) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle:hover{background:var(--fill);color:var(--ink)}.sidebar-nav{gap:var(--space-4);justify-items:start;display:grid}.sidebar-link{font:var(--text-caption);color:var(--ink-muted);padding:var(--space-4) 0;cursor:pointer;text-align:left;transition:color var(--duration-fade) var(--ease-out), background var(--duration-fade) var(--ease-out);background:0 0;border:0}.sidebar-link:hover,.sidebar-link[aria-current=page]{color:var(--ink)}.sidebar-nav .sidebar-link{position:relative}.sidebar-nav .sidebar-link:before{content:"";background:var(--ink);opacity:0;width:5px;height:5px;transition:opacity var(--duration-fade) var(--ease-in-out), transform var(--duration-enter) var(--ease-out);margin-top:-2.5px;position:absolute;top:50%;left:-10px;transform:scale(.35)}.sidebar-nav .sidebar-link[aria-current=page]:before{opacity:1;transition:opacity var(--duration-enter) var(--ease-out) var(--duration-fade), transform var(--duration-reveal) var(--ease-sheet) var(--duration-fade);transform:none}.sidebar-foot{gap:var(--space-8);margin-top:auto;display:grid}.sidebar-account{align-items:center;min-height:28px;display:flex;position:relative}.sidebar-account-button{border-radius:var(--r-pill);align-items:center;gap:var(--space-8);max-width:100%;height:28px;font:var(--text-caption);color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fade) var(--ease-out);background:0 0;border:0;padding:0;display:inline-flex}.sidebar-account-button:hover,.sidebar-account-button[aria-expanded=true]{color:var(--ink)}.sidebar-account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-avatar{border-radius:var(--r-pill);object-fit:cover;background:var(--fill);width:28px;height:28px;font:var(--text-caption);color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.account-menu{bottom:calc(100% + var(--space-8));min-width:180px;padding:var(--space-4);border-radius:var(--r-input);background:var(--ground);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-sheet);display:grid;position:absolute;left:0}.account-menu .menu-item{align-items:center;display:flex}.content{--w-content:1600px;margin-left:calc(var(--w-sidebar) + var(--gap-sidebar));padding:var(--space-16) var(--space-16) calc(var(--h-fab) + var(--space-48) * 2) 0;grid-template-columns:minmax(0, var(--w-content));transition:margin-left var(--duration-enter) var(--ease-sheet), padding-left var(--duration-enter) var(--ease-sheet);place-content:start center;display:grid}.shell[data-sidebar] :is(.dock,.panel,.panel-scrim){transition:left var(--duration-enter) var(--ease-sheet)}@media (width>=900px){.shell[data-sidebar=rail]{--w-sidebar:56px}.shell[data-sidebar=rail] .sidebar{padding-inline:var(--space-12);align-items:center}.shell[data-sidebar=rail] .sidebar-head{gap:var(--space-16);flex-direction:column}.shell[data-sidebar=rail] .sidebar-nav{gap:var(--space-16);justify-items:center}.shell[data-sidebar=rail] .sidebar-link{border-radius:var(--r-pill);justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.shell[data-sidebar=rail] .sidebar-link:hover{background:var(--fill)}.shell[data-sidebar=rail] .sidebar-nav .sidebar-link:before,.shell[data-sidebar=rail] .sidebar-foot{display:none}.shell[data-sidebar=rail] .sidebar-account{justify-content:center}}.content-head{align-items:center;gap:var(--space-8) var(--space-16);min-height:36px;margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.head-words{gap:var(--space-4);min-width:0;display:grid}@media (width<=899px){.sidebar{justify-content:space-between;align-items:center;gap:var(--space-16);width:auto;height:56px;padding:0 var(--screen-x);flex-direction:row;transition:none;position:sticky;inset:0 auto auto}.sidebar-toggle{display:none}.sidebar-nav{gap:var(--space-16);display:flex}.sidebar-foot{display:none}.account-menu{top:calc(100% + var(--space-8));bottom:auto;left:auto;right:0}.content{padding:var(--space-8) var(--screen-x) calc(var(--h-fab) + var(--space-48) * 2);margin-left:0}}.card-visual{border-radius:var(--r-card);background-color:var(--skeleton);box-shadow:inset 0 0 0 1px var(--hairline);background-position:50%;background-size:cover;position:relative;overflow:hidden}.card-visual img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--duration-enter) var(--ease-out);display:block}.card-visual img.loaded{opacity:1}.card-matte{background-color:var(--canvas);padding:var(--space-16);align-content:center;display:grid}.matte-sheet{background:var(--ground);border-radius:var(--r-sheet);box-shadow:inset 0 0 0 1px var(--hairline);padding:var(--space-12) var(--space-12) var(--space-16);font:var(--text-note);color:var(--ink);overflow-wrap:anywhere}.matte-sheet span{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.matte-tab{background:var(--ground);border-radius:var(--r-input);box-shadow:inset 0 0 0 1px var(--hairline);padding:var(--space-12);gap:var(--space-8);display:grid}.matte-tab-row{align-items:center;gap:var(--space-8);min-width:0;display:flex}.matte-mark{border-radius:var(--r-pill);background:var(--fill);width:22px;height:22px;font:var(--text-control);color:var(--ink);flex-shrink:0;place-items:center;display:grid}.matte-host{font:var(--text-caption);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.matte-title{font:var(--text-caption);color:var(--ink);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.panel-focal.matte{aspect-ratio:1;width:min(100%,520px);padding:var(--space-32);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);align-content:center;display:grid}.card-link{transition:transform var(--duration-fade) var(--ease-out);display:block}.card-link:active{transform:scale(var(--press-scale))}.card-more{top:var(--space-8);right:var(--space-8);opacity:0;transition:opacity var(--duration-fade) var(--ease-out);position:absolute}.card:hover .card-more,.card:focus-within .card-more,.card-more[aria-expanded=true]{opacity:1}@media (hover:none){.card-more{opacity:1}}.menu{top:calc(var(--space-8) + 28px);right:var(--space-8);min-width:180px;padding:var(--space-4);border-radius:var(--r-input);background:var(--ground);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-sheet);z-index:3;display:grid;position:absolute}.menu-item{min-height:44px;padding:0 var(--space-12);border-radius:var(--space-8);text-align:left;font:var(--text-caption);color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.menu-item:hover{background:var(--fill-hover)}.dock{left:calc(var(--w-sidebar) + var(--gap-sidebar));right:0;bottom:var(--space-24);pointer-events:none;z-index:4;justify-content:center;display:flex;position:fixed}.dock-pill{pointer-events:auto;height:var(--h-fab);border-radius:var(--r-pill);background:var(--ground);width:116px;box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-fab);padding:var(--space-4);align-items:center;gap:var(--space-4);transition:width var(--duration-enter) var(--ease-sheet);display:flex}.dock-pill.open{width:min(560px, calc(100% - var(--space-32)))}.dock-well{border-radius:var(--r-pill);cursor:pointer;width:48px;height:48px;transition:opacity var(--duration-fade) var(--ease-out), transform var(--duration-fade) var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dock-well:hover{background:var(--fill)}.dock-well.plus,.dock-well.plus:hover{background:var(--ink)}.dock-well:active{transform:scale(var(--press-scale))}.dock-field{min-width:0;height:100%;font:var(--text-body);opacity:0;width:0;transition:opacity var(--duration-fade) var(--ease-out);background:0 0;border:0;outline:none;flex:1;padding:0}.dock-pill.open .dock-field{opacity:1;width:auto;padding:0 var(--space-8)}.dock-field::placeholder{color:var(--ink-faint)}@media (width<=899px){.dock{left:0}}.dock-hidden{display:none}.content.with-panel{padding-left:calc(var(--w-panel) + var(--gap-sidebar))}.content.with-panel .grid-stage{opacity:.3;filter:blur(2px);transition:opacity var(--duration-enter) var(--ease-out), filter var(--duration-enter) var(--ease-out)}.grid-stage{transition:opacity var(--duration-exit) var(--ease-out), filter var(--duration-exit) var(--ease-out)}.panel{top:0;bottom:0;left:calc(var(--w-sidebar) + var(--gap-sidebar));width:var(--w-panel);padding:var(--space-16) var(--space-16) var(--space-32) 0;background:var(--ground);align-content:start;gap:var(--space-32);z-index:5;display:grid;position:fixed;overflow-y:auto}.panel-scrim{top:0;bottom:0;right:0;left:calc(var(--w-sidebar) + var(--gap-sidebar) + var(--w-panel));z-index:4;padding:var(--space-32);place-items:center;display:grid;position:fixed}.panel-focal{max-width:min(100%,900px);max-height:calc(100svh - var(--space-48) * 2);border-radius:var(--r-focal);box-shadow:var(--shadow-sheet);object-fit:contain;background:var(--ground);cursor:default}.panel-close,.panel-step{border-radius:var(--r-pill);background:var(--fill);cursor:pointer;border:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.panel-close:hover,.panel-step:hover{background:var(--fill-hover)}.panel-step:disabled{opacity:var(--disabled-opacity);cursor:default}.panel-note{resize:none;width:100%;font:var(--text-note);color:var(--ink);background:0 0;border:0;outline:none;padding:0}.panel-note::placeholder{color:var(--ink-faint)}.panel-note-read{cursor:text;text-align:left;width:100%;min-height:24px;font:inherit;background:0 0;border:0;padding:0}.panel-note-read:hover{opacity:var(--press-opacity)}.row-button{height:var(--h-row);width:calc(100% + 2 * var(--space-12));margin-inline:calc(-1 * var(--space-12));justify-content:space-between;align-items:center;gap:var(--space-16);padding:0 var(--space-12);border-radius:var(--r-input);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.row-button:hover{background:var(--fill)}.pill-button{transition:transform var(--duration-fade) var(--ease-out), background var(--duration-fade) var(--ease-out)}.pill-button:active{transform:scale(var(--press-scale))}.pill-button.idle:hover{background:var(--fill-hover)}.text-link{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.2em}.text-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.hit-44{position:relative}.hit-44:after{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width<=899px){.content.with-panel{padding-left:var(--screen-x)}.panel{width:auto;padding:var(--space-16) var(--screen-x) var(--space-48);top:56px;left:0;right:0}.panel-scrim{display:none}}dialog.sheet{width:min(100%,520px);max-height:calc(100svh - var(--space-48));border-radius:var(--r-focal);background:var(--ground);color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline), var(--shadow-sheet);border:0;margin:auto;padding:0}dialog.sheet::backdrop{background:var(--scrim)}dialog.confirm{width:min(100%,360px)}.drop-zone{border-radius:var(--r-input);background:var(--fill);text-align:center;place-content:center;justify-items:center;gap:var(--space-4);min-height:120px;padding:var(--space-16);cursor:pointer;transition:background var(--duration-fade) var(--ease-out);display:grid}.drop-zone:hover,.drop-zone.over{background:var(--fill-hover)}.thumb-strip{gap:var(--space-8);flex-wrap:wrap;display:flex}.thumb{border-radius:var(--space-8);background:var(--skeleton);width:64px;height:64px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb button{border-radius:var(--r-pill);background:var(--overlay);cursor:pointer;border:0;place-content:center;width:20px;height:20px;display:grid;position:absolute;top:2px;right:2px}@media (width<=899px){dialog.sheet{border-radius:var(--r-focal) var(--r-focal) 0 0;width:100%;max-width:none;margin:auto 0 0}}.toast{left:50%;bottom:calc(var(--h-fab) + var(--space-48));padding:var(--space-8) var(--space-16);border-radius:var(--r-pill);background:var(--ink);color:var(--ink-inverse);font:var(--text-caption);z-index:6;animation:rise var(--duration-enter) var(--ease-out);position:fixed;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.fade-in{animation:fade var(--duration-enter) var(--ease-out)}.skeleton-block{background:var(--skeleton);border-radius:var(--r-card);animation:skeleton-pulse calc(var(--duration-reveal) * 2) var(--ease-in-out) infinite}@keyframes skeleton-pulse{50%{opacity:.55}}@keyframes fade{0%{opacity:0}}.panel-inline-focal{display:none}@media (width<=899px){.panel-inline-focal{display:block}.panel-inline-focal .panel-focal{width:100%;max-height:60svh;box-shadow:none;border-radius:var(--r-card)}}.guide-page{max-width:65ch;padding:var(--space-32) var(--screen-x) var(--space-48);gap:var(--space-24);font:var(--text-body);overflow-wrap:anywhere;margin-inline:auto;display:grid}.guide-page h1{font:var(--text-display);letter-spacing:var(--tracking-title);text-wrap:balance;margin:0}.guide-page h2{font:var(--text-section);margin:0}.guide-page p{margin:0}.guide-page article{gap:var(--space-32);display:grid}.guide-page section{gap:var(--space-8);display:grid}.guide-page .guide-lead{color:var(--ink-muted)}.guide-page nav{gap:var(--space-16);flex-wrap:wrap;display:flex}.guide-page a{color:var(--ink-muted);text-underline-offset:.2em;text-decoration:underline}.guide-page a:hover{color:var(--ink)}.guide-page h2 a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.guide-page h2 a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.guide-example{font:var(--text-body);white-space:pre-wrap;padding:var(--space-16);background:var(--fill);border-radius:var(--r-card);margin:0}.sign-in{background:var(--ground);grid-template-rows:auto 1fr;min-height:100svh;display:grid}.sign-in-form{justify-items:center;gap:var(--space-24);padding:var(--space-24) var(--screen-x) var(--space-32);order:2;grid-template-rows:auto 1fr auto;display:grid}.sign-in-head{width:min(100%,380px);padding:0 var(--screen-x);justify-self:center}.sign-in-form>form{align-self:center}.sign-in-foot{width:min(100%,380px);padding:0 var(--screen-x);justify-self:center}.sign-in-foot .text-link{color:var(--ink-muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.15em}.sign-in-panel{height:36svh;min-height:200px;margin:var(--space-12) var(--space-12) 0;border-radius:var(--r-focal);background:var(--fill);order:1;position:relative;overflow:hidden}.sign-in-photo{object-fit:cover;object-position:center 62%;opacity:0;width:100%;height:100%;transition:opacity var(--duration-enter) var(--ease-out);display:block;position:absolute;inset:0}.sign-in-photo.is-loaded{opacity:1}@media (width>=900px){.sign-in{grid-template-rows:none;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.sign-in-form{padding:var(--space-32) var(--space-48) var(--space-32);order:1}.sign-in-head,.sign-in-foot{padding:0}.sign-in-panel{height:auto;min-height:0;margin:var(--space-12) var(--space-12) var(--space-12) 0;order:2}}