:root{--gold-hover: #f0be71;--line: rgba(255, 255, 255, .12);--dim: rgba(255, 255, 255, .62);--muted: rgba(255, 255, 255, .72);--ui: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--display: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hindi: "Rozha One", "Noto Serif Devanagari", serif}.app{width:100%;height:100svh;min-height:600px;position:relative;isolation:isolate;background:#0c1017;margin:0;padding:0}.playfolly-footer{margin-top:0!important}.grain{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;background-image:url(/assets/grain.webp);background-repeat:repeat;background-size:180px 180px;mix-blend-mode:overlay;opacity:.22}.scene-stack,.scene-image,.scene-wash,.vignette{position:absolute;inset:0;width:100%;height:100%}.scene-stack{z-index:-4;overflow:hidden;background:#0c1017;filter:saturate(.78) sepia(.12) contrast(1.05) brightness(.94)}@keyframes scene-in{0%{opacity:0}to{opacity:1}}.scene-image{object-fit:cover;object-position:center 36%;opacity:0;z-index:1;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.scene-image.is-active{opacity:1;z-index:3;animation:scene-in .6s cubic-bezier(.25,.1,.25,1) both}.scene-image.is-outgoing{opacity:1;z-index:2;animation:none;pointer-events:none}.scene-wash{z-index:-3;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,10,.18) 0%,transparent 12%),radial-gradient(ellipse 55% 60% at 0% 100%,rgba(10,5,3,.72) 0%,rgba(10,5,3,.45) 45%,transparent 75%),linear-gradient(0deg,#0a0503e0,#0a0503a8 24%,#0a050300 55%);transition:background .4s ease}.vignette{z-index:-2;pointer-events:none;box-shadow:none}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;padding:clamp(14px,2.2vw,22px) clamp(16px,3.2vw,32px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;box-sizing:border-box}.header-time{justify-self:start;font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:#f7efd8d9}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.icon-button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#0e101494;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 24px #0003;color:var(--ink);display:grid;place-items:center;padding:0;transition:all .2s}.icon-button:hover{background:#ffffff24;border-color:#ffffff4d}.icon-button:active{transform:translateY(1px)}.mini-icon{width:16px;height:16px;display:inline-block;flex:0 0 auto}.hero-logo-wrap{position:absolute;top:clamp(48px,6.5vh,78px);left:0;right:0;width:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:4;padding:0 16px;box-sizing:border-box}.hero-logo-img{width:clamp(340px,28vw,480px);max-width:88vw;height:auto;display:block;user-select:none;pointer-events:auto;filter:url(#inkCream) drop-shadow(0 6px 28px rgba(0,0,0,.45));transition:transform .3s ease}.bottom-left-dock{position:absolute;left:clamp(16px,2.5vw,28px);bottom:clamp(16px,2.5vw,28px);width:min(520px,calc(50vw - 36px));z-index:5;display:flex;flex-direction:column;gap:14px;transition:opacity .3s,transform .3s}.story-block{position:relative;isolation:isolate;width:100%;padding:0;background:transparent;box-shadow:none;border:none;border-radius:0;display:flex;flex-direction:column;animation:riseIn .45s ease both}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.story-headline{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.2vw,36px);line-height:1.15;letter-spacing:-.02em;margin:0 0 8px;max-width:440px;color:var(--ink)}.story-body{font-family:var(--ui);font-weight:400;font-size:14px;line-height:1.5;color:#f7efd8eb;margin:0;max-width:420px}.music-card{position:relative;width:100%;height:86px;padding:10px 18px 10px 12px;border-radius:9999px;background:linear-gradient(90deg,#3e261ee0,#623024d9 55%,#7e2e20d1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 16px 40px #0000007a,inset 0 1px #ffffff40;display:flex;align-items:center;gap:14px;box-sizing:border-box;overflow:hidden}.vinyl-wrap{position:relative;width:64px;height:64px;flex-shrink:0;border-radius:50%;cursor:pointer;z-index:1;user-select:none}.vinyl-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 4px 14px #0006;border:1px solid rgba(255,255,255,.25);animation:vinylSpin 8s linear infinite;animation-play-state:paused}.vinyl-disc.is-spinning{animation-play-state:running}@keyframes vinylSpin{to{transform:rotate(360deg)}}.vinyl-cover{width:100%;height:100%;object-fit:cover;display:block}.vinyl-spindle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#000000bf;border:2px solid rgba(255,255,255,.45);pointer-events:none;box-shadow:0 1px 3px #0009}.player-center{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;z-index:1}.track-title{font-family:var(--ui);font-size:15px;font-weight:600;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.track-artist{font-family:var(--ui);font-size:13px;font-weight:400;line-height:1.3;color:#f7efd8b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.progress-wrap{position:relative;width:100%;height:14px;display:flex;align-items:center;cursor:pointer;margin-top:6px;user-select:none}.progress-track{position:relative;width:100%;height:3px;background:#ffffff38;border-radius:9999px}.progress-fill{height:100%;width:100%;background:var(--ink);border-radius:9999px;transform:scaleX(0);transform-origin:left center;transition:transform .15s linear}.progress-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--ink);box-shadow:0 1px 4px #0006;opacity:0;transition:opacity .15s;pointer-events:none}.progress-wrap:hover .progress-handle,.progress-wrap:focus-visible .progress-handle{opacity:1}.progress-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}.time-display{font-family:var(--ui);font-size:12px;font-weight:400;color:#f7efd8a6;font-variant-numeric:tabular-nums;margin-top:2px;text-align:left}.player-controls{display:flex;align-items:center;gap:4px;flex-shrink:0;z-index:1}.player-ctrl-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:#f7efd8d9;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,transform .12s;padding:0}.player-ctrl-btn:hover{background:#ffffff26;color:var(--ink)}.player-ctrl-btn:active{transform:scale(.92)}.player-play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--ink);color:#000;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 16px #00000059;transition:transform .15s,background .15s;padding:0}.player-play-btn:hover{transform:scale(1.06);background:var(--ink)}.player-play-btn:active{transform:scale(.94)}.player-watch-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:9999px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;color:var(--ink);font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .18s ease;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-left:2px}.player-watch-btn:hover{background:#ffffff42;border-color:#ffffff7a;transform:translateY(-1px)}.player-watch-btn:active{transform:scale(.96)}.bottom-right-dock{position:absolute;right:clamp(16px,2.5vw,28px);bottom:clamp(16px,2.5vw,28px);z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:auto;box-sizing:border-box;transition:opacity .3s,transform .3s}.bottom-right-subbar{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;box-sizing:border-box}.dock-nav-chips{display:inline-flex;align-items:center;gap:6px}.dock-chip{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 12px;border-radius:9999px;font-family:var(--ui);font-size:12px;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:all .18s ease;box-sizing:border-box;user-select:none;white-space:nowrap}.dock-chip.active{background:var(--ink);color:#111;font-weight:600;border:1px solid #ffffff;box-shadow:0 2px 8px #00000047;cursor:default}.dock-chip:not(.active){background:#241410a6;color:#f7efd8d9;border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 2px 6px #0003}.dock-chip:not(.active):hover{background:#4b241cd9;color:var(--ink);border-color:#ffffff61;transform:translateY(-1px)}.app{--rail-accent: #ff6e30;--ink: #f7efd8}.timeline{--rail-inset: 31px;width:auto}.timeline-items{position:relative;display:flex}.timeline-items:before,.rail-fill{content:"";position:absolute;left:var(--rail-inset);right:var(--rail-inset);top:9px;height:2px;border-radius:2px;pointer-events:none}.timeline-items:before{background:#f7efd847}.rail-fill{background:linear-gradient(90deg,rgba(255,110,48,.5),var(--rail-accent));transform-origin:left center;transform:scaleX(var(--progress, 0));transition:transform .4s cubic-bezier(.16,1,.3,1)}.phase-stop{position:relative;z-index:1;width:62px;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 0 0;background:transparent;border:0;border-radius:8px;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}.phase-stop:focus-visible{outline:2px solid var(--rail-accent);outline-offset:2px}.stop-dot{width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:1.5px solid rgba(247,239,216,.7);background:#1a0e09;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s,box-shadow .25s}.phase-stop.is-past .stop-dot{background:var(--rail-accent);border-color:var(--rail-accent)}.phase-time{font-size:12px;font-weight:500;white-space:nowrap;color:#f7efd8a8;font-variant-numeric:tabular-nums;line-height:1;transition:color .2s}.phase-stop:hover .phase-time{color:var(--ink)}.phase-stop:hover .stop-dot{border-color:var(--ink);transform:scale(1.15)}.phase-stop.is-active .stop-dot{background:var(--ink);border:3px solid var(--rail-accent);transform:scale(1.25);box-shadow:0 0 0 4px #ff6e3040,0 0 14px #ff6e308c}.phase-stop.is-active .phase-time{color:var(--ink);font-weight:700}.app.zen-mode .bottom-left-dock,.app.zen-mode .bottom-right-dock,.app.zen-mode .mobile-dock{opacity:0;pointer-events:none;transform:translateY(14px)}.mobile-dock{display:none}.modal{width:min(860px,calc(100vw - 32px));max-width:none;margin:auto;border:1px solid var(--line);border-radius:24px;padding:0;color:var(--ink);background:#0e0f12f2;backdrop-filter:blur(28px);box-shadow:0 25px 120px #000000a6}.modal::backdrop{background:#020406bf;backdrop-filter:blur(8px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-title{font-family:var(--display);font-size:24px;font-weight:700;line-height:1}.modal-subtitle{color:var(--dim);font-size:12px;margin-top:4px}.close-button{border:1px solid var(--line);background:#ffffff0d;color:var(--ink);height:36px;width:36px;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer}.video-frame{aspect-ratio:16 / 9;width:100%;background:#050505;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;display:block}.modal-foot{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:var(--dim)}.plain-link{color:var(--gold);text-decoration:none}.menu-body{padding:16px}.menu-row{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:14px;border:1px solid transparent;background:transparent;width:100%;text-align:left;cursor:pointer}.menu-row:hover{background:#ffffff0d;border-color:var(--line)}.menu-row span:first-child{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.menu-row small{color:var(--dim);font-size:12px;font-weight:400}.toast{position:absolute;z-index:25;bottom:32px;left:50%;transform:translate(-50%,10px);padding:10px 20px;color:var(--ink);background:#0e0f12eb;border:1px solid var(--line);border-radius:9999px;box-shadow:0 16px 48px #0000006b;backdrop-filter:blur(20px);font-size:12px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .24s,transform .24s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1180px){.site-header{padding:18px 20px}.hero-logo-wrap{top:clamp(54px,7.5vh,84px)}.hero-logo-img{width:clamp(280px,26vw,380px)}.bottom-left-dock{left:20px;bottom:20px;width:calc(50vw - 28px);max-width:440px;gap:12px}.bottom-right-dock{right:20px;bottom:20px}}@media(max-width:860px){.app{display:grid;grid-template-rows:minmax(48svh,1fr) auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:100svh;position:relative;background:#140704}.scene-stack,.scene-wash,.vignette{grid-row:1 / 2;grid-column:1;inset:0;height:auto}.scene-image{object-position:center 30%}.scene-wash{background:linear-gradient(180deg,rgba(5,7,10,.18) 0%,transparent 12%),linear-gradient(0deg,#140704,#140704b3 16%,#14070400 42%)}main{grid-row:2;position:static;display:flex;flex-direction:column;gap:20px;margin-top:-48px;padding:0 16px max(24px,env(safe-area-inset-bottom,24px))}.site-header{padding:16px}.header-actions{gap:6px;min-width:auto}#zenBtn{display:none!important}.hero-logo-wrap{top:clamp(64px,10vh,90px);padding:0 16px}.hero-logo-img{width:clamp(190px,48vw,260px)}.bottom-left-dock{position:relative;inset:auto;width:auto;max-width:none;z-index:10;display:flex!important;flex-direction:column;gap:0}.bottom-left-dock .story-block{pointer-events:auto;padding:0;background:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important;backdrop-filter:none;-webkit-backdrop-filter:none}.bottom-left-dock .story-headline{font-size:clamp(24px,6.2vw,30px);margin:0 0 6px;color:var(--ink)}.bottom-left-dock .story-body{font-size:14px;line-height:1.45;margin:0;color:#f7efd8eb}.bottom-left-dock .music-card,.bottom-right-dock{display:none!important}.mobile-dock{position:relative;inset:auto;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;box-sizing:border-box}.mobile-timeline-bar{align-self:stretch;width:100%;max-width:100%;position:relative;padding:6px 0;pointer-events:auto;box-sizing:border-box}.mobile-timeline-track{--rail-inset: 17px;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}.mobile-timeline-track:before{content:"";position:absolute;left:var(--rail-inset);right:var(--rail-inset);top:4px;height:2px;background:#ffffff2e;z-index:0}.mobile-timeline-track .rail-fill{top:4px;z-index:0}.mobile-timeline-stop{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;padding:0;cursor:pointer;min-width:34px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-timeline-stop:after{content:"";position:absolute;inset:-10px -4px}.mobile-timeline-dot{width:10px;height:10px;border-radius:50%;background:#1e120ee6;border:1.5px solid rgba(255,255,255,.4);box-shadow:0 1px 3px #0000004d;transition:all .2s cubic-bezier(.16,1,.3,1);display:block}.mobile-timeline-time{font-family:var(--ui);font-size:11px;font-weight:500;color:#f7efd8a6;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.03em;transition:color .18s;white-space:nowrap}.mobile-timeline-stop:hover .mobile-timeline-dot{border-color:#fff;transform:scale(1.15)}.mobile-timeline-stop.is-past .mobile-timeline-dot{background:var(--rail-accent);border-color:var(--rail-accent)}.mobile-timeline-stop.is-active .mobile-timeline-dot{background:var(--ink);border:2.5px solid var(--rail-accent);transform:scale(1.3);box-shadow:0 0 0 3px #ff6e304d,0 0 14px #ff6e3099}.mobile-timeline-stop.is-active .mobile-timeline-time{color:var(--ink);font-weight:700}.mobile-bar{align-self:stretch;width:100%;max-width:100%;padding:6px 12px 6px 8px;background:linear-gradient(90deg,#3e261eeb,#623024e0 55%,#7e2e20db);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:9999px;box-shadow:0 12px 36px #0000008c,inset 0 1px #ffffff40;display:flex;align-items:center;gap:10px;pointer-events:auto;box-sizing:border-box;position:relative;overflow:hidden}.mobile-vinyl{width:48px;height:48px;flex-shrink:0}.mobile-vinyl .vinyl-spindle{width:10px;height:10px}.mobile-player-center{flex:1 1 0px;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;cursor:pointer;z-index:1;overflow:hidden}.mobile-track-title{font-family:var(--ui);font-size:13px;font-weight:600;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-phase-meta{font-family:var(--ui);font-size:12px;font-weight:400;line-height:1.25;color:#f7efd8b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mobile-progress{height:10px;margin-top:3px}.mobile-progress:after{content:"";position:absolute;inset:-8px 0}.mobile-time{font-size:12px;color:#f7efd899;margin-top:1px}.mobile-player-controls{display:flex;align-items:center;gap:0;flex-shrink:0;z-index:1}.mobile-ctrl-btn{width:36px;height:44px;border-radius:50%;border:none;background:transparent;color:#f7efd8d9;display:grid;place-items:center;cursor:pointer;padding:0}.mobile-ctrl-btn:active{transform:scale(.9)}.mobile-play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--ink);color:#000;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 3px 12px #00000059;transition:transform .15s}.mobile-play-btn:active{transform:scale(.92)}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px))}}@media(max-width:480px){.hero-logo-wrap{top:clamp(60px,9vh,80px)}.hero-logo-img{width:clamp(170px,52vw,220px)}}@media(prefers-reduced-motion:reduce){.vinyl-disc{animation:none}.rail-fill,.stop-dot,.mobile-timeline-dot{transition:none}.story-block{animation-name:fadeIn}.app.zen-mode .bottom-left-dock,.app.zen-mode .bottom-right-dock,.app.zen-mode .mobile-dock{transform:none}.toast,.toast.show{transform:translate(-50%)}.icon-button:active,.mobile-ctrl-btn:active,.mobile-play-btn:active{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}