*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:#28382e;font-family:'Yu Gothic UI','Meiryo',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cc8f2e;outline-offset:3px}.shell{max-width:1600px;margin:auto;display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#eeeee5;padding:38px 24px;display:flex;flex-direction:column;border-right:1px solid #dddfd5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:25px;font-weight:700}.brand span{font-size:19px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;margin-top:7px}.nav-caption{font-size:11px;color:#687368;margin:55px 12px 16px}nav{display:grid;gap:8px}nav button{border:0;background:transparent;text-align:left;padding:15px 12px;border-radius:7px;color:inherit}nav button span{float:right}nav button[aria-pressed=true]{background:#dce3d4;color:#304b38;font-weight:bold}.sidebar-note{margin-top:80px;padding:25px 12px;border-top:1px solid #cdd3c6;font-size:21px;line-height:1.7}.sidebar-note p{font-size:12px;color:#65715f}.disclaimer{margin-top:auto;padding-top:50px;font-size:10px;color:#66715f}main{padding:30px 52px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;color:#6a7368;font-size:11px}select{margin-left:7px;border:1px solid #d6d9cf;background:transparent;color:inherit;padding:8px;border-radius:5px;font-size:11px}.intro{display:grid;grid-template-columns:1fr 265px;gap:35px;align-items:center;margin:65px 0 45px}.eyebrow{font-size:10px;letter-spacing:2px;color:#777b60}h1{font-family:'Yu Mincho','Meiryo',serif;font-size:42px;font-weight:600;letter-spacing:2px;line-height:1.5;margin:18px 0}.lead{color:#697365;line-height:2;font-size:13px}.channel{display:inline-block;margin-top:15px;text-underline-offset:5px;font-size:12px}.progress{position:relative;background:#e8eddf;border-radius:3px;padding:34px 27px}.bookmark{position:absolute;right:24px;top:0;background:#738764;color:white;padding:12px 9px 18px;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.progress p{font-size:11px;color:#52634b}.progress strong{display:block;font-size:48px;font-weight:500;margin:25px 0}.progress strong small{font-size:12px}.track{height:5px;background:#d0dac5;border-radius:5px}.track div{height:100%;background:#657e51;width:0}.add-section{padding:23px 26px;border:1px solid #dcdfd3;background:#fffefa;border-radius:9px}h2{font-size:16px;font-weight:600;margin:0 0 17px}form{display:flex;gap:12px}input{min-width:0;border:1px solid #d8dcd2;border-radius:5px;background:transparent;padding:13px;color:inherit}form input{flex:1}.primary{background:#3f5944;color:white;border:0;border-radius:5px;padding:12px 24px;white-space:nowrap}.add-section p{font-size:11px;color:#777f70;line-height:1.7;margin-bottom:0}#message:empty{display:none}#message{color:#73502b;font-size:13px}.library{margin-top:38px}.library-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.library-head h2{margin:0}.search{display:flex;align-items:center;gap:8px}.search input{border:0;border-bottom:1px solid #d8dcd2;border-radius:0;padding:9px;font-size:12px;width:200px}.sort-note{font-size:11px;color:#7a8073;margin:20px 0}#videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video{border-bottom:1px solid #d8dcd2;padding-bottom:20px;min-width:0}.video img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:#e0e5d8}.video h3{font-size:14px;line-height:1.7;margin:12px 0 8px;overflow-wrap:anywhere}.video h3 a{text-decoration:none}.author{font-size:11px;color:#78816f}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.actions button{padding:10px 12px;border:1px solid #ccd4c3;background:transparent;color:inherit;border-radius:5px;font-size:12px}.actions button[aria-pressed=true]{background:#dfe8d7;color:#31452b;border-color:#a3b197}.actions .remove{margin-left:auto;border:0;color:#7a8073}#empty{text-align:center;padding:28px 0 45px;color:#707a68}.empty-icon{font-size:40px;color:#a2ad8d}#empty h3{font-size:17px;font-weight:500}#empty p{font-size:12px;line-height:2}footer{font-size:10px;color:#808775;border-top:1px solid #dfe2d6;padding:24px 0;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-theme=list]{background:#f6f8fb;color:#27364c}body[data-theme=list] aside{background:#e9eef5}body[data-theme=list] .intro{margin:30px 0;grid-template-columns:1fr 220px}body[data-theme=list] h1{font-family:inherit;font-size:30px}body[data-theme=list] h1 br{display:none}body[data-theme=list] #videos{grid-template-columns:1fr}body[data-theme=list] .video{display:grid;grid-template-columns:220px 1fr;gap:20px}body[data-theme=list] .progress{background:#e3eaf5}body[data-theme=dark]{background:#1d2725;color:#edf0e7}body[data-theme=dark] aside{background:#26342e;border-color:#475449}body[data-theme=dark] .progress,body[data-theme=dark] .add-section{background:#304039;border-color:#56624f}body[data-theme=dark] p,body[data-theme=dark] header,body[data-theme=dark] .author,body[data-theme=dark] footer,body[data-theme=dark] .disclaimer{color:#bac7b5}body[data-theme=dark] #videos{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-theme=dark] .intro{grid-template-columns:1fr 265px}body[data-theme=dark] h1{font-family:inherit;font-size:38px}body[data-theme=dark] select option{color:#28382e}button:disabled{opacity:.6;cursor:wait}@media(min-width:1400px){#videos{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}aside{padding:30px 16px}main{padding:28px}.intro{grid-template-columns:1fr!important;margin-top:40px;gap:20px}.progress{padding:18px 24px}.progress strong{margin:10px 0;font-size:32px}h1{font-size:36px}body[data-theme=dark] #videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.shell{display:block}aside{padding:18px 20px}.brand span{font-size:18px}.brand small{font-size:8px}.nav-caption,.sidebar-note,.disclaimer{display:none}nav{display:flex;margin-top:20px;gap:4px}nav button{padding:11px 7px;font-size:11px;flex:1;white-space:nowrap}nav button span{float:none;display:block;margin-top:6px}.brand{font-size:23px}main{padding:22px}header{align-items:flex-start;flex-direction:column;gap:12px}.intro{margin:28px 0}.eyebrow{font-size:9px}h1{font-size:31px!important}.lead{font-size:12px}.progress{display:none}.add-section{padding:19px}form{flex-direction:column}.primary{min-height:44px}.library-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}#videos,body[data-theme=dark] #videos{grid-template-columns:1fr}body[data-theme=list] .video{grid-template-columns:110px 1fr;gap:12px}.actions button{min-height:44px}body[data-theme=list] .actions{grid-column:1/-1}footer{line-height:1.8}}

.catalog-banner{margin-top:28px;padding:18px 22px;border-left:4px solid #738764;background:#e8eddf}.catalog-banner p{margin:0;font-size:13px;line-height:1.8}.catalog-banner #catalog-coverage{font-size:11px;color:#596650;margin-top:7px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:14px}.catalog-tools label,.video-meta{font-size:11px;color:#596650}body[data-theme=dark] .catalog-banner{background:#304039}body[data-theme=dark] .catalog-banner #catalog-coverage,body[data-theme=dark] .catalog-tools label{color:#bac7b5}@media(max-width:650px){.catalog-tools{align-items:flex-start;flex-direction:column;gap:0;margin-top:15px}}