@layer components{._3MJHGG_blob{--look-x:.35;--look-y:.25;--blob:2.375rem;justify-content:center;align-items:center;gap:calc(var(--blob) * .04);inline-size:var(--blob);block-size:var(--blob);background:radial-gradient(ellipse 30% 20% at 30% 20%, oklch(100% 0 0/.7), oklch(100% 0 0/0) 100%), var(--color-action);box-shadow:inset 0 calc(var(--blob) * -.08) calc(var(--blob) * .12) calc(var(--blob) * -.03) var(--color-action-shade), 0 calc(var(--blob) * .1) calc(var(--blob) * .22) calc(var(--blob) * -.08) oklch(18% .1 257/.5);transition:scale var(--duration-spring) var(--ease-spring), rotate var(--duration-spring) var(--ease-spring);border-radius:50%;flex:none;padding-block-end:calc(var(--blob) * .06);display:inline-flex}._3MJHGG_blob[data-size=lg]{--blob:6.5rem}._3MJHGG_blob[data-mood=alert]{scale:1.08}._3MJHGG_blob[data-mood=happy]{animation:_3MJHGG_hop .64s var(--ease-out)}@keyframes _3MJHGG_hop{0%{translate:0;scale:1}18%{scale:1.08 .9}52%{translate:0 calc(var(--blob) * -.22);scale:.96 1.06}78%{translate:0;scale:1.06 .94}to{translate:0;scale:1}}._3MJHGG_eye{inline-size:calc(var(--blob) * .36);block-size:calc(var(--blob) * .4);border:calc(var(--blob) * .035) solid var(--sticker-ink);clip-path:inset(0);transition:scale .12s var(--ease-out), translate .16s var(--ease-out), clip-path .16s var(--ease-out), border-width .16s var(--ease-out), background-color .12s var(--ease-out);background:oklch(100% 0 0);border-radius:50%;animation:5.6s ease-in-out infinite _3MJHGG_blink;display:block;position:relative}._3MJHGG_blob[data-mood=alert] ._3MJHGG_eye{animation:none;scale:1.12 1.22}._3MJHGG_blob[data-mood=happy] ._3MJHGG_eye,._3MJHGG_blob[data-mood=wink] ._3MJHGG_eye:last-child{border-width:calc(var(--blob) * .06);clip-path:inset(0 0 50%);background:0 0;animation:none;translate:0 12%}@keyframes _3MJHGG_blink{0%,93.5%,to{scale:1}95.5%,97.5%{scale:1 .1}}._3MJHGG_pupil{background:var(--sticker-ink);block-size:48%;inline-size:52%;translate:calc(-50% + var(--look-x) * 42%) calc(-50% + var(--look-y) * 42%);transition:translate .26s var(--ease-out), scale .2s var(--ease-out), opacity .12s var(--ease-out);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:50%}._3MJHGG_pupil:after{content:"";background:oklch(100% 0 0/.9);border-radius:50%;block-size:30%;inline-size:30%;position:absolute;inset-block-start:18%;inset-inline-start:22%}._3MJHGG_blob:not([data-follow]) ._3MJHGG_pupil{animation:_3MJHGG_glance 6s var(--ease-out) infinite}._3MJHGG_blob[data-mood=alert] ._3MJHGG_pupil{animation:none;translate:-50% -29%;scale:1.25}._3MJHGG_blob[data-mood=happy] ._3MJHGG_pupil,._3MJHGG_blob[data-mood=wink] ._3MJHGG_eye:last-child ._3MJHGG_pupil{opacity:0}@keyframes _3MJHGG_glance{0%,30%{translate:-31.1% -41.6%}38%,62%{translate:-71% -43.7%}70%,to{translate:-31.1% -41.6%}}@media (prefers-reduced-motion:reduce){._3MJHGG_eye,._3MJHGG_blob[data-mood=happy]{animation:none}._3MJHGG_pupil,._3MJHGG_blob:not([data-follow]) ._3MJHGG_pupil{transition:none;animation:none}}.H7waBq_page{gap:var(--space-6);display:grid;container-type:inline-size}.H7waBq_top{gap:var(--space-4);display:grid}.H7waBq_intro{gap:var(--space-4);padding-inline:var(--space-2);color:var(--color-on-frame);align-items:end;display:grid}@container (inline-size>=40rem){.H7waBq_intro{grid-template-columns:minmax(0,1fr) auto}}.H7waBq_heading{gap:var(--space-3);display:grid}.H7waBq_title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;text-shadow:var(--text-shadow-frame);font-weight:700;line-height:1}.H7waBq_usage{gap:var(--space-2);flex-wrap:wrap;display:flex}.H7waBq_usage div{border-radius:var(--radius-full);background:var(--color-frame-pill);align-items:baseline;gap:.4rem;padding:.3rem .8rem;display:flex}.H7waBq_usage dt{color:var(--color-on-frame-muted);font-size:var(--text-xs);font-weight:560}.H7waBq_usage dd{font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.H7waBq_usageLink{justify-self:start;align-items:center;gap:var(--space-2);min-block-size:var(--tap-target);margin-block:calc((1.875rem - var(--tap-target)) / 2);color:inherit;-webkit-tap-highlight-color:transparent;flex-wrap:wrap;text-decoration:none;display:flex}@media (hover:hover){.H7waBq_usageLink:hover .H7waBq_usage div,.H7waBq_usageLink:hover .H7waBq_usageMore{background:var(--color-frame-pill-hover)}}.H7waBq_usageLink:focus-visible{border-radius:var(--radius-full)}.H7waBq_usageMore{min-block-size:1.875rem;padding-inline:var(--space-3) var(--space-2);border-radius:var(--radius-full);background:var(--color-frame-pill);color:var(--color-on-frame);font-size:var(--text-xs);transition:background-color var(--duration-fast) var(--ease-out);align-items:center;gap:.15rem;font-weight:650;display:inline-flex}.H7waBq_usageMore svg{stroke-width:2.6px;block-size:.875rem;inline-size:.875rem}.H7waBq_usage div{transition:background-color var(--duration-fast) var(--ease-out)}.H7waBq_usageSkeleton{background-color:var(--color-frame-pill);block-size:1.875rem;inline-size:20rem;max-inline-size:100%}.H7waBq_introActions{gap:var(--space-2);display:grid}@container (inline-size>=40rem){.H7waBq_introActions{align-items:center;gap:var(--space-4);display:flex}}.H7waBq_dropHint{color:var(--color-on-frame-muted);font-size:var(--text-sm);font-weight:520;display:none}@media (hover:hover) and (pointer:fine){@container (inline-size>=40rem){.H7waBq_dropHint{display:block}}}.H7waBq_uploadButton{min-block-size:3.25rem;padding-inline:var(--space-6);font-size:var(--text-base);font-weight:700}.H7waBq_filters{align-items:center;gap:var(--space-2) 0;padding-inline:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}@container (inline-size>=40rem){.H7waBq_filters{grid-template-columns:minmax(0,1fr) auto auto}}@container (inline-size>=56rem){.H7waBq_filters{grid-template-columns:minmax(0,1fr) auto}}.H7waBq_search{grid-column:1/-1;align-items:center;display:flex;position:relative}@container (inline-size>=40rem){.H7waBq_search{grid-column:1}}.H7waBq_searchIcon{block-size:1.125rem;inline-size:1.125rem;color:var(--color-text-muted);pointer-events:none;position:absolute;inset-inline-start:var(--space-4)}.H7waBq_searchInput{padding-inline:calc(var(--space-4) + 1.125rem + var(--space-2)) var(--tap-target);font-size:max(16px, var(--text-sm))}.H7waBq_searchInput::-webkit-search-cancel-button{appearance:none}.H7waBq_searchInput::-webkit-search-decoration{appearance:none}.H7waBq_searchInput:focus-visible{outline:2.5px solid var(--color-focus);outline-offset:2px}.H7waBq_clear{--color-focus:var(--color-accent);inline-size:var(--tap-target);block-size:var(--tap-target);border-radius:var(--radius-full);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), scale var(--duration-spring) var(--ease-spring);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-inline-end:0}.H7waBq_clear svg{stroke-width:2.2px;block-size:1.125rem;inline-size:1.125rem}.H7waBq_clear:focus-visible{outline-offset:-5px}@media (hover:hover){.H7waBq_clear:hover{color:var(--color-text)}}.H7waBq_clear:active{scale:.9}.H7waBq_sortField{align-items:center;gap:var(--space-2);grid-column:1;min-inline-size:0;display:flex}@container (inline-size>=40rem){.H7waBq_sortField{grid-column:2;margin-inline-start:var(--space-3)}}@container (inline-size>=56rem){.H7waBq_sortField{display:none}}.H7waBq_sortLabel{color:var(--color-on-frame-muted);font-size:var(--text-sm);font-weight:560}.H7waBq_sortSelect{min-inline-size:0;min-block-size:var(--tap-target);padding-inline:var(--space-3);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:max(16px, var(--text-sm));box-shadow:inset 0 2px 0 var(--color-surface-sunken);flex:1;font-weight:620}.H7waBq_count{color:var(--color-on-frame-muted);grid-column:2;justify-self:end}@container (inline-size>=40rem){.H7waBq_count{grid-column:3}}@container (inline-size>=56rem){.H7waBq_count{grid-column:2}}.H7waBq_count{font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:560}.H7waBq_count:not(:empty){margin-inline-start:var(--space-3)}.H7waBq_noMatch{--color-focus:var(--color-accent);align-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);border-radius:var(--radius-sheet);background:var(--color-surface);box-shadow:var(--shadow-sheet);text-align:center;display:grid}.H7waBq_noMatchTitle{max-inline-size:32ch;font-family:var(--font-display);font-size:var(--text-xl);overflow-wrap:anywhere;margin-block-start:var(--space-2);font-weight:600;line-height:1.15}.H7waBq_noMatchDetail{max-inline-size:40ch;color:var(--color-text-muted);text-wrap:balance;margin-block-end:var(--space-2)}.H7waBq_more{justify-items:center;display:grid}.H7waBq_empty{--color-focus:var(--color-accent);align-content:center;justify-items:center;gap:var(--space-3);min-block-size:min(34rem,72dvh);padding:var(--space-10) var(--space-6);border-radius:var(--radius-sheet);background:var(--color-surface);box-shadow:var(--shadow-sheet);text-align:center;display:grid}.H7waBq_emptyArt{align-items:center;margin-block-end:var(--space-4);display:flex}.H7waBq_emptyArt>:first-child{margin-inline-end:-.9rem;translate:0 .9rem;rotate:-14deg}.H7waBq_emptyArt>:last-child{margin-inline-start:-.9rem;translate:0 .9rem;rotate:12deg}.H7waBq_emptyArt>:nth-child(2){z-index:1;animation:3.2s ease-in-out infinite H7waBq_bob;position:relative}@keyframes H7waBq_bob{50%{translate:0 -.35rem}}.H7waBq_emptyTitle{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:700;line-height:1.05}.H7waBq_emptyDetail{max-inline-size:40ch;color:var(--color-text-muted);text-wrap:balance;margin-block-end:var(--space-3)}.H7waBq_pointerOnly{display:none}@media (hover:hover) and (pointer:fine){.H7waBq_pointerOnly{display:inline}.H7waBq_touchOnly{display:none}}.H7waBq_pendingList{padding:var(--space-3);border-radius:var(--radius-sheet);background:var(--color-surface);box-shadow:var(--shadow-sheet);display:grid}.H7waBq_pendingRow{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);grid-template-columns:2.625rem minmax(0,1fr);display:grid}.H7waBq_pendingRow span:first-child{border-radius:var(--radius-sticker);block-size:2.625rem}.H7waBq_pendingRow span:last-child{block-size:1rem;inline-size:60%}.H7waBq_sharingStack{align-items:start;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));display:grid}.H7waBq_sharingStack:has(>[open])>*{grid-column:1/-1}.H7waBq_sharing{overflow:hidden;container-type:inline-size}.H7waBq_sharingSummary{align-items:center;gap:var(--space-2) var(--space-3);min-block-size:3.75rem;padding:var(--space-3) var(--space-5);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;grid-template-columns:auto minmax(0,1fr) auto;list-style:none;display:grid}.H7waBq_sharingSummary::-webkit-details-marker{display:none}@media (hover:hover){.H7waBq_sharingSummary:hover{background:var(--color-surface-hover)}}.H7waBq_sharingSummary:focus-visible{outline:2.5px solid var(--color-accent);outline-offset:-3px}.H7waBq_sharingTitle{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.H7waBq_sharingMark{border-radius:var(--radius-blob);background:var(--color-accent-soft);block-size:2.5rem;inline-size:2.5rem;color:var(--color-accent);place-items:center;display:grid;rotate:-6deg}.H7waBq_sharingMark svg{stroke-width:2.2px;block-size:1.25rem;inline-size:1.25rem}.H7waBq_sharingChevron{color:var(--color-text-muted);transition:rotate var(--duration-spring) var(--ease-spring);flex:none;rotate:90deg}[open]>summary>.H7waBq_sharingChevron{rotate:-90deg}.H7waBq_sharingSummaryText{align-items:baseline;gap:var(--space-1) var(--space-3);flex-wrap:wrap;min-inline-size:0;display:flex}.H7waBq_sharingAudience{color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:560}.H7waBq_folderEmpty{--color-focus:var(--color-accent);align-content:center;justify-items:center;gap:var(--space-3);min-block-size:min(22rem,46dvh);padding:var(--space-10) var(--space-6);border-radius:var(--radius-sheet);background:var(--color-surface);box-shadow:var(--shadow-sheet);text-align:center;display:grid}.H7waBq_folderEmptyTitle{font-family:var(--font-display);font-size:var(--text-xl);margin-block-start:var(--space-2);font-weight:600;line-height:1.15}.H7waBq_emptyActions{gap:var(--space-2);inline-size:min(20rem,100%);justify-items:stretch;margin-block-start:var(--space-2);display:grid}@container (inline-size>=30rem){.H7waBq_emptyActions{inline-size:auto;display:flex}}}
