html,body{height:100%;background:#000;overflow:hidden}body{overscroll-behavior:none}#root{height:100%}.film{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000;color:#f4efe6;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.film[data-idle]{cursor:none}.film-stage{position:relative;overflow:hidden;background:#000;contain:layout paint}.film-window{position:absolute;overflow:hidden}.film-inner{position:absolute}.film-inner>*{position:absolute}.film-sky,.film-paper,.film-dark,.film-black,.film-glow,.film-wash,.film-vignette,.film-grain,.film-fields,.film-seeds{top:0;right:0;bottom:0;left:0;pointer-events:none}.film-paper{background-size:1024px 1024px;mix-blend-mode:multiply}.film-fields{will-change:transform,opacity}.film-fields-art{position:absolute!important;top:0;right:0;bottom:0;left:0}.film-garden-wrap{left:0;right:0;bottom:0;transform-origin:0 0;will-change:transform,opacity}.film-garden{position:absolute!important;top:0;right:0;bottom:0;left:0}.film-dark,.film-glow{width:100%;height:100%}.film-black{background:#000}.film-world{left:0;top:0;width:0;height:0;transform-origin:0 0;background:transparent}.film-card{position:absolute;left:0;top:0;transform-origin:50% 50%}.film-card .frag-body{animation:none;max-width:none;box-shadow:0 6px 18px #00000059,0 1px #fff6 inset}.film-seed{position:absolute;left:0;top:0;will-change:transform,opacity}.film-mark{left:0;top:0;line-height:0;transform-origin:50% 50%}.film-mark svg{overflow:visible}.film-mark circle{stroke-dasharray:39.3;stroke-dashoffset:calc(39.3 * (1 - var(--draw, 1)))}.film-mark .eden-mark-petals{transform:rotate(var(--turn, 0deg))}.film-mark .eden-mark-petals circle{transform-box:view-box;transform:translate(calc(var(--dx) * var(--open, 0)),calc(var(--dy) * var(--open, 0)))}.film-end-name,.film-end-line,.film-end-site,.film-end-from{margin:0;color:#2b2723;white-space:nowrap}.film-end-name{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;line-height:1}.film-end-line{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;line-height:1.3;text-align:center}.film-end-site{translate:-50% -50%;font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;line-height:1}.film-end-studio{translate:-50% -50%;display:grid;justify-items:center;color:#2b2723}.film-end-from{font-family:var(--font-display);font-size:.5em;font-weight:600;letter-spacing:-.03em;line-height:1;color:#6b6258}.film-end-studio .pb-lockup{gap:.42em;line-height:1}.film-grain{background-size:256px 256px;mix-blend-mode:overlay}.film-start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:14px;border:0;background:transparent;color:#f4efe6;font:500 15px / 1.2 var(--font-ui);letter-spacing:.02em;cursor:pointer}.film-start-play{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border-radius:50%;border:1px solid rgba(244,239,230,.4);font-size:20px;transition:border-color .16s ease}.film-start:hover .film-start-play{border-color:#f4efe6d9}.film-wait{position:absolute;bottom:48%;margin:0;font:500 13px var(--font-ui);color:#f4efe6b3}.film-bar{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));translate:-50% 0;width:min(920px,calc(100% - 24px));display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;border-radius:14px;background:#141210b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#efe9df;font:500 12px / 1.2 var(--font-ui);transition:opacity .3s ease}.film[data-idle] .film-bar,.film[data-idle] .film-show{opacity:0;pointer-events:none}.film-btn{min-width:36px;height:32px;padding:0 10px;border:1px solid rgba(239,233,223,.2);border-radius:8px;background:transparent;color:inherit;font:inherit;cursor:pointer}.film-btn:hover{border-color:#efe9df80}.film-time{font-variant-numeric:tabular-nums;color:#efe9dfbf}.film-scrub{flex:1 1 200px;min-width:140px;accent-color:#efe9df}.film-show{position:absolute;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:40px;height:28px;border:0;border-radius:8px;background:#14121080;color:#efe9df;cursor:pointer;transition:opacity .3s ease}@media(max-width:560px){.film-bar{gap:6px 8px;padding:6px 8px}}