:root{--ink:#343a30;--cream:#efe8d9;--olive:#414a38;--muted:#737968;--scene:url("/assets/asset-1.jpg")}*{box-sizing:border-box}body{margin:0;padding:27px;background:#b7ad9e;background-image:linear-gradient(#aaa18e77,#aaa18e77),var(--scene);background-size:cover;background-position:center;background-attachment:fixed;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6d7d51;outline-offset:4px}a{color:inherit;text-decoration:none}.window{max-width:1430px;margin:auto;border:1px solid #fff7;border-radius:24px;background:#e8e3d6bc;backdrop-filter:blur(17px);box-shadow:0 30px 80px #2c30273d;overflow:hidden}header{position:relative;height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;z-index:8;background:#eee8dd85}.wordmark{display:flex;align-items:center;font:bold italic 42px/1 Georgia,serif;gap:9px;letter-spacing:-2px}.wordmark>span{font:500 28px Georgia,serif;letter-spacing:-1.5px}.wordmark small{font:6px Arial,sans-serif;letter-spacing:1.7px;margin-left:15px;max-width:70px;line-height:1.8}.top-nav{display:flex;align-items:center;gap:4px;background:#f7f3e49e;border:1px solid #fff7;border-radius:30px;padding:5px}.top-nav button{font-size:10px;border-radius:25px;padding:11px 19px;color:#747967}.top-nav button.active{background:#424a39;color:#f8f4e7;box-shadow:0 3px 9px #35422e20}.top-nav button span{font-size:8px;opacity:.6;margin-left:6px}.add{font-size:10px;display:flex;gap:20px;align-items:center;background:#41483a;color:#f6f1e3;border-radius:30px;padding:7px 7px 7px 20px}.add span{width:29px;height:29px;border-radius:50%;background:#f7f3e6;color:#4b5140;display:grid;place-items:center;font-size:15px}.scene{position:relative;isolation:isolate;padding:28px 56px 0;background:var(--scene) center/cover;overflow:hidden}.scene-veil{position:absolute;inset:0;background:linear-gradient(110deg,#f0e8d2e8 0%,#e5dcc2a6 44%,#878a6a60),linear-gradient(0deg,#c6c3ac66,#ffffff00 60%);z-index:-1}.intro{display:flex;justify-content:space-between;gap:30px;align-items:center}.overline{font-size:7px;letter-spacing:2.5px;color:#737b64;margin:0 0 18px}h1{font:400 54px/.98 Georgia,serif;letter-spacing:-2.7px;margin:0;color:#333c2c}h1 em{font-weight:400;font-style:normal;color:#796b51}.intro-aside{border-left:1px solid #72806980;padding:5px 0 5px 16px;margin-right:20px}.intro-aside>span{font:19px/1.2 Georgia,serif;color:#4e5b40}.intro-aside button{display:block;padding:0;margin-top:16px;font-size:9px;color:#7b866a}.explorer{display:flex;gap:15px;align-items:center;margin:24px 0 28px}.search-wrap{display:flex;align-items:center;gap:10px;background:#f4f0e4b0;border:1px solid #fff8;border-radius:30px;padding:11px 15px;backdrop-filter:blur(18px);min-width:300px}.search-wrap svg{width:15px;height:15px;fill:none;stroke:#7c8970;stroke-width:1.5;flex-shrink:0}.search-wrap input{width:100%;border:0;outline:none;background:none;font-size:10px;min-width:0;color:#3d4b32}.search-wrap input::placeholder{color:#8a937e}.search-wrap kbd{font-size:9px;color:#8c977e}.filters{display:flex;gap:3px;background:#e8e6d288;border:1px solid #fff5;padding:4px;border-radius:28px;backdrop-filter:blur(18px)}.filters button{font-size:9px;color:#78866b;padding:9px 13px;border-radius:23px;white-space:nowrap}.filters button.active{background:#f7f5e7cc;color:#4c5e3c;box-shadow:0 2px 8px #4350340b}.carousel-heading{display:flex;justify-content:space-between;color:#768267;font-size:7px;letter-spacing:1.7px;margin:0 3px 0}.carousel-heading>span:last-child{letter-spacing:0;color:#7c8b6b;font-size:9px}.carousel{height:397px;position:relative;perspective:1250px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.fan{position:absolute;inset:0;transform-style:preserve-3d}.slide{position:absolute;left:50%;top:20px;width:286px;height:353px;margin-left:-143px;border:1px solid #ffffff9e;border-radius:22px;overflow:hidden;background:#53604682;color:#fff9e8;box-shadow:0 20px 35px #333b2a30,inset 0 1px #fff5;transform-origin:center;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.23,.8,.23,1),opacity .5s,filter .5s;cursor:pointer;will-change:transform;backdrop-filter:blur(22px);text-align:left;padding:0}.slide:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 20px #fff1}.slide[data-pos="0"]{cursor:default;border-color:#fff9;box-shadow:0 24px 45px #303d2840,inset 0 1px #fff8}.slide-photo{position:absolute;inset:0;background-image:linear-gradient(0deg,#273024f0 0%,#273024d9 24%,#26302308 75%),var(--scene);background-size:cover;filter:var(--tone);background-position:var(--crop);z-index:-1}.slide-top{display:flex;justify-content:space-between;align-items:center;padding:16px}.slide-top span{font-size:7px;letter-spacing:1.4px;color:#f3edda;background:#edecd12e;border:1px solid #fff3;padding:5px 8px;border-radius:20px;backdrop-filter:blur(10px)}.slide-top .vip{background:#d2b778a6;color:#fff6da;border-color:#f4d69d9c}.slide-top button{color:#fff9;font-size:17px;border:1px solid #fff4;width:26px;height:26px;border-radius:50%}.slide-info{position:absolute;bottom:0;left:0;right:0;padding:22px 22px 19px}.slide-info .small-line{font-size:8px;letter-spacing:1.3px;color:#dfdcc7;margin:0 0 8px}.slide h2{font:400 26px/1.02 Georgia,serif;letter-spacing:-.7px;margin:0 0 10px;color:#fff7e5}.slide p{font-size:10px;line-height:1.65;color:#d5d8c8;margin:0 0 13px;max-width:240px}.slide-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff3;padding-top:12px;color:#d7dbc7;font-size:8px}.slide-open{color:#fff8e4;background:#ffffff1c;border:1px solid #fff4;border-radius:20px;font-size:8px;padding:7px 10px}.slide[data-pos]:not([data-pos="0"]) .slide-info p,.slide[data-pos]:not([data-pos="0"]) .slide-bottom{display:none}.slide[data-pos]:not([data-pos="0"]) h2{font-size:20px}.slide[data-pos]:not([data-pos="0"]) .slide-top button{display:none}.slide[data-pos]:not([data-pos="0"]) .slide-info{padding:18px}.slide[data-pos]:not([data-pos="0"]) .slide-info .small-line{font-size:7px}.slide.featured{border-color:#efd4a0!important}.slide.featured[data-pos="0"]{box-shadow:0 0 24px #e4bf6c28,0 24px 45px #303d2840}.control-wrap{position:relative;margin:-5px auto 18px;width:max-content;max-width:100%;z-index:8}.control{display:flex;gap:11px;align-items:center;border:1px solid #f9f5e7a8;background:#eee8d287;padding:8px;border-radius:45px;box-shadow:0 8px 25px #414b3315;backdrop-filter:blur(22px);width:380px;max-width:100%}.round{width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#fff4;color:#61714d;display:grid;place-items:center;font-size:15px}.round:hover{background:#fff8}.round:disabled{opacity:.3;cursor:default}.heart{background:none;font-size:22px}.heart.saved{color:#8f7340}.control-cover{background:var(--scene) center/cover;width:44px;height:44px;border:1px solid #fff8;flex-shrink:0;border-radius:50%}.control-copy{min-width:0;flex:1}.control-copy strong{font-weight:400;color:#4d5e3d;font-size:11px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.control-copy>span{font-size:8px;color:#7c8b68}.dots{display:flex;justify-content:center;gap:5px;margin-top:13px}.dots button{width:5px;height:5px;border-radius:50%;background:#8d967c66;padding:0;transition:width .3s}.dots button.active{width:17px;background:#5b6c49;border-radius:5px}.empty{text-align:center;color:#697b53;padding:90px 0;font:25px Georgia,serif}.empty button{display:block;margin:20px auto;font:11px Arial,sans-serif;text-decoration:underline}.scene-footer{border-top:1px solid #ffffff50;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:19px 0 20px}.scene-footer>span{font-size:6px;letter-spacing:1.8px;color:#7d8a6b}.scene-footer p{font-size:9px;line-height:1.7;color:#7c896b;margin:0}footer{display:flex;justify-content:space-between;gap:20px;padding:17px 38px;background:#ede8dbb3;color:#88917c;font-size:6px;letter-spacing:1.2px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#454f39;color:#fff8e8;border-radius:25px;font-size:11px;z-index:50}.toast[hidden]{display:none}dialog{width:min(420px,calc(100% - 30px));background:#eeeadaf5;border:1px solid #fff9;border-radius:24px;padding:28px;color:#44503a;box-shadow:0 20px 80px #26351b40}dialog::backdrop{background:#33442a66;backdrop-filter:blur(10px)}.modal-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;color:#8a9579}.modal-top button{font-size:25px}.modal-action{width:100%;background:#48583a;color:#f8f4e5;border-radius:25px;padding:13px;margin-top:20px;font-size:10px}.modal-cancel{width:100%;color:#8d997c;font-size:10px;padding:14px}dialog h2{font:32px/1.05 Georgia,serif;letter-spacing:-1px;margin:20px 0 14px}dialog p{font-size:11px;color:#839171;line-height:1.8}.modal-image{height:150px;background:var(--scene) center/cover;border-radius:15px;margin-top:20px}.card-count{font-size:8px;letter-spacing:1px;color:#b9c3ab}
@media(min-width:1550px){.scene{padding-left:80px;padding-right:80px}.carousel{height:440px}.slide{height:380px;width:305px;margin-left:-152.5px}.intro h1{font-size:62px}.explorer{margin-top:30px}}
@media(max-width:1050px){header{padding:0 24px}.wordmark small{display:none}.scene{padding:24px 30px 0}.explorer{flex-wrap:wrap;gap:10px}.search-wrap{min-width:280px;flex:1}.filters{flex:1;justify-content:space-between}.filters button{padding:9px 10px}h1{font-size:48px}.intro-aside{margin-right:0}.slide{width:270px;margin-left:-135px}.carousel{height:390px}}
@media(max-width:600px){body{padding:10px 9px;background-attachment:scroll}.window{border-radius:22px}.scene{padding:23px 18px 0}header{height:75px;padding:0 17px;gap:10px}.wordmark{font-size:34px;gap:6px}.wordmark>span{font-size:23px}.top-nav{padding:3px;gap:0}.top-nav button{font-size:8px;padding:9px 11px}.top-nav button span{margin-left:3px;font-size:7px}.add{font-size:0;padding:4px;background:#535d44}.add span{font-size:15px;width:29px;height:29px}.intro{gap:10px}.overline{font-size:6px;letter-spacing:1.8px;margin-bottom:15px}h1{font-size:37px;letter-spacing:-1.8px;line-height:1.01}.intro-aside{display:none}.explorer{display:block;margin:22px 0 23px}.search-wrap{width:100%;min-width:0;padding:12px 14px;border-radius:25px}.search-wrap input{font-size:10px}.filters{margin:12px -18px 0;padding:4px 18px;border:0;background:none;border-radius:0;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;gap:4px;backdrop-filter:none}.filters::-webkit-scrollbar{display:none}.filters button{padding:8px 13px;font-size:9px;background:#e9e7d18c;border:1px solid #f9f5e67a}.filters button.active{background:#f6f4e5;color:#47583a}.carousel-heading{font-size:6px;letter-spacing:1px;margin:0 1px 0}.carousel-heading>span:last-child{font-size:7px}.carousel{height:365px;margin:0 -18px;perspective:1050px}.slide{width:237px;height:327px;margin-left:-118.5px;top:18px;border-radius:20px}.slide-info{padding:20px}.slide h2{font-size:25px}.slide p{font-size:10px;line-height:1.7}.slide-info .small-line{font-size:7px}.slide-top{padding:13px}.slide-top span{font-size:6px}.slide-open{font-size:8px}.control-wrap{width:100%;margin:0 auto 18px}.control{width:330px;max-width:100%;margin:auto;gap:8px;padding:7px}.round{width:30px;height:30px;font-size:15px}.heart{font-size:21px}.control-cover{width:38px;height:38px}.control-copy strong{font-size:10px}.control-copy>span{font-size:7px}.dots{margin-top:12px;gap:6px}.scene-footer{padding:16px 0 17px;gap:14px}.scene-footer>span{font-size:5px;max-width:60px;line-height:1.8}.scene-footer p{font-size:7px}.scene-footer>span:last-child{display:none}footer{font-size:5px;letter-spacing:.8px;padding:14px 17px;gap:16px;line-height:1.8}footer>span:last-child{max-width:130px;text-align:right}.toast{font-size:10px;max-width:90%;width:max-content}}
@media(prefers-reduced-motion:reduce){.slide{transition:none!important}.dots button{transition:none!important}}
/* Legibility on glass and warm scenery. */
.top-nav button,.add{font-size:12px}.filters button{font-size:11px}.search-wrap input{font-size:12px}.carousel-heading>span:last-child{font-size:11px}.intro-aside button{font-size:11px;color:#505e42}.slide-top>span{font-size:9px}.slide-info p{font-size:12px;line-height:1.55}.slide-bottom{font-size:9px}.scene-footer{color:#566149}.scene-footer p{font-size:10px}.control-copy strong{font-size:12px}.control-copy span{font-size:10px}.round svg,.slide-open svg,.add span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}.control{background:#e9e7d4db}.slide-top .vip{background:#b28d36;color:#fff8d8;border-color:#e8ce7a;box-shadow:0 0 18px #efd98670}.slide.featured[data-pos="0"]{box-shadow:0 24px 48px #303b3245,0 0 30px #c49a4f4d}
@media(max-width:600px){.top-nav button{font-size:10px}.filters button{font-size:10px}.search-wrap input{font-size:12px}.slide-info p{font-size:11px}.control-copy strong{font-size:11px}.control-copy span{font-size:9px}.scene-footer p{font-size:9px}.carousel-heading>span:last-child{font-size:9px}}

[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:16px}.jump-catalog{display:inline-flex;gap:22px;align-items:center;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #74826380;font-size:13px}.catalog{padding:42px 56px 32px;background:#e6e2d6}.catalog-intro{display:flex;justify-content:space-between;align-items:end;gap:15px}.catalog-intro .overline{font-size:9px;letter-spacing:2px;color:#6b735e;margin-bottom:10px}.catalog h2{font:38px/1.1 Georgia,serif;letter-spacing:-1px;margin:0}.catalog h2 span{color:#a38a4b}.catalog-intro>span{font-size:12px;color:#69725e;white-space:nowrap}.catalog .explorer{margin:25px 0 16px}.catalog .search-wrap{background:#f5f2e9}.catalog .filters{background:#d8d8c9}.catalog .filters button{color:#4c5943}.catalog .filters button.active{background:#46543a;color:#fff9e8}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px;gap:10px}.sorts{display:flex;gap:5px}.sorts button{padding:11px 13px;border-radius:12px;font-size:12px;color:#747b69}.sorts button.active{background:#d1d4bf;color:#39492e}.list-label{font-size:9px;color:#8b917e;letter-spacing:1px}.channel-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-row{border:1px solid #f8f6ef;border-radius:20px;background:#f2efe5;padding:22px;position:relative;box-shadow:0 3px 8px #414b3304}.row-vip{background:linear-gradient(125deg,#f6edd4,#ede7d7);border-color:#c9ac65;box-shadow:0 0 22px #bb964519,inset 0 0 0 1px #e3cc9433}.row-head{display:flex;align-items:center;gap:13px}.row-avatar{height:58px;width:58px;border-radius:17px;flex-shrink:0;display:grid;place-items:center;background:#6b7a57;color:#f1ecd9;font:28px Georgia,serif}.avatar-culture{background:#997a66}.avatar-authors{background:#747981}.avatar-tech{background:#5e7880}.avatar-adult{background:#7f6170;font:20px Arial}.row-title{min-width:0;flex:1}.row-category{font-size:10px;color:#7a806c}.row-title h3{font-size:17px;line-height:1.25;margin:5px 0}.row-title h3 button{font-weight:600;padding:0;text-align:left}.row-subs{font-size:11px;color:#68775b}.row-badge{font-size:10px;color:#69521a;background:#e8d192;border:1px solid #cdb36d;padding:6px 8px;border-radius:20px;align-self:flex-start;font-weight:bold}.row-desc{font-size:13px;line-height:1.6;color:#6a715e;margin:17px 0;min-height:62px}.row-actions{display:flex;align-items:center;gap:10px}.row-details{display:flex;justify-content:space-between;align-items:center;flex:1;background:#dfe3d2;color:#405035;border-radius:12px;min-height:44px;padding:12px 16px;font-size:12px}.row-vip .row-details{background:#46523a;color:#fff4d8}.row-details>span{font-size:18px}.row-heart{height:44px;width:44px;border:1px solid #d6dac9;border-radius:13px;font-size:24px;color:#788169}.row-heart.is-saved{color:#987738;background:#eadbb3}.list-empty{text-align:center;padding:50px 10px;color:#68775b}.list-empty h3{font:26px Georgia,serif}.list-empty p{font-size:14px}.list-empty button{padding:14px 22px;background:#48583a;color:#fff4e2;border-radius:30px;margin-top:12px}.catalog-end{font-size:11px;color:#838a76;text-align:center;margin:28px 0 4px}.mobile-nav{display:none}.scene .carousel-heading{margin-top:24px}.scene .control-wrap{margin-bottom:24px}.dots button{position:relative}.dots button:after{content:'';position:absolute;inset:-10px -3px}.slide-top span{background:#34412d70;color:#fff5e1}.catalog .search-wrap input{font-size:16px}.catalog .search-wrap{min-height:48px}.catalog .filters button{min-height:44px;font-size:12px}
@media(max-width:800px){.catalog{padding:30px 24px}.channel-list{grid-template-columns:1fr}.catalog .filters{flex:0 0 100%;justify-content:flex-start;overflow-x:auto}.catalog .search-wrap{flex-basis:100%}.channel-row{padding:20px}.row-desc{min-height:0}.list-label{display:none}}
@media(max-width:600px){body{padding:0 0 80px;background:#dedbce;background-image:none}.window{border:0;border-radius:0;box-shadow:none;backdrop-filter:none}header{height:60px;padding:0 18px;background:#e9e5d9}.wordmark{font-size:31px}.wordmark>span{font-size:25px}.top-nav{display:none}.add{font-size:0;padding:5px}.add span{width:32px;height:32px}.scene{padding:24px 20px 0;background-position:65% center}.scene-veil{background:linear-gradient(110deg,#f0e8d2dc,#e5dcc28f 60%,#878a6a50)}.overline{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}h1{font-size:35px;letter-spacing:-1.5px;line-height:1.04}.jump-catalog{font-size:12px;margin-top:14px;min-height:30px}.scene .carousel-heading{margin-top:20px;font-size:7px}.carousel-heading>span:last-child{font-size:10px;color:#526442}.carousel{height:275px;margin:0 -20px;perspective:950px}.slide{width:206px;height:249px;margin-left:-103px;top:14px;border-radius:18px;backdrop-filter:none;will-change:auto}.slide-info{padding:16px}.slide h2{font-size:23px;margin-bottom:8px}.slide-info p{font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.slide-info .small-line{font-size:6px}.slide-top{padding:12px}.slide-top span{font-size:7px;padding:5px 7px;letter-spacing:.5px}.slide-bottom{font-size:8px;padding-top:9px}.slide-open{padding:6px 8px}.slide[data-pos]:not([data-pos="0"]) h2{font-size:18px}.scene .control-wrap{margin:0 auto 22px}.control{width:320px;padding:6px;gap:7px;backdrop-filter:none}.control-cover{width:34px;height:34px}.round{height:40px;width:40px}.control-copy strong{font-size:12px}.control-copy span{font-size:10px}.dots{margin-top:15px}.catalog{padding:27px 16px 28px;background:#e3e0d4;border-top:1px solid #f6f1e5}.catalog h2{font-size:29px}.catalog-intro .overline{font-size:7px;letter-spacing:1px;line-height:1.5;margin-bottom:9px}.catalog-intro>span{font-size:11px;padding-bottom:3px}.catalog .explorer{margin:21px 0 12px}.catalog .search-wrap{border:1px solid #fff9;border-radius:15px;padding:12px 14px;min-height:50px;backdrop-filter:none}.catalog .search-wrap input{font-size:16px}.search-wrap kbd{display:none}.catalog .filters{margin:10px -16px 0;padding:2px 16px 8px;gap:7px;background:none;overflow-x:auto;scrollbar-width:none}.catalog .filters button{border-radius:12px;font-size:12px;min-height:44px;padding:10px 16px;background:#f0eee3;border:1px solid #f7f5eb}.catalog .filters button.active{background:#46543a;color:#f7f2e2;border-color:#46543a}.catalog-toolbar{margin-bottom:15px}.sorts{width:100%;gap:3px;border-bottom:1px solid #cbd0bc}.sorts button{flex:1;min-height:45px;padding:11px 3px;border-radius:0;font-size:12px;white-space:nowrap;color:#6f7863}.sorts button.active{background:none;color:#374a2b;border-bottom:2px solid #526746;font-weight:600}.channel-list{gap:13px}.channel-row{padding:17px;border-radius:19px}.row-head{gap:12px;align-items:center}.row-avatar{width:53px;height:53px;border-radius:16px;font-size:26px}.row-title h3{font-size:16px;line-height:1.3;margin:4px 0}.row-category{font-size:10px}.row-subs{font-size:11px}.row-badge{font-size:9px;padding:5px 7px;white-space:nowrap}.row-desc{font-size:13px;line-height:1.6;margin:15px 0}.row-details{min-height:46px;font-size:13px}.row-heart{height:46px;width:46px}.row-vip{box-shadow:0 0 17px #bb964521}.catalog-end{font-size:11px;line-height:1.6;margin:25px 15px 0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#eeeadef5;border-top:1px solid #c8cebc;display:flex;justify-content:space-around;padding:7px 8px max(9px,env(safe-area-inset-bottom));z-index:20;box-shadow:0 -5px 20px #394a2510}.mobile-nav a,.mobile-nav button{font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:65px;min-height:48px;color:#727c66}.mobile-nav span{font:23px Arial;line-height:1}.mobile-nav .active{color:#384e29}.mobile-nav .active span{background:#d7ddc8;border-radius:12px;padding:0 14px}.toast{bottom:85px}footer{font-size:7px;padding:16px;line-height:1.5;background:#d7d8c7;letter-spacing:.3px;color:#68775b}dialog h2{font-size:30px}dialog p{font-size:14px;color:#626f53}.modal-action,.modal-cancel{font-size:13px;min-height:46px}.modal-top button{min-width:44px;min-height:44px}.modal-top{font-size:9px}.intro-aside{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.row-details svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6}.row-title h3 button{overflow-wrap:anywhere}.row-badge{flex-shrink:0}

html{overflow-anchor:none}
@font-face{font-family:VelvetSerif;font-weight:400;font-style:normal;src:url(/assets/asset-2.woff) format("woff");font-display:swap}@font-face{font-family:VelvetSerif;font-weight:700;font-style:normal;src:url(/assets/asset-3.woff) format("woff");font-display:swap}@font-face{font-family:VelvetSans;font-weight:400;font-style:normal;src:url(/assets/asset-4.woff) format("woff");font-display:swap}@font-face{font-family:VelvetSans;font-weight:600;font-style:normal;src:url(/assets/asset-5.woff) format("woff");font-display:swap}@font-face{font-family:VelvetDisplay;font-weight:400;font-style:normal;src:url(/assets/asset-6.woff) format("woff");font-display:swap}
:root{--text-font:VelvetSans,Arial,sans-serif;--title-font:VelvetSerif,Georgia,serif;--title-weight:400;--title-track:-1.6px}body,button,input{font-family:var(--text-font)}h1,.catalog h2,.slide h2,dialog h2{font-family:var(--title-font);font-weight:var(--title-weight);letter-spacing:var(--title-track)}.wordmark>span{font-family:VelvetSerif,Georgia,serif}.row-title h3{font-family:var(--text-font);font-weight:600;letter-spacing:-.35px}.row-title h3 button{font-weight:600}.row-desc{font-size:13px;line-height:1.7}.top-nav{background:none;border:0;gap:24px;font-size:12px}.type-lab{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #77856730;padding:0 0 15px;margin-bottom:24px}.type-lab>span{font-size:11px;color:#647452}.type-lab>div{display:flex;gap:5px}.type-lab button{min-height:38px;padding:9px 12px;border-radius:20px;font-size:10px;color:#657557;background:#f3f0e480}.type-lab button.selected{background:#47563a;color:#fff6e3}.mobile-nav{justify-content:space-around}.mobile-nav a,.mobile-nav button{min-width:80px}.slide h2{letter-spacing:-.6px}.control-copy strong{font-family:var(--text-font)}html[data-type=clean]{--title-font:VelvetSans,Arial,sans-serif;--title-weight:600;--title-track:-2px}html[data-type=bold]{--title-font:VelvetDisplay,Arial,sans-serif;--title-weight:400;--title-track:-2.3px}html[data-type=bold] .row-title h3{font-family:VelvetDisplay,Arial,sans-serif;font-weight:400;letter-spacing:-.5px}html[data-type=bold] .row-title h3 button{font-weight:400}html[data-type=clean] .wordmark>span{font-family:VelvetSans,sans-serif}html[data-type=bold] .wordmark>span{font-family:VelvetDisplay,sans-serif}
@media(max-width:600px){.type-lab{display:block;margin-bottom:22px;padding-bottom:17px}.type-lab>span{display:block;font-size:10px;margin-bottom:9px}.type-lab>div{gap:6px}.type-lab button{min-height:44px;flex:1;font-size:10px;padding:10px 6px;border-radius:12px}h1{font-size:34px;line-height:1.12;letter-spacing:var(--title-track)}.catalog h2{font-size:27px;letter-spacing:-1px}.slide h2{font-size:21px;line-height:1.1}.slide[data-pos]:not([data-pos="0"]) h2{font-size:17px}.row-title h3{font-size:16px;line-height:1.35}.row-desc{font-size:13px;line-height:1.7}.catalog .search-wrap input{font-size:16px}.sorts button{font-size:11px}.catalog-intro .overline{font-size:7px;letter-spacing:.7px}.control{width:300px}.control-copy strong{font-size:11px}.control-copy span{font-size:9px}html[data-type=clean] h1{font-size:35px}html[data-type=bold] h1{font-size:37px}}

/* Ocean study: presentation only, existing structure and controls retained. */
:root{--ink:#edf9ff;--cream:#061724;--olive:#72dcff;--muted:#9bbcd0}html:not([data-type]){--title-font:VelvetSans,Arial,sans-serif;--title-weight:600;--title-track:-2px}body{color:#edf9ff;background:#010b12;background-image:radial-gradient(ellipse at 50% 0,#063a55a0,transparent 65%)}.window{background:#031321;border-color:#5ad7ff22;box-shadow:0 20px 90px #0008;backdrop-filter:none}header{background:#020d16d9;border-bottom:1px solid #90d9ff16}.wordmark,.wordmark>span{color:white}.wordmark{font-family:VelvetSans,sans-serif;font-style:normal}.wordmark>span{font-family:VelvetSans,sans-serif}.wordmark small{color:#6d98ae}.top-nav a{color:#b5d5e3}.add{background:#123c52;color:#e6f9ff;border:1px solid #65d2fa40}.add span{background:#67d7ff;color:#073246}.scene{background-position:center 30%;background-size:cover}.scene-veil{background:linear-gradient(180deg,#0015222b 0%,#00132254 35%,#00101ad9 100%)}.intro{padding-top:12px}h1{color:#fff;text-shadow:0 4px 40px #0007;font-size:64px;line-height:1.02}h1 em{color:#bdeeff}.overline{color:#a8dcef;letter-spacing:2px}.intro-aside{border-color:#76caed50}.intro-aside>span,.intro-aside button{color:#c0e8f6}.jump-catalog{color:#dbf8ff;border-color:#6ac9ed70}.type-lab{border-bottom-color:#65c6ed30}.type-lab>span{color:#99c7d9}.type-lab button{background:#092b40bb;color:#b8dbe8;border:1px solid #62cdf52b;backdrop-filter:blur(10px)}.type-lab button.selected{color:#fff;background:#1976a780;border-color:#6cd7ff77}.carousel-heading,.carousel-heading>span:last-child{color:#9ccddd}.slide{background:#07324977;border-color:#a4e9ff80;border-radius:24px;box-shadow:0 15px 45px #0007;backdrop-filter:blur(12px)}.slide-photo{background-image:linear-gradient(0deg,#00111df5,#00213690 40%,#013e5a10 90%),var(--scene)}.slide h2{color:#fff}.slide p{color:#bbdfec}.slide-info .small-line{color:#79c6e5}.slide-top span{color:#c9edf9;background:#0a3e5966;border-color:#95dffb40}.slide-top .vip{background:#73def3;color:#00354e;border-color:#cafaff;box-shadow:0 0 18px #40cfff70}.slide.featured{border-color:#a9edff!important}.slide.featured[data-pos="0"]{box-shadow:0 0 35px #35cfff28,0 20px 45px #0006}.slide-bottom{border-top-color:#8fdaf333;color:#b6d9e7}.slide-open{color:#fff;border-color:#a9e5fb66;background:#4eb6e822}.control{background:#10394f90;border-color:#80d8f65c;border-radius:26px;box-shadow:0 10px 30px #0004}.control-copy strong{color:#e4f9ff}.control-copy span{color:#8fc0d3}.control-cover{border-color:#9ae6ff66}.round{color:#d8f6ff;background:#5ca6c333}.round:hover{background:#6fcae855}.dots button{background:#7bbed54d}.dots button.active{background:#9ae9ff}.catalog{position:relative;background:linear-gradient(180deg,#01121bf2,#061c2be8),var(--scene) center bottom/cover;border-top:1px solid #58c9f329}.catalog-intro .overline{color:#699db3}.catalog h2{color:#effbff}.catalog h2 span{color:#6cdbff}.catalog-intro>span{color:#83b1c5}.catalog .search-wrap{background:#0a2b3eaa;border-color:#4d9ebb45;border-radius:16px}.catalog .search-wrap input{color:#e5f7ff}.search-wrap input::placeholder{color:#7bafc3}.search-wrap svg{stroke:#75c6e3}.catalog .filters{background:#03203455;border-color:#3c859a35}.catalog .filters button{color:#8fbdce}.catalog .filters button.active{background:#79dcff;color:#06334a;border-color:#83e5ff}.sorts button{color:#77a3b8}.sorts button.active{background:#10405b;color:#b9efff}.sorts{border-bottom-color:#265066}.list-label{color:#50849b}.channel-row{background:linear-gradient(130deg,#12364a9c,#082033b3);border:1px solid #4386a54d;border-radius:21px;box-shadow:inset 0 1px #a0e8ff0b,0 9px 24px #0002;color:#ecf8ff}.row-avatar{background:linear-gradient(135deg,#0b5374,#268db0);color:#bdf3ff;box-shadow:inset 0 1px #bbf2ff2b}.avatar-culture{background:linear-gradient(135deg,#454e80,#38739a)}.avatar-authors{background:linear-gradient(135deg,#15566b,#428a94)}.avatar-tech{background:linear-gradient(135deg,#155082,#276eab)}.row-title h3{color:#f0fbff}.row-category{color:#6fb2cb}.row-subs{color:#95c2d3}.row-desc{color:#a4c5d4}.row-vip{background:linear-gradient(115deg,#114a6bb3,#092a4599);border-color:#7edcfa8f;box-shadow:0 0 25px #27bfff15,inset 0 1px #b5efff24}.row-badge{background:#9be7ff;color:#07394e;border-color:#c4f4ff;box-shadow:0 0 14px #39cbff38}.row-details{background:#173e54;color:#cfedfa;border:1px solid #5398b74d}.row-vip .row-details{background:linear-gradient(110deg,#318eb5,#22658d);color:white;border-color:#67d2fa70}.catalog-end,.list-empty{color:#6f9db0}.mobile-nav{background:#031725f7;border-color:#4285a245;box-shadow:0 -5px 25px #0005}.mobile-nav a,.mobile-nav button{color:#709caf}.mobile-nav .active{color:#b5f0ff}.mobile-nav .active span{background:#124865}.empty{color:#acdced}footer{background:#020e18;color:#527f96}dialog{background:#092537fa;border-color:#5697b766;color:#edfbff;box-shadow:0 20px 90px #0009}dialog p{color:#9ec1d1}.modal-top{color:#72aabd}.modal-action{background:#2a7da5;color:#fff}.modal-cancel{color:#8bbdd0}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.toast{background:#226180;color:#fff}
@media(max-width:600px){body{background:#010d16}.scene{background-position:60% 15%;padding-top:20px}.scene-veil{background:linear-gradient(180deg,#00132220,#00132255 50%,#001322e8)}header{background:#020f1b}.type-lab button{font-size:10px}.type-lab{border-bottom-color:#6bcdf52b}h1{font-size:42px;letter-spacing:-2px;line-height:1.05}.catalog{background:linear-gradient(180deg,#021521f7,#042239ee),var(--scene) center bottom/cover;border-top-color:#4c9cbb33}.catalog .filters button{background:#103347;border:1px solid #4b93ad38;color:#9bc7d9}.catalog .filters button.active{background:#7ddaff;color:#073a53}.sorts button.active{background:none;border-bottom-color:#72dcff;color:#b6edff}.sorts button{color:#7da6bb}.channel-row{border-radius:20px}.row-vip{box-shadow:0 0 20px #42ceff16}.mobile-nav{background:#031625f7}.row-details{min-height:46px}.catalog h2{font-size:29px}.control{border-radius:24px}.catalog-intro .overline{color:#649ab1}.jump-catalog{color:#c9f0ff}.carousel-heading>span:last-child{color:#8bbcd0}.row-desc{font-size:13px;line-height:1.7}footer{background:#020e18;color:#648ba1}}
#previewNotice{padding:12px 14px;margin-bottom:16px;border:1px solid #62cffc55;border-radius:12px;background:#0a3449e8;color:#c4ebfa;font:12px/1.6 VelvetSans,Arial,sans-serif}
/* Approved clean typography + stronger VIP hierarchy. */
.row-vip{position:relative;border:1px solid #7ae6ff;background:radial-gradient(ellipse at 100% 0,#0e91c14a,transparent 65%),linear-gradient(125deg,#103e58e8,#07283fe6);box-shadow:0 0 0 1px #79e1ff18,0 0 25px #35cfff26,inset 0 1px #d5f9ff40;overflow:hidden}.row-vip:before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:3px;background:#9eefff;box-shadow:0 0 12px #42ddff;border-radius:0 5px 5px 0}.row-vip .row-badge{background:linear-gradient(120deg,#fff2cb,#f0cf8b);color:#493818;border:1px solid #fff2d3;font-weight:700;font-size:11px;letter-spacing:.5px;padding:7px 10px;box-shadow:0 0 18px #f5d99c32}.row-vip .row-title h3{color:#fff}.row-vip .row-avatar{border:1px solid #a1e9ff70;box-shadow:0 0 17px #44cfff20,inset 0 1px #c3f5ff40}.row-vip .row-details{background:linear-gradient(110deg,#8ee4ff,#51bce6);color:#06354c;border-color:#b7efff;font-weight:600;box-shadow:0 4px 16px #38bfff20}.row-vip .row-details svg{stroke:#06354c}.slide.featured{border:1px solid #a6efff!important}.slide.featured[data-pos="0"]{box-shadow:0 0 0 1px #adf1ff20,0 0 34px #3edbff47,0 20px 45px #0007}.slide-top .vip{background:linear-gradient(120deg,#fff2cc,#efd192);color:#493818;border-color:#fff0c6;box-shadow:0 0 18px #f5d99c40;font-weight:700;letter-spacing:.7px}.slide-top .vip:before{content:''}.catalog h2,h1,.slide h2{font-family:VelvetSans,Arial,sans-serif}.row-vip .row-category{color:#9ad5ea}
@media(max-width:600px){.row-vip{box-shadow:0 0 22px #39d3ff2b,inset 0 1px #b5f3ff33}.row-vip .row-badge{font-size:10px;padding:7px 8px}.scene .intro{padding-top:10px}.row-vip .row-details{min-height:46px}}

/* Channel view and add form. */
#detail{max-height:88dvh;overflow-y:auto;overscroll-behavior:contain;width:min(540px,calc(100% - 26px));padding:24px}.channel-cover{height:145px;margin:20px -5px 0;border:1px solid #7dd9fa55;border-radius:18px;background:linear-gradient(0deg,#052033aa,#04283b20),var(--scene) center 28%/cover;display:flex;align-items:flex-start;justify-content:space-between;padding:18px;color:#def7ff;font-size:12px}.channel-profile{padding:0 3px}.channel-profile>.row-avatar{margin-top:-30px;position:relative;height:70px;width:70px;border:4px solid #092537;border-radius:22px;font-size:30px}.channel-profile>.overline{margin:20px 0 10px;font-size:9px;color:#81cde8}.channel-profile h2{font-family:VelvetSans,Arial,sans-serif;font-weight:600;letter-spacing:-1px;font-size:31px;margin:0 0 20px;line-height:1.2;overflow-wrap:anywhere}.profile-facts{display:flex;border-top:1px solid #5ea7c333;border-bottom:1px solid #5ea7c333;padding:18px 0;margin-bottom:24px}.profile-facts>span{flex:1;font-size:11px;color:#85b4c8}.profile-facts b{font-size:19px;font-weight:600;display:block;color:#e6faff;margin-bottom:5px}.channel-profile h3{font-size:16px;margin-top:25px}.channel-profile p{font-size:14px;line-height:1.75}.channel-category{background:#143e54;color:#a7def1;padding:12px 16px;min-height:44px;border:1px solid #487f9655;border-radius:12px;font-size:12px}.demo-note{font-size:11px;line-height:1.6;color:#7ca4b7;border-left:2px solid #3987ac;margin:22px 0;padding:4px 12px}.related-list button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #5b9eb830;text-align:left;color:#d8f3ff;font-size:14px}.related-list small{display:block;color:#7ba8bc;margin-top:6px;font-size:11px}#channelForm{display:grid;gap:17px;margin-top:22px}#channelForm label{display:grid;gap:8px;color:#9bc8dc;font-size:12px}#channelForm input,#channelForm textarea,#channelForm select{width:100%;box-sizing:border-box;min-height:48px;border-radius:12px;border:1px solid #4e91af60;background:#041c2c;color:#e5f7ff;font:16px VelvetSans,Arial,sans-serif;padding:13px;outline-offset:3px}#channelForm textarea{min-height:115px;resize:vertical}#channelForm select option{background:#092537;color:white}#channelForm .modal-action{margin-top:0}#formStatus{margin:0;color:#a3def2;font-size:12px;line-height:1.6}body:has(dialog[open]){overflow:hidden}#detail .modal-top{position:sticky;top:-24px;z-index:3;background:#092537f5;padding:8px 0;border-bottom:1px solid #43748b30}#detail>.modal-action{min-height:46px;margin-top:24px}@media(max-width:600px){#detail{padding:20px 18px;width:calc(100% - 18px);border-radius:23px;max-height:90dvh}#detail .modal-top{top:-20px}.channel-profile h2{font-size:28px}.profile-facts b{font-size:17px}.channel-cover{height:135px}.channel-profile p{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Velvet channel passport: a single visual language in list and detail. */
.ocean-pass{padding:0!important;border-radius:23px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#07517d3b,transparent 65%),linear-gradient(145deg,#102f42dd,#061e30e8);position:relative}.ocean-pass:after{content:'';position:absolute;right:-34px;top:40px;width:170px;height:170px;border-radius:50%;border:1px solid #56bfef0d;box-shadow:0 0 0 22px #56bfef04,0 0 0 45px #56bfef03;pointer-events:none}.pass-top{padding:15px 20px;border-bottom:1px solid #73cae91f;display:flex;align-items:center;gap:12px;min-height:49px}.pass-number{color:#4d90ae;font-size:8px;letter-spacing:1.3px;white-space:nowrap}.pass-topic{font-size:10px;color:#94c7db;margin-left:auto}.pass-top .row-badge{margin:0;align-self:center;padding:5px 7px;font-size:9px}.pass-main{padding:23px 22px 0;display:flex;align-items:center;gap:15px;position:relative;z-index:1}.pass-title{min-width:0;flex:1}.pass-kicker{color:#5898b2;font-size:7px;letter-spacing:1.1px}.pass-title h3{font:600 25px/1.15 VelvetSans,Arial,sans-serif;letter-spacing:-.9px;margin:8px 0 0}.pass-title h3 button{padding:0;color:#e5f7ff;text-align:left;font-weight:600;overflow-wrap:anywhere}.pass-avatar{height:65px;width:65px;display:grid;place-items:center;border:1px solid #7dd3ef4d;border-radius:50% 50% 18% 50%;transform:rotate(7deg);color:#9fe7fc;background:linear-gradient(135deg,#1c6784,#103954);font-size:29px;flex-shrink:0;box-shadow:0 8px 22px #0003}.pass-description{font-size:13px;line-height:1.7;color:#93bacd;margin:17px 22px 23px;position:relative;z-index:1}.pass-footer{margin:0 22px;padding:17px 0 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6daec536;gap:15px}.pass-audience strong{display:block;font-weight:600;font-size:21px;color:#d3edf9;letter-spacing:-.7px}.pass-audience>span{color:#598ca4;font-size:9px}.pass-open{padding:0 0 0 13px;display:flex;align-items:center;gap:14px;min-height:46px;color:#b4e3f6;font-size:11px}.pass-open svg{width:42px;height:42px;padding:12px;border-radius:50%;background:#164865;stroke:#a3e5ff;fill:none;stroke-width:1.5;border:1px solid #5aacca55}.row-vip.ocean-pass{background:radial-gradient(ellipse at 90% 10%,#147a9d44,transparent 75%),linear-gradient(135deg,#164861db,#082c43f5);border-color:#67d5f6b0;box-shadow:0 0 24px #35cfff23}.row-vip.ocean-pass:before{top:65px;bottom:80px}.row-vip .pass-top{border-bottom-color:#9bdeef30}.row-vip .pass-kicker{color:#9bcbd9}.row-vip .pass-title h3 button{color:#fff}.row-vip .pass-description{color:#b1d1de}.row-vip .pass-avatar{color:#e9faff;background:linear-gradient(135deg,#39a2c0,#1d6485);border-color:#a8efff88}.row-vip .pass-open svg{background:linear-gradient(135deg,#f4dfac,#d7b87c);stroke:#183f53;border-color:#ffeec4;box-shadow:0 0 15px #edd49c25}.row-vip .pass-audience strong{color:#e8faff}.row-vip .pass-audience>span{color:#82b4c8}.channel-cover{border-radius:20px 20px 50% 20%;height:170px;background-position:center 20%;box-shadow:0 15px 30px #0003}.channel-profile>.row-avatar{border-radius:50% 50% 18% 50%;transform:rotate(7deg)}.channel-profile h2{font-size:34px;line-height:1.15}.profile-facts{border-style:solid}.related-list button>span:first-child{font-weight:600}.related-list small{font-weight:400}@media(max-width:600px){.pass-top{padding:13px 18px;gap:9px}.pass-number{font-size:7px;letter-spacing:1px}.pass-topic{font-size:9px}.pass-main{padding:21px 19px 0}.pass-title h3{font-size:24px}.pass-kicker{font-size:6px}.pass-avatar{width:59px;height:59px;font-size:26px}.pass-description{margin:16px 19px 19px;font-size:13px}.pass-footer{margin:0 19px;padding:15px 0 18px}.pass-audience strong{font-size:20px}.pass-open{font-size:11px;gap:10px}.channel-profile h2{font-size:29px}}

/* Site-only metrics, no perforation or side borders. */
.profile-facts{border:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:20px 0 10px}.profile-facts>span{border:0;background:linear-gradient(135deg,#16445c88,#0c304a66);border-radius:15px;padding:18px 14px;color:#9fc7d9;font-size:11px;line-height:1.5;min-width:0;box-shadow:inset 0 1px #82d9fa1c}.profile-facts b{display:block;font-size:27px;color:#e4f8ff;line-height:1.15;margin:0 0 8px;font-weight:600;letter-spacing:-.8px}.channel-profile .stats-caption{font-size:10px;color:#6f9cb2;line-height:1.6;margin:0 2px 23px}.pass-footer{border-top:1px solid #6daec526}.channel-profile h3{margin-top:23px}@media(max-width:600px){.profile-facts{gap:8px}.profile-facts>span{padding:16px 12px;font-size:10px}.profile-facts b{font-size:25px}.channel-profile .stats-caption{font-size:10px}}