:root{font-family:Arial,Helvetica,sans-serif;color:#161a1a;background:#f0f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #b5bfb5;background:transparent;color:inherit;border-radius:6px;padding:11px 16px;min-height:44px}button:hover{background:#e2e9df}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #169582;outline-offset:3px}header{max-width:1160px;padding:24px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:27px;font-weight:700;text-decoration:none;letter-spacing:-1.5px}.brand span{font-size:18px;font-weight:400;letter-spacing:0;color:#53635a}nav{display:flex;gap:7px}nav button{border-color:transparent}nav button[aria-pressed=true]{background:#161a1a;color:#f0f4ed}#savedCount{font-size:12px;margin-left:5px}main{max-width:1160px;margin:auto;padding:0 28px 24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 20px}.filters{display:flex;gap:8px;flex-wrap:wrap}select,input{background:transparent;border:1px solid #bdc7bd;border-radius:5px;padding:10px;min-height:42px;max-width:100%}input{width:220px}#progress{font-size:13px;color:#53635a;white-space:nowrap}.card{display:grid;grid-template-columns:minmax(280px, .95fr) minmax(300px,1.05fr);background:white;border:1px solid #cbd4c9;border-radius:12px;overflow:hidden;transition:transform .16s,opacity .16s}.media{background:#161a1a;display:flex;flex-direction:column;min-height:600px}.media iframe{width:100%;border:0;flex:1;min-height:540px}.media a{color:#c8d4cc;font-size:12px;padding:16px;text-align:center;text-underline-offset:4px}.content{padding:30px 34px;touch-action:pan-y}.meta{display:flex;justify-content:space-between;color:#53635a;font-size:12px}.content h1{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:17px 0 8px;overflow-wrap:anywhere}.runtime{font-size:13px;color:#53635a;margin:0 0 26px}h2{font-size:21px;line-height:1.3;margin:0 0 12px}p{line-height:1.55;margin:0 0 16px}.content details{border-top:1px solid #e1e7de;padding:14px 0}.content details p{margin-top:12px;font-size:14px}summary{cursor:pointer;font-size:14px;font-weight:600}#videoSummary p{font-size:14px}.small{color:#53635a;font-size:12px!important}.note-label{display:block;font-size:12px;color:#53635a;margin:16px 0 7px}textarea{resize:vertical;width:100%;border:1px solid #cbd4c9;border-radius:5px;padding:10px;background:#fafcf9;font-size:14px}.actions{display:flex;gap:10px;margin-top:20px}.actions #skip,.actions #like{flex:1}.primary{background:#3fd6c0;border-color:#3fd6c0;color:#102522;font-weight:600}.primary:hover{background:#a4f2d9;border-color:#a4f2d9}.hint{font-size:11px;color:#65746b;text-align:center;margin:12px 0 0}footer{max-width:760px;padding:22px 0;color:#53635a;font-size:12px}footer summary{font-size:12px;font-weight:400;text-decoration:underline;text-underline-offset:3px}footer details p{margin-top:14px}footer button{font-size:12px}#empty{text-align:center;padding:100px 20px;background:#fff;border-radius:12px}#empty[hidden],.card[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#notice:not(:empty){margin-top:14px;color:#a1392b}@media(max-width:750px){header{padding:16px}.brand{font-size:24px}nav button{padding:9px 11px;font-size:13px}main{padding:0 12px 20px}.toolbar{display:block;padding-bottom:12px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}.filters label:last-child{grid-column:1/-1}.filters input,.filters select{width:100%;font-size:13px}#progress{display:block;margin-top:10px}.card{grid-template-columns:1fr}.media{min-height:380px;height:52svh;max-height:520px}.media iframe{min-height:0;height:100%}.media a{padding:10px}.content{padding:23px}.content h1{font-size:25px}.runtime{margin-bottom:20px}.actions{position:sticky;bottom:8px;background:white;padding:8px 0}.hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}
@media(max-width:750px){body{padding-bottom:80px}.actions{position:fixed;z-index:5;bottom:0;left:0;right:0;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #cbd4c9}.hint{display:none}}