:root{--bg: #ffffff;--paper: #fbfaf7;--ink: #0f0f0f;--muted: #8a8a8a;--line: #e8e6df;--accent: #0f0f0f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:radial-gradient(ellipse 120% 60% at 50% 0%,#f5f3ec 0%,transparent 55%),var(--bg);color:var(--ink);font-family:Heebo,system-ui,-apple-system,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 24px 56px;gap:42px}.header{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.logo{width:260px;height:auto}.title-he{font-family:Heebo,sans-serif;font-size:clamp(24px,3.2vw,36px);font-weight:300;letter-spacing:-.012em;color:var(--ink);line-height:1.2}.stage{width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;gap:34px}.player-frame{position:relative;width:100%;aspect-ratio:1080 / 1350;background:var(--bg);border-radius:18px;overflow:hidden;box-shadow:0 1px #0000000a,0 2px 4px #00000005,0 24px 80px -36px #00000038;line-height:0}.player-scale-wrap{position:absolute;top:0;left:0;transform-origin:top left}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;pointer-events:none}.play-overlay .icon{pointer-events:auto;width:56px;height:56px;border-radius:50%;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-block;position:relative;opacity:0;transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1);box-shadow:0 1px #0000000a,0 8px 24px #00000024}.play-overlay:hover .icon{opacity:1;transform:scale(1.04)}.play-overlay .icon.play:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border-left:15px solid var(--ink);border-top:10px solid transparent;border-bottom:10px solid transparent;transform:translate(2px)}.play-overlay .icon.pause:before,.play-overlay .icon.pause:after{content:"";position:absolute;top:18px;width:5px;height:20px;background:var(--ink);border-radius:1px}.play-overlay .icon.pause:before{left:20px}.play-overlay .icon.pause:after{right:20px}.controls{width:100%;display:flex;align-items:center;gap:18px}.nav-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:26px;font-weight:300;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.nav-btn:hover{border-color:var(--ink);transform:scale(1.07);box-shadow:0 6px 18px -8px #00000029}.dots{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.dot{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 4px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s,box-shadow .26s}.dot img{width:100%;max-width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply;transition:transform .32s cubic-bezier(.22,1,.36,1)}.dot:hover img{transform:translateY(-2px) scale(1.05)}.dot-label{font-family:Heebo,sans-serif;font-size:11px;font-weight:400;color:var(--muted);text-align:center;line-height:1.25;min-height:28px;display:flex;align-items:flex-start;justify-content:center}.dot:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 10px 24px -10px #0000002e}.dot.active{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink),0 8px 22px -8px color-mix(in oklch,var(--tint, #ccc) 80%,transparent)}.dot.active:after{content:"";position:absolute;left:50%;bottom:-10px;width:5px;height:5px;border-radius:50%;background:var(--ink);transform:translate(-50%)}@media (max-width: 960px){.page{padding:28px 16px 40px;gap:30px}.logo{width:200px}.stage{gap:22px;max-width:100%}}.m-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff}