:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#faf9f6;--surface-bright:#faf9f6;--surface-container-lowest:#fff;--surface-container-low:#f4f3f1;--surface-container-high:#e9e8e5;--surface-container-highest:#e3e2e0;--on-surface:#1a1c1a;--on-surface-variant:#444840;--outline-variant:#c4c8bd;--primary:#516447;--secondary:#625e58;--secondary-container:#e8e1d9;--on-secondary-container:#68645d;--secondary-fixed:#e8e1d9;--secondary-fixed-dim:#ccc5be;--shadow-sage:#51644714;background:var(--surface);color:var(--on-surface);font-family:Work Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--surface)}html.support-feed-viewport-lock,body.support-feed-viewport-lock,#root.support-feed-viewport-lock{overscroll-behavior:auto;width:100%;height:100%;min-height:0;overflow:hidden}.widget-shell{background:var(--surface);justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:16px;display:flex}.widget-shell.widget-shell--support-feed{width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden}.support-widget,.grade-summary-widget,.empty-widget{width:100%;max-width:360px;margin:0 auto}.support-widget{animation:6s ease-in-out infinite widget-float;position:relative}.widget-shell--support-feed .support-widget{flex-direction:column;width:min(100vw,624px);max-width:none;height:min(100dvh,633px);min-height:0;padding:clamp(20px,5dvh,36px) 0 clamp(8px,2dvh,14px);animation:none;display:flex;overflow:hidden}.widget-shell--support-feed .empty-widget{width:min(100vw,360px);max-width:none;height:min(100dvh,400px);min-height:0;overflow:hidden}.widget-shell--support-feed .widget-header{flex:none;width:100%;max-width:540px;margin:0 auto}.widget-header{width:min(100%,540px);min-height:56px;margin-inline:auto;position:relative}.support-kicker{color:var(--on-surface-variant);letter-spacing:0;text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:4px;margin:0 0 16px;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:28px;display:flex}.grade-summary-subtitle{color:color-mix(in srgb, var(--on-surface-variant) 78%, transparent);text-align:center;margin:-8px 0 16px;font-size:13px;font-weight:400;line-height:20px}.support-subtitle{max-width:280px;color:color-mix(in srgb, var(--on-surface-variant) 78%, transparent);text-align:center;white-space:pre-line;margin:-8px auto 16px;font-size:13px;font-weight:400;line-height:20px}.grade-summary-widget{max-width:540px;animation:6s ease-in-out infinite widget-float}.grade-summary-card{border:1px solid color-mix(in srgb, var(--outline-variant) 30%, transparent);background:linear-gradient(135deg, #ffffff29, transparent 54%), var(--secondary-container);width:100%;max-width:360px;box-shadow:0 8px 24px #0000000a, 0 14px 38px var(--shadow-sage);border-radius:24px;margin-inline:auto;padding:16px;overflow:hidden}.grade-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.grade-summary-cell{border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);background:var(--surface-container-lowest);min-width:0;min-height:128px;color:var(--on-secondary-container);border-radius:12px;justify-items:center;gap:6px;padding:14px 8px 12px;display:grid;box-shadow:0 2px 8px #0000000a}.grade-summary-cell__badge{background:color-mix(in srgb, var(--secondary-container) 42%, white);border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.grade-summary-cell__image{object-fit:contain;width:48px;height:48px;display:block}.grade-summary-cell__fallback{border:1px solid color-mix(in srgb, var(--outline-variant) 26%, transparent);background:color-mix(in srgb, var(--secondary-container) 56%, white);width:48px;height:48px;color:var(--secondary);border-radius:9999px;justify-content:center;align-items:center;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:600;line-height:1;display:inline-flex}.grade-summary-cell__grade,.grade-summary-cell__total{overflow-wrap:anywhere;line-height:1}.grade-summary-cell__grade{color:color-mix(in srgb, var(--on-secondary-container) 78%, transparent);text-align:center;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:18px}.grade-summary-cell__total{color:var(--on-surface);letter-spacing:0;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:26px;font-weight:600}.empty-widget{border:1px solid var(--surface-container-highest);background:var(--surface-container-lowest);min-height:400px;box-shadow:0 8px 24px #0000000a, 0 14px 38px var(--shadow-sage);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.empty-widget__header{background:color-mix(in srgb, var(--surface) 80%, transparent);width:100%;color:var(--primary);align-items:center;gap:8px;padding:16px 24px;display:flex}.empty-widget__header h1{letter-spacing:0;margin:0;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:500;line-height:28px}.header-heart{font-size:22px;line-height:1}.empty-widget__body{background:var(--surface-bright);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.empty-illustration{border:4px solid color-mix(in srgb, var(--secondary-container) 40%, transparent);background:color-mix(in srgb, var(--secondary-container) 20%, transparent);border-radius:9999px;justify-content:center;align-items:center;width:128px;height:128px;margin-bottom:24px;animation:3s ease-in-out infinite pulse-soft;display:flex;position:relative}.empty-heart{color:var(--secondary-fixed-dim);font-size:64px;line-height:1}.sleep-mark{color:color-mix(in srgb, var(--secondary) 42%, transparent);font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:600;animation:1.8s ease-in-out infinite sleep-bounce;position:absolute;right:-18px}.sleep-mark--one{top:14px}.sleep-mark--two{font-size:10px;animation-delay:.24s;top:38px;right:-28px}.empty-widget__body h2,.empty-widget__body p{overflow-wrap:anywhere;margin:0}.empty-widget__body h2{color:var(--on-surface);letter-spacing:0;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:600;line-height:32px}.empty-widget__body p{max-width:240px;color:var(--on-surface-variant);margin-top:8px;font-size:16px;line-height:24px}.empty-pill{border:1px solid var(--secondary-fixed);background:var(--secondary-container);min-height:44px;color:var(--on-secondary-container);border-radius:9999px;justify-content:center;align-items:center;margin-top:24px;padding:8px 24px;font-size:16px;font-weight:400;line-height:24px;display:inline-flex;box-shadow:0 2px 8px #0000000a}@keyframes widget-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes sleep-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (width>=720px){.widget-shell{padding:24px}}@media (width<=360px){.widget-shell{padding:8px}.grade-summary-card{padding:12px}.grade-summary-grid{gap:8px}.grade-summary-cell{min-height:116px;padding:12px 6px 10px}.grade-summary-cell__badge{width:48px;height:48px}.grade-summary-cell__image,.grade-summary-cell__fallback{width:40px;height:40px}.empty-widget__header{padding:16px}.empty-widget__body{padding:24px}}@media (prefers-reduced-motion:reduce){.support-widget,.grade-summary-widget,.empty-illustration,.sleep-mark{animation:none}}.box-load-error{text-align:center;margin:auto}.box-load-error button{border:1px solid var(--outline-variant);background:var(--surface-bright);color:var(--primary);cursor:pointer;border-radius:8px;padding:10px 16px}.box-stage{--box-light:143, 163, 130;animation:none}.box-stage[data-grade=D]{--box-light:154, 164, 172}.box-stage[data-grade=C]{--box-light:115, 164, 131}.box-stage[data-grade=B]{--box-light:111, 163, 179}.box-stage[data-grade=A]{--box-light:177, 152, 105}.box-stage[data-grade=S]{--box-light:170, 142, 182}.box-visual{isolation:isolate;place-items:center;width:min(58%,240px);display:grid;position:relative}.box-rays,.box-halo{pointer-events:none;z-index:-1;aspect-ratio:1;border-radius:50%;width:150%;max-height:310px;position:absolute}.box-rays{background:repeating-conic-gradient(from 0deg, rgba(var(--box-light), .22) 0deg 10deg, transparent 10deg 32deg);animation:18s linear infinite box-rays-spin;-webkit-mask-image:radial-gradient(circle,#000 8%,#000000a6 32%,#0000 69%);mask-image:radial-gradient(circle,#000 8%,#000000a6 32%,#0000 69%)}.box-halo{background:radial-gradient(circle, rgba(var(--box-light),.3), rgba(var(--box-light),.07) 45%, transparent 70%);width:130%}.box-image{object-fit:contain;filter:drop-shadow(0 12px 14px #51644726);width:100%;height:100%;min-height:0;max-height:100%;display:block}.box-image--mineral{image-rendering:pixelated;max-width:160px}.box-image--mineral,.box-player .box-fallback{animation:1.5s ease-in-out infinite box-image-breathe}.box-fallback{color:var(--primary);place-items:center;width:100%;height:100%;font-size:72px;font-weight:600;display:grid}.box-fallback svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;width:88px}.box-count{background:var(--surface-bright);box-shadow:0 3px 12px var(--shadow-sage);color:var(--primary);border-radius:999px;padding:4px 10px;font-size:16px;font-weight:600;position:absolute;bottom:0;right:4%}.box-kind{color:var(--primary);letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:600;display:inline-block}.box-player .box-title{color:var(--on-surface);overflow-wrap:anywhere;margin:0;font-size:clamp(20px,4vw,28px);font-weight:600;line-height:1.35}.box-player .box-message{color:var(--on-surface-variant);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:15px;line-height:1.7}.box-stage--entering .box-visual{animation:.6s cubic-bezier(.18,.72,.23,1) both box-item-in}.box-stage--entering .box-caption{animation:.35s ease-out .18s both box-copy-in}.box-stage--entering .box-message{animation:.35s ease-out .25s both box-copy-in}.box-amount{color:var(--primary);margin-top:10px;font-size:13px;display:block}.box-stage--exiting{animation:.25s ease-in both box-out}.box-stage{transform:translateX(var(--drag-x,0px));cursor:grab;transition:transform .25s ease-out}.box-stage[data-dragging]{cursor:grabbing;-webkit-user-select:none;user-select:none;transition:none}.box-empty{text-align:center;color:var(--on-surface-variant);margin:auto;padding:24px}.box-empty>span{color:var(--primary);font-size:48px}.box-empty h2{font-size:18px;font-weight:500}.box-empty p{font-size:13px;line-height:1.6}@keyframes box-rays-spin{to{transform:rotate(360deg)}}@keyframes box-image-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes box-item-in{0%{opacity:0;transform:translateY(14px)scale(.72)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes box-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes box-out{to{opacity:0;transform:translateY(-8px)}}@media (height<=420px){.box-player .box-message{margin-top:6px;font-size:12px;line-height:1.5}.box-player .box-title{font-size:19px}.box-kind{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.box-player .box-stage *,.box-player .box-stage{transition:none;animation:none}}@property --works-gather-progress{syntax:"";inherits:false;initial-value:0}.works-player{container-name:works-player}.works-stage{--box-light:143, 163, 130}.works-gallery{cursor:grab;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow:visible;container:work-scene/size}.works-track{transform:translateX(var(--drag-x,0px));transition:transform .25s ease-out;position:absolute;inset:0}.works-player .works-skip{z-index:3;width:100%;height:100%;min-height:0;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.works-shell .works-skip{width:100vw;left:calc(50% - 50vw)}.works-player .works-skip:focus-visible{outline:2px solid var(--primary);outline-offset:-4px}.works-player .works-stage{--player-footer-space:66px}.works-player .works-controls{pointer-events:none;gap:12px;padding-top:12px}.works-player .works-controls button{pointer-events:auto;width:54px;height:54px;min-height:54px;font-size:33px}.works-controls .box-position{min-width:67.5px;font-size:18px}.works-artwork{z-index:2;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.works-artwork .works-image-frame{visibility:hidden;scale:.7}.works-artwork-light{z-index:-1;pointer-events:none;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.works-sequence--revealing .works-artwork-light{opacity:1;animation:.6s ease-out both works-artwork-light-in}.works-sequence--ready .works-artwork-light{opacity:1}.works-presentation{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.works-presentation>a{width:100%;height:100%;text-decoration:none;display:block}.works-title{inset-inline:-100%;text-align:center;overflow-wrap:anywhere;width:min(440px,66.6667cqw - 21.3333px);color:var(--primary);letter-spacing:-.025em;text-shadow:0 2px 0 var(--surface-bright), 0 0 20px #8fa38238;margin:0 auto;font-size:clamp(18px,5cqw,28px);font-weight:800;line-height:1.25;animation:.6s ease-out both works-title-in;position:absolute;bottom:calc(85% + 6px)}.works-title>span:first-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.5em;display:-webkit-box;overflow:hidden}.works-link-hint{color:#2875c7;letter-spacing:0;text-shadow:none;opacity:0;margin-top:4px;font-size:60%;font-weight:500;line-height:1.4;display:block;transform:scale(0)}.works-sequence--ready .works-link-hint{opacity:1;animation:.5s ease-out both works-link-hint-fade,.5s cubic-bezier(.34,1.56,.64,1) both works-link-hint-scale;transform:scale(1)}.works-presentation>a:is(:hover,:focus-visible) .works-link-hint{color:#18589c}.works-description{color:var(--on-surface-variant);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;animation:.6s ease-out .35s both works-description-in}.works-player--dragging .works-gallery{cursor:grabbing}.works-stage[data-dragging] .works-track{transition:none}.works-stage[data-dragging] .works-gallery{-webkit-user-select:none;user-select:none}.works-image{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.works-image-frame{width:100%;height:100%;min-height:0;display:block;position:relative}.works-image-frame .works-image{opacity:1;transition:opacity .18s ease-out}.works-image-frame[data-image-state=loading] .works-image{opacity:0}.works-image-placeholder{position:absolute;inset:0}.works-image-fallback{width:100%;height:100%;min-height:0;color:var(--primary);place-items:center;display:grid}.works-image-fallback svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;opacity:.65;width:min(40%,88px);min-width:20px;height:auto}.works-sequence--ready:not([data-dragging]) .works-artwork a{cursor:pointer}.works-player a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.works-donors{inset:var(--player-top-space) 8px 86px;grid-template-columns:repeat(var(--donor-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--donor-rows), minmax(0, 1fr));display:grid;position:absolute}.works-donor-group{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:0;padding:4px;display:flex}.works-donor-label{text-align:center;flex:none;max-width:100%;max-height:42%;overflow:hidden}.works-donor-name{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.works-donor-message{color:var(--on-surface-variant);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.works-donor-body{width:min(100%, calc(var(--mineral-columns) * 72px));aspect-ratio:var(--mineral-columns) / var(--mineral-rows);flex:0 auto;min-height:0;position:relative;container:work-donor/size}.works-minerals{grid-template-columns:repeat(var(--mineral-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--mineral-rows), minmax(0, 1fr));display:grid;position:absolute;inset:0}.works-mineral{min-width:0;min-height:0;color:var(--primary);filter:drop-shadow(0 2px 3px #51644729);place-items:center;font-weight:600;animation:.15s ease-out both works-mineral-in;display:grid;position:relative;container:work-mineral/size}.works-mineral-visual{isolation:isolate;clip-path:circle(71%);place-items:center;width:min(90cqw,90cqh,64px);height:min(90cqw,90cqh,64px);display:grid;position:relative}.works-mineral-visual:before{content:"";z-index:-1;background-image:linear-gradient(var(--mineral-color), var(--mineral-color));opacity:0;position:absolute;inset:0}.works-mineral [data-mineral-image]{width:100%;height:100%;image-rendering:pixelated;display:block}.works-sequence--spawning .works-artwork,.works-sequence--holding .works-artwork{visibility:hidden}.works-sequence--merging .works-donor-label{animation:.3s ease-out both works-donor-fade}.works-sequence--merging .works-mineral{--gather-arc:calc(4 * var(--works-gather-progress) * (1 - var(--works-gather-progress)));transform:translate(calc(var(--merge-x,0px) * var(--works-gather-progress) + var(--arc-x,0px) * var(--gather-arc)), calc(var(--merge-y,0px) * var(--works-gather-progress) + var(--arc-y,0px) * var(--gather-arc)));animation:1.1s ease-in-out both works-mineral-gather}.works-sequence--merging .works-mineral-visual{animation:1.1s ease-in-out both works-mineral-round}.works-sequence--merging .works-mineral-visual:before{animation:1.1s ease-in-out both works-mineral-round-color}.works-sequence--merging .works-mineral-visual>svg,.works-sequence--merging .works-mineral-visual>span{animation:1.1s ease-in-out both works-mineral-round-texture}.works-fusion-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.works-fusion{z-index:1;visibility:hidden;pointer-events:none}.works-fluid-core{filter:drop-shadow(0 0 14px #ddb9677a);width:min(170px,75cqw,75cqh);height:min(170px,75cqw,75cqh);margin:auto;position:absolute;inset:0;overflow:visible;transform:scale(.8)}.works-fluid-drop{opacity:.88;transform:translate(calc(var(--drop-x) * .12), calc(var(--drop-y) * .12))}.works-core-spark{opacity:.85}.works-sequence--fused .works-fusion,.works-sequence--revealing .works-fusion{visibility:visible}.works-sequence--fused .works-fluid-core{animation:1.4s ease-in-out infinite works-core-breathe}.works-sequence--revealing .works-fluid-core{animation:.9s ease-out both works-core-transfer}.works-sequence--revealing .works-image-frame,.works-sequence--ready .works-image-frame{visibility:visible}.works-sequence--revealing .works-image-frame{animation:1.5s cubic-bezier(.2,.65,.25,1) both works-materialize}.works-sequence--revealing .works-presentation{animation:1.5s cubic-bezier(.34,2.69558,.64,1) both works-reveal-scale}.works-sequence--ready .works-fluid-core{display:none}.works-sequence--ready .works-presentation{animation:1.5s ease-in-out infinite box-image-breathe}.works-stage--exiting{animation:.25s ease-in both box-out}@keyframes works-mineral-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes works-donor-fade{0%{opacity:1}to{opacity:0}}@keyframes works-artwork-light-in{0%{opacity:0}to{opacity:1}}@keyframes works-title-in{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes works-link-hint-fade{0%{opacity:0}to{opacity:1}}@keyframes works-link-hint-scale{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes works-description-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes works-reveal-scale{0%{transform:scale(.05)}to{transform:scale(1)}}@keyframes works-mineral-gather{0%{--works-gather-progress:0}to{--works-gather-progress:1}}@keyframes works-mineral-round-texture{0%,35%{opacity:1}65%{opacity:.55}80%,to{opacity:0}}@keyframes works-mineral-round{0%,35%{clip-path:circle(71%)}65%{clip-path:circle(48%)}80%,to{clip-path:circle(40%)}}@keyframes works-mineral-round-color{0%,35%{opacity:0}65%,to{opacity:1}}@keyframes works-core-breathe{0%,to{transform:scale(.8)}50%{transform:scale(.88,.76)}}@keyframes works-core-transfer{0%{opacity:1;transform:scale(.8)}42%{opacity:.8;transform:scale(1.2,.9)}to{opacity:0;transform:scale(.25)}}@keyframes works-materialize{0%{clip-path:circle(0%);filter:blur(13px)saturate(1.6)brightness(1.35)}48%{clip-path:circle(38%);filter:blur(3px)saturate(1.2)brightness(1.1)}78%{clip-path:circle(76%);filter:blur(.5px)saturate(1.05)}to{clip-path:circle(76%);filter:blur()saturate()}}@media (height<=420px){.works-donor-name{font-size:11px}.works-donor-message{font-size:10px}}@container works-player (height<=420px){.works-donor-name{font-size:11px}.works-donor-message{font-size:10px}}@container work-scene (height<=480px){.works-title{font-size:18px}.works-title>span:first-child{-webkit-line-clamp:1;max-height:1.25em}.works-description{font-size:12px;line-height:1.5}}@container work-scene (height<=220px){.works-title{font-size:16px}}@media (prefers-reduced-motion:reduce){.works-player .works-stage,.works-player .works-stage *{transition:none;animation:none}.works-sequence--merging .works-donor-label{opacity:0}}.box-shell{justify-content:center;height:100dvh;min-height:0;padding:0 16px;display:flex;position:relative;overflow:hidden}.box-shell>.widget-header{z-index:3;top:clamp(16px,4dvh,32px);width:min(100% - 32px,540px);position:absolute;inset-inline:16px}.box-player,.works-player{--player-top-space:16px;outline-offset:-2px;flex-direction:column;flex:1;gap:0;width:100%;max-width:560px;min-height:0;display:flex;position:relative;container-type:size}.box-stage,.works-stage{--player-center-y:50%;--player-media-height:clamp(88px, 28cqh, 210px);--player-caption-gap:clamp(12px, 3cqh, 24px);--player-footer-space:56px;touch-action:pan-y;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.box-shell>.works-player{--player-top-space:clamp(96px, 16cqh, 144px)}.box-player .box-visual,.works-artwork,.works-fusion{inset:0;top:calc(2 * var(--player-center-y) - 100%);height:var(--player-media-height);max-width:80%;min-height:0;margin:auto;position:absolute}.box-caption,.works-description{inset-inline:0;top:calc(var(--player-center-y) + var(--player-media-height) / 2 + var(--player-caption-gap));width:min(100%,400px);max-height:max(0px, calc(100% - var(--player-center-y) - var(--player-media-height) / 2 - var(--player-caption-gap) - var(--player-footer-space)));text-align:center;min-height:0;margin:0 auto;padding:0 8px 8px;position:absolute;overflow:auto}.box-controls{z-index:4;inset-inline:0;justify-content:center;align-items:center;gap:8px;padding-top:8px;display:flex;position:absolute;bottom:12px}.box-controls button{width:36px;height:36px;min-height:36px;color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;padding:0;font-size:22px}.box-controls button:hover{background:var(--secondary-container)}.box-controls button:focus-visible,.box-player:focus-visible,.works-player:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.box-position{color:var(--on-surface-variant);text-align:center;min-width:45px;font-size:12px}.box-position span{opacity:.55}.box-image--mineral,.box-player .box-fallback,.works-presentation,.works-mineral-visual,.works-fluid-core{transition:scale .25s cubic-bezier(.2,.7,.25,1);scale:1}.box-player[data-holding] .box-image--mineral,.box-player[data-holding] .box-fallback,.works-player[data-holding] .works-presentation,.works-player[data-holding] .works-mineral-visual,.works-player[data-holding] .works-fluid-core{scale:1.3}.box-player[data-holding] .box-stage,.box-player[data-holding] .box-stage *,.works-player[data-holding] .works-stage,.works-player[data-holding] .works-stage *{animation-play-state:paused}.box-stage,.works-gallery{-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){.box-image--mineral,.box-player .box-fallback,.works-presentation,.works-mineral-visual,.works-fluid-core{transition:none}}@container (height<=420px){.box-stage,.works-stage{--player-media-height:64px;--player-caption-gap:8px}}@container (height<=320px){.box-player .box-kind{display:none}}@container (height<=280px){.box-stage,.works-stage{--player-center-y:40%}.box-player .box-title{font-size:16px}}@media (height<=420px){.box-shell>.widget-header{display:none}.box-shell>.works-player{--player-top-space:16px}}