/* Reuse the Windows layout, original SVGs, background and action icons. */
@media(min-width:1024px){body[data-view=catalog] .app-main{padding-bottom:16px}body[data-view=catalog] .category-panel,body[data-view=catalog] .content-panel,body[data-view=catalog] .detail-dock{height:calc(100dvh - 285px)}}
.starting #login,.starting #app{visibility:hidden}#startup{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#03101e url('/assets/zuno-fixed-background.jpg') center/cover}#startup img{width:240px;height:150px;object-fit:contain}#startup p{font-size:13px;letter-spacing:3px;color:#adc2d5}
:root{font-family:Arial,Helvetica,sans-serif;--bg:#03101e;--panel:#071d31;--line:#245577;--accent:#00d9ff;--muted:#adc2d5}.ambient{background:url('/assets/zuno-fixed-background.jpg') center/cover}.app-main{max-width:1800px;padding:22px 32px 90px}.login-shell{max-width:1100px;display:flex;flex-direction:column;gap:20px;padding:30px 35px;justify-content:center;align-items:center;min-height:100dvh}.windows-login-brand .logo{width:310px;height:155px;object-position:center;margin:0}.login-card{width:100%;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;padding:34px;background:#071d31;border:1px solid #245577;border-radius:20px;box-shadow:none}.windows-login-fields{padding:0 20px 0 0;border-right:1px solid #1c3a50}.login-card label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.login-card .input-wrap{margin-bottom:10px;min-height:66px;background:#0d2c42;border-radius:8px;border-color:#245577}.login-card input{font-size:21px;font-weight:700}.login-card input::placeholder{color:#e3edf7;opacity:1}.login-card .primary{background:#0c2a40;color:#fff;border-color:#245577;border-radius:8px;min-height:48px;margin-top:12px;justify-content:center}.login-card .primary span{margin-left:0}.windows-device{display:flex;flex-direction:column;justify-content:center;padding:12px 0}.windows-device h2{font-size:20px;margin:0 0 12px}.windows-device .device-line{text-align:left;background:#0d2c42;padding:12px;border:1px solid #24475f;border-radius:7px;color:var(--muted)}.windows-device .device-line span{font-size:11px;color:var(--accent);margin-top:8px}.windows-device p{font-size:13px;color:var(--muted)}.windows-device>small{font-size:11px;color:#7c9ab1}.login-footer{margin:0;font-size:10px}body[data-view=home] .app-header{display:none}#home{position:relative;max-width:1600px;margin:auto;padding:15px 0 0}.windows-home-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:12px;color:#e8f5ff}.windows-home-status i{width:6px;height:6px;background:#00d9ff;border-radius:50%}.windows-home-logo{display:block;width:310px;height:180px;object-fit:contain;margin:5px auto 48px}.home-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.home-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;min-height:clamp(210px,23vw,310px);padding:30px 18px;border-radius:23px;background:linear-gradient(145deg,#092940,#03111f);border:1px solid #24557a;transform:none!important}.home-card:hover{background:linear-gradient(135deg,#0a5195,#052039);border-color:#32dfff}.home-card svg{width:100px;height:100px;stroke:#08d8ff;stroke-width:5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.home-card strong{font-size:34px;line-height:1.1}.home-card .fill-dot{fill:currentColor;stroke:none}.home-actions{display:flex;justify-content:center;gap:24px;margin:52px auto 22px}.home-actions button{display:grid;place-items:center;width:94px;height:72px;border:1px solid #205577;background:#09243b;border-radius:15px}.home-actions button:hover{border-color:#32dfff;background:#0b486b}.home-actions img{width:42px;height:42px;object-fit:contain}.home-secondary{max-width:470px;margin:10px auto;gap:14px}.home-secondary button{border:0;padding:10px;background:transparent;text-align:center;color:#adc2d5;font-size:12px}.connection{margin:15px auto;text-align:center;font-size:10px}.connection>span:first-child{margin-right:5px}.connection>span:not(:first-child){display:inline;background:none;width:auto;height:auto}.connection small{margin:5px 0 0}.app-header{height:84px;max-width:none;margin:0 32px;padding:0;gap:20px}.app-header .bottom-nav{position:static;transform:none;width:auto;flex:1;max-width:600px;margin:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0}.app-header .bottom-nav button{min-height:44px;flex-direction:row;gap:9px;font-size:13px;font-weight:700}.app-header .bottom-nav button span{font-size:21px}.section-heading{margin:0 0 18px}.catalog-tools{grid-template-columns:1fr;max-width:650px}.catalog-tools select{display:none}.catalog-layout{display:grid;grid-template-columns:235px minmax(290px,1fr) minmax(320px,1.15fr);gap:18px;align-items:start}.category-panel,.content-panel,.detail-dock{border:1px solid #215273;border-radius:18px;background:linear-gradient(145deg,#081f33,#041321);padding:14px;min-width:0;height:calc(100dvh - 260px);min-height:400px;overflow:auto}.category-panel{display:flex;flex-direction:column}.category-panel h2{font-size:12px;letter-spacing:1px;color:#adc2d5;margin:20px 2px 12px}.catalog-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-quick button{padding:14px 4px;border:1px solid #235677;border-radius:9px;background:#092b46;font-size:10px;font-weight:700;min-height:58px}#categoryList{display:flex;flex-direction:column;gap:9px;overflow:auto}.category-button{background:#09243a;border:1px solid #245475;border-radius:9px;min-height:48px;padding:10px;text-align:left;font-size:13px;font-weight:700;flex:none;overflow-wrap:anywhere}.category-button.selected{background:#07466e;border-color:#32dfff}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.live-grid{grid-template-columns:1fr}.media-art{position:relative;overflow:hidden;display:block}.art-placeholder{position:absolute;inset:0;display:grid;place-items:center;z-index:0;color:#4c809e;font-size:28px}.media-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1}.live-grid .media-card{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:15px;padding:12px;min-height:92px;height:92px}.live-grid .media-art{width:66px;min-width:66px;height:66px;aspect-ratio:1;flex:none;margin:0}.live-grid .media-art img{object-fit:contain;padding:3px}.live-grid .media-copy{padding:0;min-width:0}.live-grid .media-copy strong{font-size:15px;line-height:1.35;min-height:0;max-height:41px}.live-grid .media-copy small{font-size:10px;margin-top:6px}.media-card.selected{border-color:#32dfff;background:#0a4166}.detail-dock{padding:0}#detailPlaceholder{height:100%;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7aa3bc}#detailPlaceholder>span{font-size:65px;color:#20d7ed}#detailPlaceholder p{font-size:14px}.detail-dock #detail{position:static;transform:none;inset:auto;width:100%;max-width:none;max-height:none;margin:0;box-shadow:none;border:0;background:transparent;border-radius:18px;padding:20px}.detail-dock #detail[open]{display:block}.detail-dock .detail-top #closeDetail{display:none}.detail-dock .detail-hero{flex-direction:column;align-items:flex-start}.detail-dock .detail-hero img{width:100%;height:230px;object-fit:contain;border-radius:12px}.detail-dock .detail-hero h2{font-size:25px;margin:16px 0 8px}.detail-dock .detail-actions{flex-direction:column}.detail-dock .detail-plot{font-size:14px}.detail-dock #episodes{padding-top:10px}#playerDialog{background:#02070d;border-radius:14px}#playerDialog video{background:#000;min-height:180px}
@media(min-width:1600px){.catalog-layout{grid-template-columns:280px minmax(380px,.85fr) minmax(480px,1.3fr)}.live-grid .media-card{height:112px;grid-template-columns:82px minmax(0,1fr)}.live-grid .media-art{width:82px;height:82px}.live-grid .media-copy strong{font-size:20px;max-height:54px}.home-card{min-height:330px}.windows-home-logo{margin-bottom:65px}}
@media(max-width:1023px){.catalog-layout{display:block}.category-panel,.detail-dock{display:none}.content-panel{height:auto;min-height:0;overflow:visible;border:0;background:none;padding:0}.catalog-tools{grid-template-columns:1fr 230px;max-width:none}.catalog-tools select{display:block}.app-header .bottom-nav{position:fixed;bottom:0;left:0;transform:none;width:100%;max-width:none;background:#0b2034f5;border:1px solid #244158;border-radius:18px 18px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10}.app-header .bottom-nav button{flex-direction:column;gap:3px;font-size:10px;min-height:55px}.app-main{padding:24px 22px 110px}.app-header{margin:0 22px;height:74px}.windows-home-logo{width:240px;height:140px;margin:8px auto 35px}.home-cards{gap:14px}.home-card{min-height:210px;gap:24px;padding:24px 12px}.home-card svg{width:75px;height:75px}.home-card strong{font-size:27px}.home-actions{margin-top:38px}.home-actions button{width:82px;height:62px}.home-actions img{width:36px;height:36px}}
@media(max-width:650px){.login-shell{padding:24px 18px;gap:12px}.windows-login-brand .logo{width:210px;height:115px}.login-card{display:flex;flex-direction:column;gap:14px;padding:22px}.windows-login-fields{border:0;padding:0}.login-card .input-wrap{min-height:60px}.login-card input{font-size:18px}.windows-device{padding:16px 0 0;border-top:1px solid #1c3a50}.windows-device h2{font-size:14px}.windows-device p{font-size:11px;margin:8px 0}.windows-device small{font-size:10px}.login-footer{font-size:9px}.app-main{padding:18px 16px 105px}.app-header{margin:0 16px}.windows-home-status{font-size:10px;gap:9px}.windows-home-logo{width:210px;height:125px;margin:4px auto 26px}.home-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-card{min-height:170px;gap:19px;padding:22px 10px;border-radius:17px;justify-content:center}.home-card svg{width:66px;height:66px}.home-card strong{font-size:24px}.home-actions{gap:18px;margin:30px auto 14px}.home-actions button{width:72px;height:58px;border-radius:12px}.home-actions img{width:33px;height:33px}.home-secondary{margin-top:14px;gap:6px}.home-secondary button{font-size:10px;padding:8px 3px}.connection{font-size:9px;margin-top:10px}.catalog-tools{grid-template-columns:1fr}.catalog-tools select{width:100%}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-grid{grid-template-columns:1fr}.live-grid .media-card{height:88px;min-height:88px;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:12px}.live-grid .media-art{width:62px;height:62px;min-width:62px}.live-grid .media-copy strong{font-size:14px;max-height:38px}.live-grid .media-copy small{font-size:10px}.section-heading h1{font-size:25px}.account-card{padding:20px}}