@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700&family=News+Cycle:wght@400;700&display=swap");
:root{--bg:#0b0b0e;--panel:#15151b;--panel2:#1d1d25;--text:#f7f4ef;--muted:#a7a4ae;--line:#2c2c36;--red:#ed3348;--red2:#ff6272;--yellow:#f4c95d;--green:#55d6a6;--shadow:0 24px 70px rgba(0,0,0,.42);font-family:"Lato",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% -10%,rgba(237,51,72,.13),transparent 32%),var(--bg);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(244,201,93,.7);outline-offset:3px}a{color:inherit}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px max(18px,env(safe-area-inset-left));background:rgba(11,11,14,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--text);font-weight:850;font-size:1.05rem}.brand img{width:30px;height:30px}.brand em{font-style:normal;font-size:.64rem;color:var(--muted);border:1px solid var(--line);padding:3px 6px;border-radius:999px}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.status-pill{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);min-height:42px;border-radius:999px}.icon-btn{width:42px;display:grid;place-items:center}.icon-btn svg{width:20px}.status-pill{display:flex;align-items:center;gap:8px;padding:0 13px;font-size:.78rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px currentColor}.status-pill.connected .status-dot{background:var(--green)}.status-pill.error .status-dot{background:var(--red)}main{max-width:1320px;margin:auto;padding:0 20px 110px}.screen{display:none;animation:fade .2s ease}.screen.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(5px)}}.mission-banner{padding:66px 0 34px;max-width:760px}.eyebrow{margin:0 0 10px;color:var(--red2);font-size:.72rem;letter-spacing:.16em;font-weight:850}.mission-banner h1,.discover-head h1,.library-title h1{font-size:clamp(2.3rem,7vw,5.6rem);line-height:.94;letter-spacing:-.06em;margin:0}.mission-banner h1 strong{color:var(--red2)}.mission-banner>p:not(.eyebrow){color:var(--muted);font-size:1.12rem;line-height:1.6;max-width:620px}.primary-btn,.secondary-btn,.danger-btn,.share-btn,.text-btn{border:0;border-radius:999px;font-weight:800}.primary-btn{background:var(--red);color:white;padding:13px 18px}.secondary-btn,.share-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:12px 17px}.danger-btn{background:transparent;color:#ff8491;border:1px solid rgba(237,51,72,.5);padding:12px 17px}.text-btn{background:none;color:var(--muted);padding:8px}.primary-btn svg,.share-btn svg,.secondary-btn svg{width:18px;vertical-align:middle;margin-right:7px}.dashboard-hero{position:relative;overflow:hidden;min-height:430px;border:1px solid var(--line);border-radius:28px;background:var(--panel);box-shadow:var(--shadow)}.dashboard-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,9,.95),rgba(7,7,9,.33) 70%,rgba(7,7,9,.18)),linear-gradient(0deg,rgba(7,7,9,.75),transparent 55%)}.hero-copy{position:absolute;left:clamp(22px,5vw,64px);bottom:clamp(24px,5vw,58px);max-width:590px}.hero-copy h2{font-size:clamp(2.3rem,6vw,5rem);letter-spacing:-.055em;line-height:.95;margin:8px 0 14px}.hero-copy p{color:#d5d2d2;line-height:1.55}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:54px 0 18px}.section-title h2{margin:0;font-size:clamp(1.45rem,3vw,2.2rem);letter-spacing:-.035em}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(165px,205px);gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x proximity}.media-tile{min-width:0;cursor:pointer;scroll-snap-align:start}.tile-poster{position:relative;aspect-ratio:2/3;border-radius:17px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.tile-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.media-tile:hover .tile-poster img{transform:scale(1.035)}.tile-rating{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.78);padding:5px 8px;border-radius:999px;font-weight:800;font-size:.75rem}.tile-remove{position:absolute;right:8px;top:8px;border:0;background:rgba(0,0,0,.74);color:white;width:32px;height:32px;border-radius:50%}.tile-remove svg{width:16px}.tile-copy h3{font-size:.92rem;margin:10px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-copy p{margin:0;color:var(--muted);font-size:.77rem}.discover-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:46px 0 25px}.discover-head h1{font-size:clamp(2.4rem,6vw,4.7rem)}.discover-head p{color:var(--muted)}.segmented{display:flex;background:var(--panel);border:1px solid var(--line);padding:4px;border-radius:999px}.segmented button{border:0;background:transparent;color:var(--muted);padding:9px 13px;border-radius:999px}.segmented button.active{background:var(--text);color:#111}.searchbar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:0 14px}.searchbar svg{width:20px;color:var(--muted)}.searchbar input{flex:1;border:0;background:none;color:var(--text);padding:15px 0;min-width:0}.searchbar button{border:0;background:none;color:var(--muted)}.searchbar.compact{max-width:520px}.deck-status{display:flex;justify-content:space-between;color:var(--muted);font-size:.83rem;padding:15px 5px}.deck{position:relative;max-width:580px;height:min(69vh,720px);min-height:530px;margin:0 auto}.deck-card{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(calc(var(--depth)*10px)) scale(calc(1 - var(--depth)*.035));z-index:calc(10 - var(--depth));touch-action:none}.deck-card img{width:100%;height:100%;object-fit:cover}.deck-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,4,7,.98),transparent 62%),linear-gradient(90deg,rgba(4,4,7,.45),transparent 70%)}.deck-copy{position:absolute;left:24px;right:24px;bottom:24px}.deck-copy h2{font-size:clamp(2rem,7vw,4rem);line-height:.96;letter-spacing:-.05em;margin:8px 0}.deck-copy p{color:#d0cdd2;line-height:1.45;margin:7px 0}.deck-meta{display:flex;flex-wrap:wrap;gap:7px}.deck-meta span{background:rgba(255,255,255,.11);backdrop-filter:blur(8px);padding:6px 9px;border-radius:999px;font-size:.72rem}.deck-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:28px}.swipe-hint{display:flex;justify-content:center;gap:22px;color:var(--muted);font-size:.72rem;margin:18px 0}.discover-action-dock{display:flex;justify-content:center;gap:12px;position:sticky;bottom:82px;z-index:20}.dock-action{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:rgba(21,21,27,.93);color:var(--text);box-shadow:0 12px 35px rgba(0,0,0,.35)}.dock-action svg{width:23px}.dock-action.reject{color:#ff7887}.dock-action.watchlist{color:var(--yellow)}.dock-action.approve{color:var(--green)}.dock-action.seen{color:#80b8ff}.library-title{padding-top:46px}.library-title h1{font-size:clamp(2.2rem,6vw,4.5rem)}.history-summary,.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.history-summary article,.metrics article{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:18px}.history-summary b,.metrics b{display:block;font-size:1.65rem}.history-summary span,.metrics span{color:var(--muted);font-size:.78rem}.library-tabs{display:flex;gap:8px;overflow-x:auto;margin:28px 0 14px}.library-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:11px 14px;border-radius:999px}.library-tabs button.active{background:var(--text);color:#111}.library-tabs b{margin-left:5px}.library-tools{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.library-tools .searchbar{flex:1}.library-tools select,select,input,textarea{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.profile-hero{padding:58px 0 18px;display:flex;justify-content:space-between;align-items:end;gap:20px}.profile-hero h1{font-size:clamp(2.8rem,7vw,5.4rem);letter-spacing:-.06em;margin:0}.profile-hero p{color:var(--muted)}.profile-avatar{width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,var(--red),#57223d);display:grid;place-items:center;font-size:2.1rem;font-weight:900}.split-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h2{margin:0}.panel-head span{color:var(--muted);font-size:.75rem}.connection-card{padding:16px;border-radius:15px;background:rgba(255,255,255,.035);margin:14px 0}.connection-card b{display:block;margin-bottom:6px}.connection-card p{color:var(--muted);margin:0;line-height:1.5}.bar-row{display:grid;grid-template-columns:100px 1fr 30px;gap:10px;align-items:center;margin:12px 0;font-size:.8rem}.bar{height:8px;background:#292932;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:inherit}.support-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.support-links a,.support-links button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:17px;border-radius:15px;text-align:left;text-decoration:none}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:45;transform:translateX(-50%);display:flex;gap:4px;padding:7px;background:rgba(22,22,28,.91);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.bottom-nav button{border:0;background:transparent;color:var(--muted);min-width:72px;padding:8px 11px;border-radius:16px}.bottom-nav button.active{background:var(--text);color:#111}.bottom-nav svg{display:block;width:21px;margin:0 auto 4px}.bottom-nav small{font-size:.68rem}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-shade{position:absolute;inset:0;background:rgba(0,0,0,.73);backdrop-filter:blur(8px)}.modal-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(780px,100%);max-height:92vh;overflow:auto;background:#121217;border:1px solid var(--line);border-radius:26px 26px 0 0;padding:26px;box-shadow:var(--shadow)}.detail-sheet{width:min(1000px,100%);padding:0 0 35px}.modal-close{position:sticky;float:right;top:13px;right:13px;z-index:5;border:1px solid var(--line);background:rgba(10,10,13,.82);color:white;width:42px;height:42px;border-radius:50%}.modal-close svg{width:19px}.detail-hero{position:relative;min-height:430px;overflow:hidden}.detail-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#121217,transparent 68%),linear-gradient(90deg,rgba(10,10,13,.78),transparent)}.detail-title{position:absolute;left:28px;right:28px;bottom:25px}.detail-title h1{font-size:clamp(2.5rem,7vw,5.2rem);line-height:.94;letter-spacing:-.055em;margin:7px 0}.detail-meta{display:flex;flex-wrap:wrap;gap:7px}.detail-meta span{background:rgba(255,255,255,.11);padding:6px 9px;border-radius:999px;font-size:.75rem}.detail-actions{display:flex;flex-wrap:wrap;gap:9px;padding:18px 27px}.detail-actions button{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:11px 14px;border-radius:999px}.detail-actions button.active{border-color:var(--red);color:#ff8793}.detail-actions svg{width:17px;vertical-align:middle;margin-right:6px}.detail-body{padding:0 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.detail-body p{color:#c2bec5;line-height:1.65}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cast-grid article{min-width:0}.cast-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:var(--panel2)}.cast-grid b{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.cast-grid span{color:var(--muted);font-size:.68rem}.hold-button::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--green);transform:scaleX(0);transform-origin:left}.hold-button.holding::after{animation:holdprogress .85s linear forwards}@keyframes holdprogress{to{transform:scaleX(1)}}.hold-hint{display:block;font-size:.62rem;color:var(--muted);margin-top:2px}.rating-sheet label,.settings-sheet label{display:grid;gap:7px;margin:14px 0;color:var(--muted)}.rating-stars{display:flex;gap:7px;margin:20px 0}.rating-stars button{border:0;background:none;color:#4b4851;font-size:2.5rem}.rating-stars button.active{color:var(--yellow)}textarea{width:100%;min-height:110px;resize:vertical}.full{width:100%;margin-top:14px}.settings-callout{background:rgba(237,51,72,.09);border:1px solid rgba(237,51,72,.25);padding:16px;border-radius:16px}.settings-callout p,.settings-status{color:var(--muted);line-height:1.5}.modal-actions,.settings-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0}.file-btn input{display:none}.confirm-sheet{max-width:560px}.toast{position:fixed;left:50%;bottom:105px;z-index:150;transform:translate(-50%,25px);opacity:0;background:#f7f4ef;color:#17171b;padding:12px 17px;border-radius:999px;font-weight:750;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.app-footer{text-align:center;color:var(--muted);font-size:.75rem;padding:35px 20px 120px}.empty{padding:28px;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}.loading{padding:50px;text-align:center;color:var(--muted)}@media(max-width:760px){main{padding-inline:14px}.status-pill span:last-child{display:none}.mission-banner{padding-top:42px}.dashboard-hero{min-height:510px}.hero-shade{background:linear-gradient(0deg,rgba(7,7,9,.95),rgba(7,7,9,.2))}.hero-copy{left:21px;right:21px;bottom:23px}.section-title{margin-top:42px}.discover-head{align-items:start;flex-direction:column}.deck{height:64vh;min-height:500px}.history-summary,.metrics{grid-template-columns:1fr 1fr}.library-tools{flex-direction:column}.split-panels,.detail-body{grid-template-columns:1fr}.support-links{grid-template-columns:1fr}.bottom-nav{width:calc(100% - 22px);justify-content:space-around}.bottom-nav button{min-width:0;flex:1}.modal-sheet{padding:22px 17px}.detail-sheet{padding:0 0 28px}.detail-body,.detail-actions{padding-left:20px;padding-right:20px}.detail-title{left:20px;right:20px}.cast-grid{grid-template-columns:repeat(3,1fr)}.swipe-hint{gap:12px;font-size:.62rem}.discover-action-dock{bottom:88px}.profile-hero{align-items:start}}
/* MovieMatch 4.0 typography */
h1,h2,h3,.brand span{font-family:"News Cycle","Arial Narrow",Arial,sans-serif;font-weight:700}
.mission-banner h1,.discover-head h1,.library-title h1,.hero-copy h2,.section-title h2,.deck-copy h2,.profile-hero h1,.detail-title h1,.tile-copy h3,.panel h2,.brand span{letter-spacing:-.025em}
.brand{font-family:"News Cycle","Arial Narrow",Arial,sans-serif;font-weight:700}

.sync-note{margin:4px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--muted);font-size:.92rem;line-height:1.45}
.settings-status a{color:var(--pink);text-decoration:underline;text-underline-offset:3px}