.library-page{max-width:1180px;margin:auto;padding:58px 40px 80px}.library-intro{max-width:650px;margin-bottom:40px}.library-intro h1{font-size:clamp(44px,6vw,68px)}.library-intro p{color:#65645c;max-width:480px;font-size:16px;line-height:1.85}.library-filters{background:#eeece4;border-radius:12px;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:16px;padding:22px;display:grid}.library-filters .field{margin:0}.library-filters .button{cursor:pointer;border:0;height:47px}.library-results{color:#65645c;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:13px;display:flex}.library-results p{margin:0}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.library-card{border:1px solid var(--line);background:#fffdf9;border-radius:12px;overflow:hidden}.library-card>a{height:100%;display:block}.library-card:hover{border-color:#b9927c}.library-card>a:focus-visible{outline-offset:-4px}.library-cover{color:#445b4a;background:#e3e8df;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:170px;display:flex}.library-cover.video{color:#8a4b33;background:#ecddcd}.library-cover>span:first-child{font:64px var(--serif)}.library-cover>span:last-child{letter-spacing:2px;text-transform:uppercase;font-size:11px}.library-card-copy{padding:25px}.library-card h2{font:26px/1.3 var(--serif);overflow-wrap:anywhere;margin:16px 0 12px}.library-card p{color:#65645c;overflow-wrap:anywhere;font-size:14px;line-height:1.8}.library-author{border-top:1px solid var(--line);color:#65645c;overflow-wrap:anywhere;justify-content:space-between;gap:15px;padding-top:16px;font-size:12px;display:flex}.library-empty{text-align:center;border:1px dashed #c9c4b7;border-radius:12px;margin-top:20px;padding:60px 25px}.library-empty h1{letter-spacing:-1px;margin:15px auto;font-size:38px}.library-empty h2{font:30px var(--serif);margin:15px 0}.library-empty p{color:#65645c;line-height:1.8}.library-empty-symbol{color:var(--sage);font-size:48px}.library-pagination{justify-content:center;align-items:center;gap:30px;margin-top:30px;font-size:13px;display:flex}.library-piece{max-width:880px;margin:auto;padding:40px 35px 80px}.library-piece header{padding:25px 0}.library-piece h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(38px,5vw,60px);line-height:1.15}.piece-summary{color:#65645c;font-size:19px;line-height:1.8}.piece-byline{color:#65645c;font-size:13px;line-height:1.8}.piece-body{max-width:700px;font:19px/1.95 var(--serif);overflow-wrap:anywhere;margin:35px auto}.piece-body p{white-space:pre-line;margin-bottom:25px}.library-video{aspect-ratio:16/9;border:1px solid var(--line);background:#ece5da;border-radius:12px;place-items:center;display:grid;overflow:hidden}.library-video iframe{border:0;width:100%;height:100%}.video-prompt{text-align:center;padding:20px}.video-prompt>span{color:var(--accent);font-size:40px}.video-prompt h2{font:28px var(--serif);margin:10px 0}.video-prompt p{color:#65645c;font-size:13px}.video-prompt button,.library-empty button{cursor:pointer;border:0;min-height:44px}.piece-footer{border-top:1px solid var(--line);text-align:center;margin-top:50px;padding-top:30px}.piece-footer p{color:#65645c;font-size:14px;line-height:1.8}@media (max-width:900px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:1fr 1fr}.library-filters>.field:first-child{grid-column:1/-1}}@media (max-width:560px){.library-page{padding:35px 20px 55px}.library-intro h1{letter-spacing:-1.5px}.library-filters{gap:14px;padding:18px}.library-filters .button{grid-column:1/-1}.library-grid{grid-template-columns:1fr}.library-piece{padding:25px 20px 55px}.library-video{aspect-ratio:auto;min-height:240px}.library-video iframe{aspect-ratio:16/9;min-height:200px}.piece-summary{font-size:17px}.piece-body{font-size:18px}.library-card-copy{padding:22px}.library-filters select{padding:0 8px}}.library-cover.video{aspect-ratio:16/9;height:auto;position:relative;overflow:hidden}.video-thumbnail{object-fit:cover;width:100%;height:100%;display:block}.library-cover.video .thumbnail-play{color:#fff;letter-spacing:0;background:#24241fe6;border-radius:50%;place-items:center;width:38px;height:38px;font:25px Arial;display:grid;position:absolute;bottom:12px;right:12px}.thumbnail-fallback{color:var(--accent);font-size:48px}.video-prompt.video-preview{place-items:center;width:100%;height:100%;min-height:240px;padding:0;display:grid;position:relative;overflow:hidden}.video-preview>.video-thumbnail{position:absolute;inset:0}.video-preview-controls{z-index:1;background:linear-gradient(#0000,#000c);align-self:end;width:100%;padding:35px 20px 20px;position:relative}.video-preview-controls p{color:#fff;text-shadow:0 1px 3px #000}.video-preview-controls .button{background:#813d2c}.clickable-video-card{position:relative}.video-card-hit-area{cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;height:100%;padding:0;position:absolute;inset:0}.video-card-hit-area:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.card-video-player{border:0;width:100%;height:100%;display:block}.video-preview-button{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;height:100%;min-height:240px;padding:0;display:grid;overflow:hidden}.video-preview-button:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.video-preview-button .video-thumbnail{aspect-ratio:16/9}.thumbnail-fallback{font:18px var(--sans)}.fullscreen-video{z-index:10000;color:#fff;overscroll-behavior:contain;background:#080808;flex-direction:column;width:100%;height:100dvh;display:flex;position:fixed;inset:0}.fullscreen-video>header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}.fullscreen-video>header>span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.fullscreen-video button{color:#fff;cursor:pointer;background:#252525;border:1px solid #777;border-radius:6px;flex-shrink:0;min-height:44px;padding:10px 18px}.fullscreen-video iframe{border:0;flex:1;width:100%;min-height:0}.fullscreen-video button:focus-visible{outline:2px solid #fff}.watch-shell{z-index:10000;background:var(--paper);position:fixed;inset:0;overflow:auto}.watch-page{max-width:1600px;margin:auto}.watch-experience{max-width:1600px;margin:auto;padding:18px 28px 30px}.watch-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.watch-toolbar .back-link{cursor:pointer;background:0 0;border:0;margin:0}.watch-toolbar>span{color:var(--sage);font-size:12px}.watch-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:24px;display:grid}.watch-left{min-width:0}.watch-player{aspect-ratio:16/9;background:#080808;border-radius:12px;width:100%;min-height:200px;overflow:hidden}.watch-player iframe{border:0;width:100%;height:100%;display:block}.watch-player:fullscreen{aspect-ratio:auto;background:#000;border-radius:0;width:100vw;height:100dvh}.watch-caption{justify-content:space-between;align-items:start;gap:20px;margin:16px 0 22px;display:flex}.watch-caption h1{font:24px/1.35 var(--serif);letter-spacing:-.4px;overflow-wrap:anywhere;max-width:none;margin:0 0 8px}.watch-caption p{color:#65645c;margin:0;font-size:12px}.watch-expand{border:1px solid var(--line);cursor:pointer;color:#71422f;background:0 0;border-radius:7px;flex-shrink:0;min-height:44px;padding:10px 14px}.watch-next h2{font:23px var(--serif);margin:18px 0}.watch-recommendations{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.watch-recommendation{border:1px solid var(--line);text-align:left;cursor:pointer;color:var(--ink);background:#fffdf9;border-radius:9px;padding:0;overflow:hidden}.watch-recommendation>div{aspect-ratio:16/9;background:#e8e2d7;min-height:70px}.watch-recommendation>span,.watch-recommendation>strong{padding:0 12px;display:block}.watch-recommendation>span{color:var(--sage);margin:12px 0 8px;font-size:10px}.watch-recommendation>strong{font:17px/1.4 var(--serif);overflow-wrap:anywhere;padding-bottom:16px}.watch-recommendation-empty{border:1px dashed #ccc5b7;border-radius:9px;min-height:150px;padding:22px 16px}.watch-recommendation-empty>span{color:#65645c;font-size:12px;font-weight:600}.watch-recommendation-empty p,.watch-notice{color:#65645c;margin:12px 0;font-size:12px;line-height:1.7}.watch-comments{border:1px solid var(--line);background:#fffdf9;border-radius:12px;flex-direction:column;height:calc(100dvh - 110px);min-height:500px;max-height:950px;display:flex;position:sticky;top:20px;overflow:hidden}.watch-comments>header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:20px;display:flex}.watch-comments h2{font:24px var(--serif);margin:0}.watch-comments header>span{color:#65645c;font-size:10px}.comment-refresh{margin-left:auto}.comment-refresh,.comment-more,.comment-remove,.comment-delete-confirm button{color:#81412d;cursor:pointer;background:0 0;border:0;min-height:36px;font-size:12px}.comment-list{overscroll-behavior:contain;flex:1;min-height:100px;padding:8px 20px;overflow:auto}.comment-empty,.comment-list>p{color:#65645c;margin:20px 0;font-size:14px;line-height:1.85}.comment{border-bottom:1px solid var(--line);padding:18px 0}.comment-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.comment-heading strong{overflow-wrap:anywhere;font-size:13px}.comment-heading time{white-space:nowrap;color:#65645c;font-size:10px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0 0;font-size:14px;line-height:1.8}.comment-delete-confirm{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.comment-composer{border-top:1px solid var(--line);background:#faf7f0;padding:17px 20px}.comment-composer label{margin-bottom:9px;font-size:12px;font-weight:600;display:block}.comment-composer textarea{resize:vertical;width:100%;min-height:76px;max-height:180px;font:16px/1.5 var(--sans);color:var(--ink);background:#fff;border:1px solid #d4cec3;border-radius:8px;padding:12px}.comment-composer textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.comment-compose-actions{align-items:center;gap:12px;margin-top:9px;display:flex}.comment-compose-actions>button:first-child{cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;font-size:21px}.comment-compose-actions>span{color:#65645c;font-size:10px}.comment-compose-actions>.button{cursor:pointer;border:0;min-height:44px;margin-left:auto}.comment-emojis{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.comment-emojis button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;width:38px;height:38px;font-size:21px}.comment-public-note{color:#65645c;margin-top:12px;font-size:11px;line-height:1.7;display:block}.comment-composer>p{margin:10px 0 0}.watch-comments button:disabled{opacity:.5;cursor:default}.watch-expand:focus-visible,.watch-recommendation:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (min-width:1500px){.watch-experience{padding-top:25px}.watch-caption h1{font-size:28px}}@media (max-width:850px){.watch-experience{padding:14px 18px 25px}.watch-grid{grid-template-columns:1fr}.watch-comments{height:550px;min-height:400px;max-height:none;position:static}.watch-caption h1{font-size:21px}.watch-recommendations{gap:10px}.watch-recommendation-empty{padding:15px 12px}.watch-toolbar{margin-bottom:9px}}@media (max-width:450px){.watch-experience{padding:10px 12px 25px}.watch-caption{flex-wrap:wrap;gap:10px}.watch-recommendations{grid-template-columns:1fr}.watch-recommendation{grid-template-columns:120px 1fr;column-gap:10px;display:grid}.watch-recommendation>div{grid-row:1/3;align-self:center;min-width:120px}.watch-recommendation>strong{padding:0 10px 12px 0;font-size:15px}.watch-recommendation>span{margin:10px 0 5px;padding:0}.watch-recommendation-empty{min-height:85px}.watch-comments>header,.comment-list,.comment-composer{padding-left:15px;padding-right:15px}}