:root{--bg:#0b0d10;--panel:#12151a;--panel2:#191d24;--line:#292f38;--text:#f5f5f6;--muted:#949ca8;--side:240px}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell aside{position:fixed;inset:0 auto 0 0;width:var(--side);border-right:1px solid var(--line);padding:25px 18px;display:flex;flex-direction:column;background:rgba(11,13,16,.96)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;margin:0 8px 30px}.brand b{display:grid;place-items:center;width:34px;height:34px;background:white;color:#0b0d10;border-radius:10px}.shell aside nav{display:flex;flex-direction:column;gap:6px}.shell aside nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:var(--muted);border-radius:11px}.shell aside nav svg{width:20px}.shell aside nav a.active,.shell aside nav a:hover{background:var(--panel2);color:white}.shell aside>small{margin-top:auto;color:#626a75;padding:10px;line-height:1.5}.shell main{margin-left:var(--side);min-height:100vh}.mobile{display:none}.page{max-width:750px;margin:auto;padding:38px 22px 100px}.heading{margin-bottom:24px}.heading h1{font-size:30px;letter-spacing:-.04em;margin:0 0 6px}.heading p{margin:0;color:var(--muted);font-size:14px}.feed{display:flex;flex-direction:column;gap:19px}.card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden}.card header{height:66px;padding:0 15px;display:flex;align-items:center;gap:10px}.avatar,.card header img{width:37px;height:37px;border-radius:50%;object-fit:cover}.avatar{display:grid;place-items:center;background:#2a3039}.card header div{display:flex;flex-direction:column;gap:2px}.card header strong{font-size:14px}.card header small,.card time{color:var(--muted)}.card time{margin-left:auto;font-size:11px}.media{display:block;width:100%;max-height:720px;object-fit:cover;background:#050607}.media.video{aspect-ratio:9/12;object-fit:contain}.article{min-height:270px;padding:36px;background:linear-gradient(145deg,#1b2028,#101216);display:flex;flex-direction:column;justify-content:end}.article small{letter-spacing:.18em;color:var(--muted)}.article h2{font-size:28px;letter-spacing:-.04em;margin:9px 0}.article p{color:#bac0c8}.actions{display:flex;padding:9px 10px;border-top:1px solid var(--line)}.actions a,.actions button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:6px;padding:8px 9px;border-radius:9px;cursor:pointer;font-size:13px}.actions svg{width:19px}.actions a:hover,.actions button.active,.actions button:hover{background:var(--panel2);color:white}.copy{padding:4px 16px 17px}.copy p,.copy strong{font-size:14px}.copy p{line-height:1.45;color:#c3c8ce;margin:6px 0 0}.empty,.error{background:var(--panel);border:1px dashed #353c46;border-radius:14px;padding:28px;text-align:center;color:var(--muted)}.error{border-color:#5b343b;color:#dbaab2}.sentinel{height:48px;display:grid;place-items:center;color:var(--muted)}.sourceform{display:flex;gap:10px;margin-bottom:18px}.sourceform input{flex:1 1;background:#0f1115;color:white;border:1px solid var(--line);border-radius:10px;padding:11px}.source button,.sourceform button{display:flex;align-items:center;gap:6px;border:0;border-radius:10px;background:white;color:#0b0d10;padding:10px 12px}.source svg,.sourceform svg{width:18px}.sources{display:flex;flex-direction:column;gap:10px}.source{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:15px;display:flex;align-items:center;justify-content:space-between}.source>div{display:flex;flex-direction:column;gap:4px}.source>div:last-child{align-items:flex-end}.source small{color:var(--muted)}.source button{margin-top:6px;background:var(--panel2);color:white}.reels{height:calc(100vh - 145px);overflow:auto;scroll-snap-type:y mandatory;background:#050607;border-radius:17px}.reel{height:100%;position:relative;scroll-snap-align:start;display:grid;place-items:center}.reel video{width:100%;height:100%;object-fit:contain}.reel>div{position:absolute;inset:auto 0 0;padding:70px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.75))}.reel p{margin:7px 0}.reel small{background:rgba(255,255,255,.14);padding:4px 7px;border-radius:999px}@media(max-width:760px){:root{--side:0px}.shell aside{display:none}.shell main{margin:0}.page{padding:22px 11px 88px}.card{border-radius:13px}.mobile{position:fixed;z-index:50;display:flex;bottom:0;left:0;right:0;height:72px;background:rgba(11,13,16,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);justify-content:space-around;padding-bottom:max(5px,env(safe-area-inset-bottom))}.mobile a{display:flex;min-width:60px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.mobile a.active{color:white}.mobile svg{width:20px}.source,.sourceform{flex-direction:column}.source{align-items:flex-start;gap:12px}.source>div:last-child{width:100%;align-items:flex-start}.reelpage{padding-left:0;padding-right:0}.reelpage .heading{padding:0 14px}.reels{border-radius:0;height:calc(100dvh - 145px)}}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:30px}.setup-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:13px}.setup-card.compact{grid-column:1/-1}.setup-title{display:flex;gap:11px;align-items:flex-start;margin-bottom:3px}.setup-title>svg{width:22px;color:#cdd2d9}.setup-title div{display:flex;flex-direction:column;gap:4px}.setup-title strong{font-size:15px}.setup-card label,.setup-title small{color:var(--muted);font-size:12px}.setup-card label{display:flex;flex-direction:column;gap:6px}.setup-card input,.setup-card select{width:100%;background:#0f1115;border:1px solid var(--line);border-radius:9px;color:white;padding:10px 11px;outline:none}.setup-card button{border:0;background:white;color:#0b0d10;border-radius:10px;padding:10px 12px;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer}.setup-card button:disabled{opacity:.45;cursor:default}.setup-card button svg{width:18px}.setup-card button.secondary{background:var(--panel2);color:white;border:1px solid #343b46}.plex-discovery{display:flex;flex-direction:column;gap:11px;padding-top:11px;border-top:1px solid var(--line)}.source-error{margin-bottom:14px}.sources-heading{display:flex;align-items:center;gap:8px;margin:0 0 11px}.sources-heading h2{font-size:17px;margin:0}.sources-heading span{font-size:11px;color:var(--muted);background:var(--panel2);padding:3px 7px;border-radius:999px}.health{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7c858f;margin-right:6px}.health.healthy{background:#5bc88b}.health.error{background:#e26e7e}@media(max-width:760px){.setup-grid{grid-template-columns:1fr}.setup-card.compact{grid-column:auto}.sources-page{padding-left:12px;padding-right:12px}}.logout{margin-top:auto;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;cursor:pointer}.logout:hover{background:var(--panel2);color:white}.logout svg{width:20px}.shell aside>.logout+small{margin-top:8px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#202631 0,#0b0d10 44%)}.login-card{width:min(100%,390px);background:rgba(18,21,26,.95);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:14px}.login-mark{width:46px;height:46px;border-radius:13px;background:white;color:#0b0d10;display:grid;place-items:center;font-size:25px;font-weight:900}.login-card h1{font-size:27px;letter-spacing:-.04em;margin:5px 0 -5px}.login-card>p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 3px}.login-card label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.login-card input{background:#0d0f13;border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:white;outline:none}.login-card button{border:0;border-radius:10px;background:white;color:#0b0d10;padding:11px;font-weight:650;cursor:pointer}.login-card button:disabled{opacity:.5}.login-error{background:#2c171b;border:1px solid #60323b;color:#efafb8;border-radius:10px;padding:10px 11px;font-size:13px}.source-main{min-width:0}.source-controls{display:flex!important;flex-direction:row!important;gap:9px!important;align-items:end;margin-top:8px}.source-controls label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.source-controls select{background:#0f1115;border:1px solid var(--line);color:white;border-radius:8px;padding:5px 7px}.source-controls .enabled-control{flex-direction:row!important;align-items:center;gap:5px!important;padding-bottom:6px}.source-controls input[type=checkbox]{accent-color:white}@media(max-width:760px){.source-controls{flex-wrap:wrap}.mobile a{min-width:52px}}