@property --g-px{syntax:"<length>";inherits:true;initial-value:12px}@property --g-pt{syntax:"<length>";inherits:true;initial-value:34px}@property --g-pb{syntax:"<length>";inherits:true;initial-value:12px}@property --g-radius{syntax:"<length>";inherits:true;initial-value:14px}.g-page{padding-block:var(--s-7) var(--s-8);overflow-x:clip}.g-head{width:100%;max-width:calc(var(--measure) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.g-head h1{font-size:var(--t-h1);letter-spacing:-.02em;line-height:1.2}.g-lede{margin-top:var(--s-2);color:var(--text-2)}.g-hint{text-wrap:balance;margin-top:var(--s-4);color:var(--text-3);letter-spacing:.03em}.g-hint[hidden]{visibility:hidden;display:block}.g-hint-touch{display:none}@media (hover:none),(pointer:coarse){.g-hint-fine{display:none}.g-hint-touch{display:inline}}@media (width>=640px){.g-page{padding-block:var(--s-9) var(--s-9)}}.g-grid{--row-h:clamp(200px, 11vw + 140px, 460px);--g-gap:12px;--g-px:12px;--g-pt:34px;--g-pb:12px;--g-radius:14px;align-items:flex-start;column-gap:var(--g-gap);margin:var(--s-7) var(--gutter) 0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;flex-wrap:wrap;display:flex;position:relative}@media (width<=639.98px){.g-grid{--row-h:200px;--g-gap:8px}}.g-tile{flex:var(--r) 1 calc(var(--r) * var(--row-h) + 2 * var(--g-px));min-width:0;margin-bottom:var(--g-gap);border-radius:var(--g-radius);-webkit-tap-highlight-color:transparent;position:relative}.g-grid.is-laid{display:block}.g-grid.is-laid .g-tile{transform-origin:0 0;margin:0;position:absolute}.g-grid .g-tile .fig-frame,.ql .ql-stage .fig-frame{box-shadow:none;background:0 0;border-radius:0;padding:0}.g-grid .g-tile .fig-art,.ql .ql-stage .fig-art{padding:var(--g-pt) var(--g-px) var(--g-pb);border-radius:var(--g-radius);background-color:var(--surface);background-image:radial-gradient(var(--fig-dot) .75px, transparent .8px);box-shadow:var(--shadow-hair);transition:box-shadow .18s var(--ease-out);background-size:6px 6px}.g-grid .g-tile .fig-art svg,.ql .ql-stage .fig-art svg{width:100%;max-width:none}.g-grid .g-tile .fig-tag{top:11px;left:calc(var(--g-px) + 1px)}.g-grid .g-tile .fig-toggle{z-index:2;top:5px;right:6px}.g-grid .g-tile figcaption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:36px;margin-top:8px;padding-inline:2px;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.g-grid[data-compact] .fig-tag,.g-grid[data-compact] .fig-toggle{visibility:hidden}.g-grid[data-compact] figcaption{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.g-grid.is-moving .fig-frame svg *,.g-grid[data-compact] .fig-frame svg *{animation-play-state:paused!important}.g-hit{z-index:1;width:100%;height:var(--art-h,100%);border-radius:var(--g-radius);cursor:default;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){.g-hit{pointer-events:none}}.g-hit:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--g-radius)}.g-tile:after{content:"";z-index:3;width:calc(100% + 10px);height:calc(var(--art-h,100%) + 10px);border:2px solid var(--accent);border-radius:calc(var(--g-radius) + 5px);opacity:0;pointer-events:none;transition:opacity .12s var(--ease-out), scale .18s var(--spring-quick);position:absolute;top:-5px;left:-5px;scale:.985}.g-grid[data-compact] .g-tile:after{width:calc(100% + 8px);height:calc(var(--art-h,100%) + 8px);border-radius:calc(var(--g-radius) + 4px);border-width:1.5px;top:-4px;left:-4px}.g-tile.is-selected:after{opacity:1;scale:1}.g-grid .g-tile figcaption{transition:opacity .15s var(--ease-out)}.g-tile.is-lifted .fig-art{box-shadow:var(--shadow-float)}.g-grid .g-tile.is-lifted figcaption,.g-grid .g-tile.is-lifted .fig-toggle{opacity:0}.g-count{z-index:4;min-width:22px;height:22px;font-family:var(--font-mono);text-align:center;color:var(--on-accent);background:var(--accent);border-radius:11px;padding:0 6px;font-size:12px;line-height:22px;position:absolute;top:-9px;right:-9px;box-shadow:0 2px 6px -2px #1342ff80}.g-grid.is-dragging,.g-grid.is-dragging .g-hit,.g-grid.is-dragging .fig-art{cursor:grabbing}.g-tile.is-out:after{opacity:0}.g-marquee{z-index:60;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);pointer-events:none;border-radius:4px;position:absolute}.g-dock{--g-icon:#6e6e73;--g-text-2:#56565b;--g-track:#14142824;z-index:30;bottom:max(var(--gutter), env(safe-area-inset-bottom));height:34px;color:var(--g-icon);background:rgb(var(--glass-tint) / var(--glass-alpha));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:inset 0 0 0 1px var(--glass-edge), var(--glass-shadow);opacity:0;pointer-events:none;transition:opacity .24s var(--ease-out), translate .32s var(--spring-quick);border-radius:12px;align-items:center;gap:2px;padding:0 3px;display:flex;position:fixed;left:50%;translate:-50% 8px}html[data-theme=dark] .g-dock{--g-icon:#98989d;--g-text-2:#b1b1b6;--g-track:#ffffff29}@media (pointer:coarse){.g-dock:not(.has-reset),.g-dock .g-dock-btn,.g-dock .g-zoom,.g-dock .g-dock-text:before{display:none}.g-dock .g-dock-text{margin-left:0}}.g-dock.is-shown{opacity:1;pointer-events:auto;translate:-50%}.g-dock-btn{width:28px;height:28px;transition:color .2s var(--ease-out), background-color .2s var(--ease-out), scale var(--dur-quick) var(--spring-quick);border-radius:9px;place-items:center;display:grid}.g-dock-btn svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.g-dock-btn:active,.g-dock-text:active{scale:.92}@media (hover:hover) and (pointer:fine){.g-dock-btn:hover,.g-dock-text:hover{color:var(--text)}}.g-zoom{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:112px;height:28px;margin:0 4px}.g-zoom::-webkit-slider-runnable-track{background:var(--g-track);border-radius:1px;height:2px}.g-zoom::-moz-range-track{background:var(--g-track);border-radius:1px;height:2px}.g-zoom::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-6px;box-shadow:0 0 0 .5px #14142838,0 1px 3px #14142833}.g-zoom::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 .5px #14142838,0 1px 3px #14142833}.g-zoom:focus-visible{outline-offset:0;border-radius:8px}.g-dock-text{height:28px;color:var(--g-text-2);white-space:nowrap;transition:color .2s var(--ease-out), scale var(--dur-quick) var(--spring-quick);border-radius:9px;margin-left:7px;padding:0 9px;font-size:13px;position:relative}.g-dock-text:before{content:"";background:var(--g-track);width:1px;position:absolute;top:7px;bottom:7px;left:-4px}.g-dock-text[hidden]{display:none}html.ql-open{overflow:hidden}.ql{--g-px:20px;--g-pt:40px;--g-pb:20px;--g-radius:18px;width:100%;max-width:none;height:100%;max-height:none;color:var(--text);touch-action:none;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.ql::backdrop{background:0 0}.ql-scrim{background:color-mix(in srgb, var(--bg) 90%, transparent);backdrop-filter:blur(14px)saturate(1.2);position:absolute;inset:0}.ql-stage{position:absolute;inset:0}.ql .ql-stage .fig-frame{transform-origin:0 0;position:absolute}.ql .ql-stage .fig-tag{top:14px;left:21px}.ql .ql-stage .fig-toggle{top:8px;right:10px}.ql .ql-stage figcaption{max-width:80ch;margin-top:var(--s-3);padding-inline:2px;font-size:13px;line-height:1.55}.ql .ql-stage .fig-frame.ql-landing .fig-tag{top:11px;left:calc(var(--g-px) + 1px)}.ql .ql-stage .fig-frame.ql-landing .fig-toggle{top:5px;right:6px}.ql .ql-stage .fig-frame.ql-landing figcaption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:none;height:36px;margin-top:8px;padding-inline:2px;font-size:12px;line-height:18px;display:-webkit-box;overflow:hidden}.ql .ql-stage .fig-frame.ql-landing.is-compact .fig-tag,.ql .ql-stage .fig-frame.ql-landing.is-compact .fig-toggle{visibility:hidden}.ql .ql-stage .fig-frame.ql-landing.is-compact figcaption{display:none}.ql-bar{z-index:2;align-items:center;gap:var(--s-3);height:56px;padding:0 var(--gutter);display:flex;position:absolute;top:0;left:0;right:0}.ql-title{min-width:0;font-size:var(--t-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ql-count{color:var(--text-3);flex:none}.ql-close{height:30px;color:var(--text-2);transition:color .2s var(--ease-out), scale var(--dur-quick) var(--spring-quick);border-radius:9px;align-items:center;gap:8px;margin-left:auto;padding:0 6px 0 10px;font-size:13px;display:inline-flex}.ql-key{color:var(--text-2);box-shadow:0 0 0 1px var(--line-strong);border-radius:5px;padding:1px 5px;font-size:11px;line-height:16px}@media (hover:none),(pointer:coarse){html:not(.kbd) .ql-key{display:none}}.ql-nav{z-index:2;width:40px;height:40px;color:var(--text-2);transition:color .2s var(--ease-out), background-color .2s var(--ease-out), scale var(--dur-quick) var(--spring-quick);border-radius:12px;place-items:center;margin-top:-20px;display:grid;position:absolute;top:50%}.ql-prev{left:var(--gutter)}.ql-prev .micro{scale:-1 1}.ql-next{right:var(--gutter)}.ql-close:active,.ql-nav:active{scale:.94}@media (hover:hover) and (pointer:fine){.ql-close:hover,.ql-nav:hover{color:var(--text)}.ql-nav:hover{background-color:color-mix(in srgb, var(--text) 5%, transparent)}}@media (width<=639.98px){.ql{--g-px:12px;--g-pt:36px;--g-pb:12px;--g-radius:14px}.ql-nav{top:auto;bottom:max(var(--s-4), env(safe-area-inset-bottom));margin-top:0}.ql-key{display:none}}
