.gf-root{--gf-px: 0;--gf-py: 0;--gf-ease: cubic-bezier(.2, .8, .2, 1);--gf-spring: cubic-bezier(.34, 1.36, .5, 1);--gf-hinge: 0deg;--gf-lift: 42px;--gf-spread: 0px;--gf-fan: 0deg;--gf-stack: 15px;--gf-ink: #141416;--gf-ink-soft: rgba(20, 20, 22, .55);position:relative;display:inline-block;flex:none;vertical-align:top;font-family:inherit;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;isolation:isolate}.gf-root[data-tone=dark]{--gf-ink: #f5f5f7;--gf-ink-soft: rgba(245, 245, 247, .58)}.gf-root:hover,.gf-root:focus-within{--gf-hinge: -11deg;--gf-lift: -34px;--gf-spread: 8px;--gf-fan: 1.4deg;--gf-stack: 10px}.gf-root[data-open]{z-index:5;--gf-hinge: -24deg;--gf-lift: -96px;--gf-spread: 40px;--gf-fan: 5deg;--gf-stack: 30px}.gf-stage{position:absolute;left:0;top:0;width:340px;height:272px;transform-origin:0 0}.gf-tilt{position:absolute;inset:0;transform:perspective(1400px) rotateX(calc(var(--gf-py) * -3deg)) rotateY(calc(var(--gf-px) * 4deg));transition:transform .9s var(--gf-ease)}.gf-shadow{position:absolute;left:18px;right:18px;bottom:-6px;height:60px;border-radius:40px;background:#10121857;filter:blur(22px);transform:translate(calc(var(--gf-px) * -8px));transition:transform .9s var(--gf-ease),opacity .9s var(--gf-ease)}.gf-root[data-tone=dark] .gf-shadow{background:#0000009e}.gf-back{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#f3f3f4,#e3e3e6)}.gf-root[data-tone=dark] .gf-back{background:linear-gradient(180deg,#2a2a2e,#121214)}.gf-art{position:absolute;left:-12px;top:-12px;max-width:none;-o-object-fit:cover;object-fit:cover;transform:translate(calc(var(--gf-px) * -7px),calc(var(--gf-py) * -6px)) scale(1.02);transition:transform 1.1s var(--gf-ease),opacity 1.2s var(--gf-ease),filter 1.2s var(--gf-ease)}canvas.gf-art{opacity:0;filter:blur(14px) saturate(.6)}canvas.gf-art[data-ready]{opacity:1;filter:none}.gf-back-sheen{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff38,#fff0 22%),radial-gradient(120% 80% at 80% 0%,#ffffff29,#fff0 60%);pointer-events:none}.gf-rim{position:absolute;left:0;top:0;max-width:none;overflow:visible;pointer-events:none;fill:none}.gf-back-rim{width:340px;height:272px}.gf-back-rim path{stroke:#ffffff73;stroke-width:1}.gf-root[data-tone=dark] .gf-back-rim path{stroke:#ffffff29}.gf-files{position:absolute;inset:0;z-index:5;pointer-events:none;clip-path:inset(-400px -400px 10px -400px)}.gf-sheet-slot{display:contents}.gf-sheet{all:unset;box-sizing:border-box;position:absolute;left:34px;top:96px;width:272px;height:184px;border-radius:16px;overflow:hidden;cursor:pointer;pointer-events:auto;background:linear-gradient(180deg,#fff,#f2f2f0);box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000001a,0 10px 26px -8px #0a0c1447;transform-origin:50% 100%;transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)),calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1)) rotate(calc(var(--gf-jr) + var(--gf-slot) * var(--gf-fan)));transition:transform .75s var(--gf-spring) calc(var(--gf-depth) * 40ms),box-shadow .4s var(--gf-ease),translate .9s var(--gf-ease),opacity .9s var(--gf-ease)}.gf-root[data-tone=dark] .gf-sheet{background:linear-gradient(180deg,#2c2c30,#1c1c1f);box-shadow:inset 0 1px #ffffff24,0 0 0 .5px #ffffff14,0 12px 28px -8px #000000b3}.gf-sheet--art{background:#1a1a1d}.gf-root[data-open] .gf-sheet:hover,.gf-root[data-open] .gf-sheet:focus-visible{transform:translate(calc(var(--gf-jx) + var(--gf-slot) * var(--gf-spread)),calc(var(--gf-lift) + var(--gf-depth) * var(--gf-stack) * -1 - 18px)) rotate(calc(var(--gf-slot) * var(--gf-fan) * .6));box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #0000001a,0 22px 40px -12px #0a0c146b;transition-delay:0s}.gf-sheet:focus-visible{outline:2px solid #4c8dff;outline-offset:2px}.gf-sheet-art{position:absolute;left:0;top:0;width:272px;height:184px;max-width:none;-o-object-fit:cover;object-fit:cover;transition:opacity .9s var(--gf-ease),filter .9s var(--gf-ease)}canvas.gf-sheet-art{opacity:0;filter:blur(10px)}canvas.gf-sheet-art[data-ready]{opacity:1;filter:none}.gf-sheet--art:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#0000006b,#0000 34%);box-shadow:inset 0 0 0 1px #fff3;pointer-events:none}.gf-sheet-head{position:absolute;left:14px;right:14px;top:11px;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;white-space:nowrap}.gf-sheet-name{overflow:hidden;text-overflow:ellipsis;font-size:12.5px;font-weight:560;letter-spacing:-.005em;color:#18181b}.gf-sheet-meta{flex:none;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.02em;color:#18181b80}.gf-root[data-tone=dark] .gf-sheet-name,.gf-sheet--art .gf-sheet-name{color:#fafafa}.gf-root[data-tone=dark] .gf-sheet-meta,.gf-sheet--art .gf-sheet-meta{color:#fafafaa8}.gf-lines{position:absolute;left:14px;right:14px;top:40px;display:flex;flex-direction:column;gap:9px}.gf-lines i{display:block;height:5px;border-radius:3px;background:#18181b14}.gf-lines i:first-child{height:9px;margin-bottom:4px;background:#18181b24}.gf-root[data-tone=dark] .gf-lines i{background:#ffffff14}.gf-root[data-tone=dark] .gf-lines i:first-child{background:#ffffff29}.gf-sheet--drop{animation:gf-drop .85s var(--gf-ease) both}@keyframes gf-drop{0%{translate:0 -190px;rotate:-9deg;opacity:0}35%{opacity:1}72%{translate:0 10px;rotate:1deg}to{translate:0 0;rotate:0deg;opacity:1}}.gf-front{position:absolute;left:0;top:74px;width:340px;height:198px;z-index:10;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);transform-origin:50% 100%;transform:perspective(760px) rotateX(var(--gf-hinge));transition:transform .8s var(--gf-spring),translate 1s var(--gf-ease),opacity 1s var(--gf-ease)}.gf-front--bump{animation:gf-bump .7s var(--gf-ease) .38s both}@keyframes gf-bump{0%{scale:1}35%{scale:1.018 .975}70%{scale:.996 1.006}to{scale:1}}.gf-tint{position:absolute;inset:0;background:linear-gradient(180deg,#ffffff29,#ffffff80 42%,#fcfcfced)}.gf-root[data-tone=dark] .gf-tint{background:linear-gradient(180deg,#1212142e,#0e0e109e 46%,#08080af0)}.gf-spec{position:absolute;inset:0;background:radial-gradient(260px 200px at calc(50% + var(--gf-px) * 46%) calc(30% + var(--gf-py) * 40%),#ffffff80,#fff0 70%);mix-blend-mode:soft-light;opacity:.9;transition:background-position .6s var(--gf-ease);pointer-events:none}.gf-root[data-tone=dark] .gf-spec{mix-blend-mode:screen;opacity:.16}.gf-front-rim{width:340px;height:198px}.gf-front-rim path{stroke-width:2.4;transition:stroke-width .3s var(--gf-ease)}.gf-root[data-tone=dark] .gf-front-rim{opacity:.55}.gf-hit{all:unset;position:absolute;inset:0;z-index:1;cursor:pointer}.gf-hit:focus-visible~.gf-label .gf-title{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}.gf-front:has(.gf-hit:focus-visible) .gf-front-rim path{stroke-width:5}.gf-label{position:absolute;z-index:2;display:flex;flex-direction:column;gap:4px;max-width:200px;pointer-events:none;color:var(--gf-ink)}.gf-root[data-place=bottom-left] .gf-label{left:28px;bottom:32px}.gf-root[data-place=bottom-right] .gf-label{right:28px;bottom:32px;max-width:220px}.gf-root[data-place=top-left] .gf-label{left:28px;top:34px}.gf-root[data-place=top-right] .gf-label{right:32px;top:52px;align-items:flex-start}.gf-title{font-size:18px;font-weight:500;line-height:1.15;letter-spacing:-.012em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf-meta{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.03em;color:var(--gf-ink-soft);white-space:nowrap;animation:gf-roll .5s var(--gf-ease) both}@keyframes gf-roll{0%{opacity:0;translate:0 7px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}.gf-key{all:unset;box-sizing:border-box;position:absolute;right:22px;bottom:22px;z-index:12;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--gf-spring),box-shadow .35s var(--gf-ease),background .35s var(--gf-ease)}.gf-key:hover{transform:translateY(-2px)}.gf-key:active{transform:translateY(0) scale(.93);transition-duration:.12s}.gf-key:focus-visible{outline:2px solid #4c8dff;outline-offset:3px}.gf-key--add,.gf-key--toggle{color:#fff;background:radial-gradient(120% 90% at 50% 0%,#3a3a3f,#121214 55%,#050506);box-shadow:inset 0 1px #ffffff38,inset 0 -3px 8px #000000b3,0 0 0 1px #000000bf,0 14px 22px -8px #0000008c,0 3px 6px -2px #00000059}.gf-root[data-tone=dark] .gf-key--add{color:#111113;background:radial-gradient(120% 90% at 50% 0%,#fff,#ececee 55%,#d2d2d6);box-shadow:inset 0 1px #fff,inset 0 -3px 8px #00000024,0 0 0 1px #0006,0 14px 22px -8px #000000b3}.gf-key--more{color:#111113;background:linear-gradient(180deg,#ffffffeb,#e2e2e6d1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff,inset 0 -2px 4px #0000000f,0 0 0 1px #00000029,0 10px 18px -8px #0000004d}.gf-root[data-tone=dark] .gf-key--more{color:#f5f5f7;background:linear-gradient(180deg,#ffffff29,#ffffff0f);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff1a,0 10px 18px -8px #0009}.gf-key--more[aria-expanded=true]{transform:scale(.96)}.gf-glyph{display:block;max-width:none;fill:none;stroke:currentColor;stroke-linecap:round}.gf-glyph--plus{width:26px;height:26px;stroke-width:1.6;animation:gf-turn .6s var(--gf-spring)}.gf-glyph--more{width:30px;height:12px;stroke-width:1.7}@keyframes gf-turn{0%{rotate:-90deg}to{rotate:0deg}}.gf-key--toggle{width:52px;height:52px;border-radius:16px}.gf-key--toggle .gf-glyph--plus{transition:transform .45s var(--gf-spring)}.gf-root[data-open] .gf-key--toggle .gf-glyph--plus{transform:rotate(45deg)}.gf-root[data-place=bottom-right] .gf-key,.gf-root[data-place=top-right] .gf-key{right:auto;left:22px}.gf-root[data-place=bottom-right] .gf-menu,.gf-root[data-place=top-right] .gf-menu{right:auto;left:22px;transform-origin:0 100%}.gf-title--link{margin:0;white-space:normal;line-height:1.3}.gf-title--link a{pointer-events:auto;position:relative;z-index:3;color:inherit;text-decoration:none}.gf-title--link a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.gf-title--link a:focus-visible{outline:2px solid #4c8dff;outline-offset:3px;border-radius:4px}.gf-menu{position:absolute;right:22px;bottom:90px;z-index:20;min-width:176px;padding:6px;border-radius:16px;display:flex;flex-direction:column;background:#fcfcfdb8;-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:inset 0 1px #ffffffe6,0 0 0 .5px #00000024,0 24px 48px -16px #0a0c1466;transform-origin:100% 100%;opacity:0;visibility:hidden;transform:translateY(6px) scale(.94);transition:opacity .2s var(--gf-ease),transform .32s var(--gf-spring),visibility 0s .32s}.gf-menu[data-open]{opacity:1;visibility:visible;transform:none;transition-delay:0s}.gf-root[data-tone=dark] .gf-menu{background:#1e1e22b8;box-shadow:inset 0 1px #ffffff1a,0 0 0 .5px #ffffff1a,0 24px 48px -16px #000c}.gf-menu-item{all:unset;box-sizing:border-box;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:450;color:#18181b;cursor:pointer}.gf-root[data-tone=dark] .gf-menu-item{color:#f4f4f5}.gf-menu-item:hover,.gf-menu-item:focus-visible{background:#18181b12}.gf-root[data-tone=dark] .gf-menu-item:hover,.gf-root[data-tone=dark] .gf-menu-item:focus-visible{background:#ffffff17}.gf-menu-item--danger{color:#d92d20}.gf-root[data-tone=dark] .gf-menu-item--danger{color:#ff6b5e}.gf-root[data-armed] .gf-back,.gf-root[data-armed] .gf-back-rim{translate:0 22px;opacity:0}.gf-root[data-armed] .gf-sheet{translate:0 -120px;opacity:0}.gf-root[data-armed] .gf-front{translate:0 46px;opacity:0}.gf-root[data-armed] .gf-key{opacity:0;scale:.6}.gf-root[data-armed] .gf-shadow{opacity:0}.gf-back,.gf-back-rim{transition:translate 1s var(--gf-ease),opacity .9s var(--gf-ease)}.gf-root[data-entered] .gf-sheet{transition-delay:calc(var(--gf-depth) * 40ms),0s,calc(.18s + var(--gf-depth) * 90ms),calc(.18s + var(--gf-depth) * 90ms)}.gf-root[data-entered] .gf-front{transition-delay:0s,.42s,.42s}.gf-key{transition:transform .35s var(--gf-spring),box-shadow .35s var(--gf-ease),opacity .6s var(--gf-ease) .7s,scale .7s var(--gf-spring) .7s}@media (prefers-reduced-motion: reduce){.gf-root *,.gf-root *:before,.gf-root *:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.gf-tilt{transform:none}}
