:root{--red:#FF0033;--ink:#15313b;--soft:#f2f7f5;--line:#c7d9d4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--soft);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}.appbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(17px,4vw,45px);background:#fff;border-bottom:1px solid #dce7e3;position:sticky;top:0;z-index:20}.brand-button{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;color:var(--ink)}.brand-button>span:last-child{display:flex;flex-direction:column}.brand-button strong{font-size:1.25rem}.brand-button small{margin-top:2px;color:#648086;font-weight:700}.logo{width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border-radius:15px;color:#fff;background:var(--red);font-size:1.2rem}.install-button{min-height:48px;padding:0 18px;border:0;border-radius:14px;color:#fff;background:var(--red);font-weight:900}.view{display:none}.view.active{display:block}.welcome,.topics,.search-all,.list-heading,.search,.video-grid{max-width:1280px;margin-left:auto;margin-right:auto}.welcome{padding:42px 25px 22px}.welcome h1,.list-heading h1{margin:0;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.045em}.welcome p,.list-heading p{margin:10px 0 0;color:#5d777d;font-size:1.3rem;font-weight:700}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:10px 25px}.topic{min-height:260px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:27px;border:0;border-radius:28px;color:#fff;text-align:left;box-shadow:0 16px 34px #213f4726}.topic span{font-size:4.3rem}.topic strong{font-size:2rem}.topic small{color:#ffffffc9;font-weight:800}.fishing{background:linear-gradient(145deg,#0c8d9b,#075985)}.nature{background:linear-gradient(145deg,#518d50,#24552b)}.music{background:linear-gradient(145deg,#a44b77,#6d2f54)}.past{background:linear-gradient(145deg,#c2742e,#7b421b)}.search-all{width:calc(100% - 50px);min-height:68px;display:flex;align-items:center;justify-content:center;margin-top:25px;border:2px solid var(--line);border-radius:19px;background:#fff;color:var(--ink);font-size:1.35rem;font-weight:900}.list-heading{display:flex;align-items:center;gap:18px;padding:32px 25px 17px}.list-heading h1{font-size:3rem}.back-button,.home-icon{width:59px;height:59px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:#fff;color:var(--ink);font-size:2rem;font-weight:900}.search{display:flex;align-items:center;gap:12px;margin-top:4px;padding:0 25px}.search span{position:absolute;margin-left:19px;font-size:1.7rem}.search input{width:100%;height:67px;padding:0 22px 0 58px;border:2px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);font-size:1.25rem;font-weight:800;outline:0}.search input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ff00331d}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 25px 50px}.video-card{overflow:hidden;padding:0;border:1px solid #d8e3df;border-radius:22px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 10px 23px #233c4516}.thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#144b59}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb em{position:absolute;right:11px;bottom:10px;padding:6px 8px;border-radius:7px;color:#fff;background:#000c;font-size:.82rem;font-style:normal;font-weight:900}.video-card strong{display:block;padding:19px;font-size:1.18rem;line-height:1.3}.player-view{min-height:100vh;background:#071e2a;color:#fff}.player-top{height:82px;display:grid;grid-template-columns:150px 1fr 60px;align-items:center;gap:16px;padding:12px clamp(17px,3vw,38px)}.player-top>div{text-align:center}.player-top>div{display:flex;flex-direction:column;gap:4px}.player-top small{color:#ffffff9c}.back-wide{min-height:55px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:16px;background:#fff;color:var(--ink);font-size:1.1rem;font-weight:900}.home-icon{color:#fff;background:#ffffff15;border-color:#ffffff28}.video-shell{position:relative;width:min(1450px,calc(100% - 42px));margin:auto;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#000;box-shadow:0 25px 60px #0007}.video-shell iframe{width:100%;height:100%;border:0;pointer-events:none}.start-cover{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(#071e2a33,#071e2acc)}.start-cover.hidden{display:none}.start-cover button{display:flex;align-items:center;gap:13px;padding:20px 27px;border:0;border-radius:18px;color:#fff;background:var(--red);font-size:1.4rem;font-weight:950;box-shadow:0 14px 34px #0007}.start-cover span{font-size:1.8rem}.controls{width:min(1450px,calc(100% - 42px));display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px auto 0;padding-bottom:24px}.controls button{min-height:84px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #ffffff21;border-radius:19px;color:#fff;background:#153d49;font-size:1.15rem;font-weight:900}.controls b{font-size:2.1rem}.controls .pause{color:#1d3037;background:var(--red)}dialog{width:min(550px,calc(100% - 30px));padding:34px;border:0;border-radius:25px;color:var(--ink);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#081c28b8;backdrop-filter:blur(4px)}dialog h2{margin:15px 0 8px;font-size:2rem;letter-spacing:-.03em}dialog p,dialog li{font-size:1.08rem;line-height:1.55;color:#536b71}.dialog-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:2rem}.dialog-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--red);font-size:1.7rem}.confirm-install{width:100%;min-height:58px;border:0;border-radius:15px;color:#fff;background:var(--red);font-weight:950}.message{position:fixed;left:50%;bottom:24px;z-index:100;transform:translateX(-50%) translateY(120px);max-width:calc(100% - 30px);padding:15px 21px;border-radius:14px;color:#fff;background:#183944;font-weight:900;box-shadow:0 15px 35px #0004;transition:.2s}.message.show{transform:translateX(-50%) translateY(0)}@media(max-width:900px){.topics{grid-template-columns:1fr 1fr}.topic{min-height:200px}.video-grid{grid-template-columns:1fr 1fr}.player-top{grid-template-columns:110px 1fr 58px}.controls button{flex-direction:column;gap:2px}.controls b{line-height:1}}@media(max-width:560px){.appbar{height:72px}.brand-button strong{font-size:1rem}.brand-button small{display:none}.logo{width:43px;height:43px}.install-button{padding:0 12px;font-size:.88rem}.welcome{padding-top:30px}.welcome h1{font-size:2.55rem}.topics{gap:13px;padding:7px 16px}.topic{min-height:165px;padding:18px}.topic span{font-size:2.8rem}.topic strong{font-size:1.45rem}.topic small{font-size:.75rem}.search-all{width:calc(100% - 32px)}.video-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.search,.list-heading{padding-left:16px;padding-right:16px}.player-top{grid-template-columns:58px 1fr 58px}.back-wide{width:58px}.back-wide span{display:none}.player-top>div strong{font-size:.9rem}.video-shell,.controls{width:calc(100% - 20px)}.controls{gap:7px}.controls button{min-height:72px;font-size:.78rem}.controls b{font-size:1.55rem}}@media(display-mode:standalone){.install-button{display:none}}