:root{font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;background:#090d16;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top right,rgba(37,99,235,.18),transparent 35rem),#090d16}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(1120px,100%);margin:0 auto;padding:22px 18px calc(210px + env(safe-area-inset-bottom))}.topbar,.section-heading,.library-toolbar,.movie-title-row,.remote-status{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{margin-bottom:22px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,8vw,3.25rem);letter-spacing:-.06em}h2{font-size:clamp(1.15rem,4vw,1.5rem);letter-spacing:-.03em}h3{overflow-wrap:anywhere;font-size:1.06rem}.eyebrow{margin-bottom:5px;color:#93a4bc;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge,.playing-dot,.now-label{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:5px 10px;white-space:nowrap;font-size:.78rem;font-weight:800}.badge-ok,.playing-dot,.now-label{border:1px solid rgba(52,211,153,.35);color:#6ee7b7;background:#10b9811f}.badge-error{border:1px solid rgba(248,113,113,.4);color:#fca5a5;background:#ef44441f}.badge-loading{border:1px solid #334155;color:#cbd5e1;background:#172033}.system-message,.player-card,.movie-card,.empty-state{border:1px solid #253047;border-radius:18px;background:#111827e6;box-shadow:0 18px 50px #0000002e}.system-message{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px 14px}.system-message>span,.system-message>strong{display:block}.system-message button{min-width:48px;min-height:44px;border:0;color:inherit;background:transparent}.error-message{border-color:#f8717173;color:#fecaca}.success-message{border-color:#34d39961;color:#a7f3d0}.info-message{border-color:#60a5fa61;color:#bfdbfe}.player-card{margin-bottom:26px;padding:18px}.player-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.player-meta span{border-radius:8px;padding:7px 9px;color:#cbd5e1;background:#172033;font-size:.84rem}.subtitle-now{margin-top:12px;color:#a5b4fc;font-size:.88rem}.library-toolbar{margin-bottom:14px}.secondary-button,.play-button,.remote-grid button{min-height:48px;border-radius:12px;font-weight:800}.secondary-button{border:1px solid #3c4a65;padding:0 16px;color:#e2e8f0;background:#172033}.search-field,.subtitle-select{display:grid;gap:7px;color:#aebbd0;font-size:.8rem;font-weight:700}.search-field{margin-bottom:16px}.search-field input,.subtitle-select select{width:100%;min-height:48px;border:1px solid #34415a;border-radius:12px;outline:none;color:#f8fafc;background:#101827}.search-field input{padding:0 14px}.subtitle-select select{padding:0 12px}.search-field input:focus,.subtitle-select select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e}.empty-state{display:grid;min-height:140px;place-content:center;gap:6px;padding:24px;color:#94a3b8;text-align:center}.empty-state strong{color:#e2e8f0}.warning-state{border-color:#fbbf2466}.error-state{border-color:#f8717166}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:14px}.movie-card{display:grid;gap:15px;padding:16px}.movie-card.is-playing{border-color:#34d399;box-shadow:0 0 0 1px #34d39933}.movie-title-row p{margin-top:5px;color:#8fa0b8;font-size:.82rem}.movie-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.movie-details div{min-width:0;border-radius:10px;padding:9px;background:#0e1625}.movie-details dt{color:#7f8da5;font-size:.72rem}.movie-details dd{overflow:hidden;margin:4px 0 0;color:#dbe5f4;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.play-button{border:0;padding:0 14px;color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5)}.remote-panel{position:fixed;z-index:10;right:max(14px,calc((100vw - 1120px)/2));bottom:max(12px,env(safe-area-inset-bottom));left:max(14px,calc((100vw - 1120px)/2));border:1px solid #34415a;border-radius:18px;padding:12px;background:#090d16f0;box-shadow:0 18px 70px #0000007a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.remote-status{margin-bottom:10px;color:#cbd5e1;font-size:.8rem}.remote-status span{overflow:hidden;max-width:65%;color:#8fa0b8;text-overflow:ellipsis;white-space:nowrap}.remote-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.remote-grid button{min-width:0;border:1px solid #34415a;padding:5px;color:#e8eef8;background:#172033;font-size:clamp(.67rem,2.7vw,.82rem)}.remote-grid .danger-control{border-color:#f8717173;color:#fecaca;background:#7f1d1d80}@media(min-width:720px){.app-shell{padding-top:34px;padding-bottom:160px}.remote-panel{padding:14px}.remote-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}