:root{--bg:#fff7e6;--bg-accent:#ffe9b3;--ink:#3b3024;--ink-soft:#7a6a55;--card:#fff;--shadow:0 10px 30px #5a3c142e;--radius:28px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 20% 10%, var(--bg-accent), var(--bg) 60%);color:var(--ink);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Nunito,Avenir Next,Segoe UI,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:4px;outline:4px solid #ff9f1c}img{pointer-events:none;display:block}.overview{min-height:100%;padding:calc(var(--safe-top) + 20px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 32px) calc(var(--safe-left) + 24px);flex-direction:column;gap:20px;display:flex}.overview__header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.overview__title{letter-spacing:.01em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:900}.overview__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-content:start;gap:24px;display:grid}@media (width>=900px){.overview__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=899px) and (width>=560px){.overview__grid{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:6px solid var(--tile-color);text-align:left;flex-direction:column;gap:14px;padding:16px 16px 20px;transition:transform .15s;display:flex}.tile:active{transform:scale(.96)}.tile__image-wrap{aspect-ratio:4/3;border-radius:calc(var(--radius) - 12px);background:var(--tile-color);display:block;position:relative;overflow:hidden}.tile__image{object-fit:cover;width:100%;height:100%}.tile__emoji{filter:drop-shadow(0 2px 4px #00000059);font-size:44px;line-height:1;position:absolute;bottom:10px;right:12px}.tile__title{font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.2}.icon-button{background:var(--card);width:56px;height:56px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.icon-button svg{fill:none;width:28px;height:28px;stroke:var(--ink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.player{background:#1b1612;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player__video{background:#000;width:100%;height:100%;position:relative}.player__mount,.player__mount iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player__shield{background:0 0;position:absolute;inset:0}.player__poster{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.player__caption-cover{height:calc(max(110px, 15vh) + var(--safe-bottom));background:#000;position:absolute;bottom:0;left:0;right:0}.player__fallback{background:var(--bg);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:absolute;inset:0}.player__fallback img{border-radius:var(--radius);max-width:min(70vw,520px);box-shadow:var(--shadow)}.player__fallback p{margin:0;font-size:24px;font-weight:700}.player__spinner{border:8px solid #ffffff40;border-top-color:var(--tile-color,#fff);border-radius:50%;width:72px;height:72px;margin:-36px 0 0 -36px;animation:.9s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.back-button{top:calc(var(--safe-top) + 16px);left:calc(var(--safe-left) + 16px);background:var(--tile-color,#ffd166);width:84px;height:84px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute}.back-button svg{fill:none;width:44px;height:44px;stroke:var(--ink);stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.play-button{background:var(--tile-color,#ffd166);width:180px;height:180px;box-shadow:0 0 0 14px #ffffff40, var(--shadow);border-radius:50%;place-items:center;transition:all .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button svg{width:96px;height:96px;fill:var(--ink)}.play-button--playing{top:auto;left:auto;right:calc(var(--safe-right) + 16px);bottom:calc(var(--safe-bottom) + 16px);width:84px;height:84px;box-shadow:var(--shadow);opacity:.85;transform:none}.play-button--playing svg{width:40px;height:40px}.player__title{left:50%;bottom:calc(var(--safe-bottom) + 28px);color:#fff;white-space:nowrap;pointer-events:none;background:#ffffff1f;border-radius:999px;margin:0;padding:10px 22px;font-size:22px;font-weight:800;position:absolute;transform:translate(-50%)}