@import url('./pix-ui-components.css');
:root{color-scheme:dark;--bg:#111311;--panel:#191c19;--panel2:#20241f;--ink:#edeadd;--muted:#a9ad9e;--line:#42483c;--lime:#b7c884;--lime-ink:#182014;--pixel:ui-monospace,"SFMono-Regular",Consolas,monospace;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 8%,#262c21 0,transparent 30%),linear-gradient(145deg,#111311,#151814 60%,#111311)}a{color:inherit}.skip{position:absolute;left:-9999px;top:1rem}.skip:focus{left:1rem;z-index:10;background:var(--lime-ink);padding:.8rem}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1040px)/2));border-bottom:1px solid #30352c;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:700 13px var(--pixel);letter-spacing:.09em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--lime);color:var(--lime);font-size:13px}.brand small{margin-left:10px;color:#858b7c;font:10px var(--pixel);letter-spacing:.04em}.privacy-chip,.count{font:11px var(--pixel);color:#cad5ab;background:#252b21;border:1px solid #434c37;padding:8px 10px}.privacy-chip span{color:var(--lime);font-size:9px;margin-right:7px}main{max-width:940px;margin:0 auto;padding:74px 26px 30px}.intro{max-width:730px;margin-bottom:48px}.eyebrow{font:10px var(--pixel);letter-spacing:.13em;color:#aebc89;margin:0 0 14px}.intro h1{font-size:clamp(48px,8vw,82px);line-height:.99;letter-spacing:-.065em;margin:0 0 22px;font-weight:650}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.lede{font-size:17px;color:#bdc0b5;max-width:540px;line-height:1.6;margin:0 0 25px}.disclosure{display:flex;align-items:flex-start;gap:13px;max-width:670px;padding:15px 17px;border:1px solid #484e40;background:#1c201b;color:#c0c4b8}.disclosure-icon{display:grid;place-items:center;flex:none;width:19px;height:19px;border:1px solid #aebc89;color:#c4d39b;font:12px Georgia;border-radius:50%}.disclosure p{margin:0;font-size:12px;line-height:1.6}.add-panel,.library{border-top:1px solid var(--line);padding:26px 0 32px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-heading h2{font-size:23px;letter-spacing:-.035em;margin:0}.section-heading .eyebrow{margin-bottom:7px}.step-mark{font:23px var(--pixel);color:#c1cd9b}label{display:block;font-size:12px;color:#c8cabe;margin-bottom:9px}.form-row{display:flex;gap:10px}input{font:14px inherit}.form-row input,.search-label input{min-width:0;background:#111411;border:1px solid #515749;color:var(--ink);padding:14px 15px;border-radius:3px;outline:none}.form-row input{flex:1}.form-row input:focus,.search-label input:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b7c88430}.button{min-height:45px;padding:0 17px;border:1px solid transparent;border-radius:3px;font-weight:650;cursor:pointer}.button:focus-visible,.text-button:focus-visible,.dialog-close:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);color:var(--lime-ink)}.primary:hover{background:#cad99a}.secondary{background:transparent;border-color:#606652;color:var(--ink)}.secondary:hover{background:#292e26}.hint{font-size:11px;color:#969b8c;margin:10px 0 0}.form-status{min-height:1em;font-size:12px;color:#d5dfb7;margin:8px 0 0}.library-heading{align-items:end}.search-label{display:flex;align-items:center;gap:8px;margin:0;border:1px solid #484e40;background:#171a17;padding-left:11px;color:#aab58d}.search-label input{border:0;background:transparent;padding:10px 9px;width:180px;font-size:12px}.count{display:inline-block;vertical-align:3px;padding:4px 7px;margin-left:6px}.video-list{display:grid;gap:9px}.video-card{display:grid;grid-template-columns:52px 1fr auto;gap:15px;align-items:center;padding:15px;background:#191c19;border:1px solid #343a31}.source-icon{display:grid;place-items:center;width:48px;height:48px;background:#252a22;border:1px solid #535c45;color:#c0ce97;font:17px var(--pixel)}.video-title{font-weight:600;line-height:1.4;overflow-wrap:anywhere}.video-meta{color:#989d90;font:10px var(--pixel);margin-top:6px}.card-actions{display:flex;gap:7px}.card-actions button{background:#252a22;border:1px solid #464d3d;color:#dedfce;padding:9px 11px;border-radius:2px;cursor:pointer;font-size:11px}.card-actions button:hover{border-color:#aebc89}.card-actions .remove{color:#c5a79c}.empty-state{padding:38px 20px;text-align:center;border:1px dashed #444a3c;color:#a8ac9f}.empty-icon{font:27px var(--pixel);color:#b7c884}.empty-state h3{font-size:16px;color:#e4e4d8;margin:13px 0 6px}.empty-state p{font-size:12px;max-width:340px;line-height:1.6;margin:0 auto}.empty-state[hidden]{display:none}footer{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:center;color:#848a7d;font:9px var(--pixel);letter-spacing:.08em}.text-button{background:none;border:0;color:#bac794;text-decoration:underline;cursor:pointer;font:inherit;letter-spacing:normal}dialog{width:min(680px,calc(100% - 32px));padding:28px;background:#181b18;color:var(--ink);border:1px solid #59614b;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#050605d9;backdrop-filter:blur(4px)}dialog h2{font-size:28px;margin:0 0 12px;letter-spacing:-.04em}.dialog-copy{color:#c0c4b9;font-size:13px;line-height:1.7;max-width:550px}.dialog-close{float:right;background:none;border:0;color:#d7dbc9;font-size:24px;cursor:pointer}.consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.player-slot{margin-top:22px}.player-slot iframe{width:100%;aspect-ratio:16/9;border:0}.player-slot:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:620px){.topbar{padding:0 16px}.brand small{display:none}main{padding:49px 17px 22px}.intro{margin-bottom:37px}.intro h1{font-size:58px}.lede{font-size:15px}.form-row{flex-direction:column}.form-row .button{align-self:flex-start}.section-heading h2{font-size:20px}.library-heading{align-items:flex-start;gap:14px;flex-direction:column}.search-label,.search-label input{width:100%}.video-card{grid-template-columns:42px 1fr;gap:11px;padding:12px}.source-icon{width:40px;height:40px}.card-actions{grid-column:2;justify-content:flex-start}.card-actions button{padding:8px 10px}.privacy-chip{font-size:9px;padding:7px}footer{gap:14px;align-items:flex-start;line-height:1.6}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Local library backup controls */