:root{--bg:#0b1017;--panel:#111924;--text:#eef3f8;--muted:#8996a5;--accent:#38bdf8}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Arial,sans-serif}button,input{font:inherit}.screen{display:none;position:absolute;inset:0;background:var(--bg)}.screen.active{display:block}.rail{position:absolute;left:0;top:0;bottom:0;width:104px;padding:34px 18px 28px;background:#0d141d;display:flex;align-items:center;flex-direction:column;gap:22px}.brand{color:var(--accent);font-weight:800;font-size:44px;margin-bottom:24px}.rail-spacer{flex:1}.rail-button,.icon-button{width:66px;height:66px;border:0;border-radius:8px;background:transparent;color:#aab7c5;font-size:34px}.rail-button.selected{background:#243342;color:#fff}.focus{outline:4px solid #fff;outline-offset:3px;transform:scale(1.04)}.catalog-shell{position:absolute;left:104px;right:0;top:0;bottom:0;padding:42px 50px 28px}.catalog-header{height:104px;display:flex;justify-content:space-between}.catalog-header h1{margin:0;font-size:34px}.catalog-header p{color:var(--muted);font-size:17px}.header-clock{font-size:24px}.catalog-grid{height:calc(100% - 104px);display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:330px;gap:24px 18px;overflow:hidden;padding:4px}.anime-card{min-width:0}.poster{height:250px;aspect-ratio:5/7;margin:auto;background:#18212c center/contain no-repeat;border-radius:8px;position:relative}.age{position:absolute;right:7px;bottom:7px;background:#b60b0f14;padding:3px 7px;border-radius:4px;font-size:14px}.card-meta{margin-top:8px;color:var(--muted);font-size:15px}.rating{color:var(--accent);margin-right:10px}.card-title{margin-top:5px;font-size:17px;font-weight:700;line-height:21px;max-height:42px;overflow:hidden}.anime-card.focus .poster{outline:4px solid #fff}.detail-backdrop{position:absolute;inset:0;background:center/cover no-repeat;filter:blur(15px);transform:scale(1.05);opacity:.36}.detail-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#080c12 0%,rgba(8,12,18,.94) 48%,rgba(8,12,18,.4) 100%)}.detail-content{position:absolute;left:70px;top:70px;width:1100px}.back-button,.secondary,.primary{height:54px;padding:0 22px;border-radius:5px;border:1px solid #4b5866;background:#151d27;color:#eef3f8}.back-button{margin-bottom:70px}.detail-meta{display:flex;gap:18px;color:#b9c4ce;font-size:18px}.detail-meta span:first-child{color:var(--accent)}.detail-content h1{font-size:54px;line-height:62px;margin:20px 0}.detail-content>p{width:980px;color:#c4ccd5;font-size:22px;line-height:32px;max-height:160px;overflow:hidden}.detail-actions{display:flex;gap:16px;margin-top:44px}.primary{background:var(--accent);color:#061018;border:0;font-weight:700}.detail-poster{position:absolute;right:110px;top:240px;width:330px;height:462px;object-fit:contain;border-radius:10px}.search-screen,.settings-screen{padding:60px 80px}.search-screen header{display:flex;align-items:center;gap:30px}.search-screen .back-button{margin:0}.search-row{display:flex;gap:14px;margin:35px 0}.search-row input,.settings-input{height:58px;width:800px;background:#121b26;border:1px solid #536172;border-radius:5px;color:#fff;padding:0 18px;font-size:21px}.search-grid{height:760px}.settings-screen p{color:var(--muted);font-size:20px}.settings-screen .primary{display:block;margin-top:22px}.player-screen,#avPlayer,#htmlPlayer{background:#000;width:100%;height:100%}#htmlPlayer{display:none}.player-osd{position:absolute;inset:0;background:linear-gradient(#a6000000 0%,transparent 30%,transparent 60%,#d0000000 100%);opacity:1;transition:opacity .2s}.player-osd.hidden{opacity:0}.player-top{position:absolute;left:45px;right:45px;top:34px;display:flex;align-items:center;gap:22px}.player-top h2,.player-top p{margin:0}.player-top p{color:#aeb8c3;margin-top:7px}.player-top>span{margin-left:auto}.player-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:30px}.icon-button{background:#b21a222c;border:1px solid #70fff;color:#fff;border-radius:50%;font-size:22px}.play-button{width:88px;height:88px;border:0;border-radius:50%;background:var(--accent);font-size:30px}.player-bottom{position:absolute;left:50px;right:50px;bottom:35px}.timeline{display:flex;align-items:center;gap:16px}.track{height:7px;background:#5c6670;flex:1;border-radius:4px;overflow:hidden}.track div{height:100%;width:0;background:var(--accent)}.player-options{display:flex;gap:12px;margin-top:22px}.panel{display:none;position:absolute;inset:0;background:#a5000000}.panel.open{display:block}.panel-card{position:absolute;right:0;top:0;bottom:0;width:520px;background:#101823;padding:45px 36px}.panel-card h2{color:var(--accent);font-size:28px}.panel-item{height:64px;margin:8px 0;padding:0 18px;width:100%;text-align:left;background:#18222d;color:#fff;border:1px solid #354250;border-radius:5px}.panel-item.active:after{content:'✓';float:right;color:var(--accent)}.busy{display:none;position:absolute;inset:0;background:#60000000}.busy.show{display:block}.busy div{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px;border:6px solid #445;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{display:none;position:absolute;left:50%;bottom:70px;transform:translateX(-50%);padding:16px 24px;background:#e51a222c;border-radius:6px}.toast.show{display:block}