.film{min-width:0;container-type:inline-size}.film-thumbs{justify-content:center;gap:5px;display:flex}.film .film-cell{aspect-ratio:16/9;border:1px solid var(--rule-2);background:var(--paper-2);cursor:pointer;border-radius:2px;flex:0 62px;min-width:0;padding:0;position:relative;overflow:hidden}.film .film-cell img{object-fit:contain;opacity:.86;width:100%;height:100%;display:block}.film .film-cell:hover{border-color:var(--accent)}.film .film-cell:hover img{opacity:1}.film .film-cell.is-on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.film .film-cell.is-on img{opacity:1}.film .film-cell.is-out img{opacity:.5}.film .film-cell.is-gap{visibility:hidden}.film-none{width:100%;height:100%;display:block}.film-no{color:var(--ink-2);background:color-mix(in srgb, var(--card) 82%, transparent);padding:0 3px;font-size:10px;line-height:14px;position:absolute;bottom:0;right:0}.film .film-cell.is-audio .film-no{color:var(--card);background:var(--accent)}[data-theme=dark] .film .film-cell img{filter:brightness(.82)contrast(.96)}.film-rail{cursor:pointer;height:12px;margin-top:1px;position:relative}.film-track,.film-range{border-radius:1px;height:2px;position:absolute;top:5px}.film-track{background:var(--rule);left:0;right:0}.film-range{background:var(--ink-3)}.film-mark{background:var(--accent);border-radius:1px;width:3px;height:8px;margin-left:-1.5px;position:absolute;top:2px}.film-mark.is-audio{background:var(--card);border:1.5px solid var(--accent);border-radius:50%;width:6px;height:6px;margin-left:-3px;top:3px}@container (width<=400px){.film .film-cell.is-far{display:none}}@container (width<=270px){.film .film-cell.is-mid{display:none}}:root{--paper:#faf7f0;--paper-2:#f3eee3;--paper-3:#ece5d6;--sheet:#fffdf8;--card:var(--sheet);--ink:#1e1b16;--ink-2:#47413a;--ink-3:#6b6357;--rule:#e6dfd1;--rule-2:#d3c8b4;--accent:#33506a;--accent-ink:#fff8f0;--accent-soft:#e7ecef;--hl:#f4e8c4;--ai:#8a5a0a;--ai-soft:#f8efda;--ai-line:#e6d0a2;--ok:#3c6845;--ok-soft:#e9f0e4;--danger:#9e3324;--danger-soft:#f5e1dc;--ff-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--ff-serif:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, SimSun, serif;--ff-num:"Iowan Old Style", ui-serif, Georgia, "Times New Roman", serif;--top-h:48px;--player-h:0px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--ff-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}body.no-scroll{overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:20px;line-height:1.35}a{color:var(--accent)}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--rule-2);background:var(--sheet);border-radius:6px;width:100%;padding:9px 10px;font-size:16px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;line-height:1.7;display:block}.num{font-family:var(--ff-num);font-variant-numeric:tabular-nums lining-nums}.muted{color:var(--ink-3)}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:var(--ink-3);font-size:12.5px;display:block}.app{flex-direction:column;min-height:100dvh;display:flex}.app.has-player{--player-h:94px}.demo-band{padding:3px var(--gutter);background:var(--ai-soft);color:var(--ai);text-align:center;font-size:12.5px}.top{z-index:20;height:var(--top-h);padding:0 var(--gutter);background:var(--sheet);border-bottom:1px solid var(--rule);align-items:center;gap:12px;display:flex;position:sticky;top:0}.top-brand{color:var(--ink);font-family:var(--ff-serif);flex:none;font-weight:700;text-decoration:none}.top-nav{scrollbar-width:none;flex:auto;justify-content:flex-end;gap:2px;min-width:0;display:flex;overflow-x:auto}.top-nav a{max-width:7em;color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:none;padding:5px 8px;font-size:14px;text-decoration:none;overflow:hidden}.top-nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{padding-bottom:calc(var(--player-h) + env(safe-area-inset-bottom));flex:auto}.page{width:100%;max-width:720px;padding:16px var(--gutter) 28px;flex-direction:column;gap:20px;margin:0 auto;display:flex}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title{font-family:var(--ff-serif);margin-bottom:8px;font-size:17px;font-weight:700}.empty{padding:8px 0}.state-line{padding:12px var(--gutter);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.state-line.is-error{color:var(--danger)}.write .state-line,.attach .state-line,.auth-card .state-line,.page .state-line{padding:4px 0}.banner{background:var(--accent-soft);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.banner.is-warn{background:var(--ai-soft);color:var(--ai)}.back-link{color:var(--ink-3);padding:2px 0;font-size:13.5px;text-decoration:none;display:inline-block}.btn{border:1px solid var(--rule-2);background:var(--sheet);min-height:38px;color:var(--ink);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:14.5px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn.is-primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.btn.is-small{min-height:32px;padding:3px 10px;font-size:13.5px}.btn.is-large{min-height:46px;padding:8px 28px;font-size:16px}.link-btn{color:var(--accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:13.5px;text-decoration:underline}.link-btn.is-strong{font-weight:600}.link-btn.is-danger{color:var(--danger)}.field{flex-direction:column;gap:4px;display:flex}.field-label{font-size:14px;font-weight:600}.field-hint{color:var(--ink-3);font-size:13px}.field-group{border:1px solid var(--rule);border-radius:8px;flex-direction:column;gap:8px;min-width:0;margin:0;padding:10px 12px 12px;display:flex}.field-group legend{padding:0 4px;font-size:14px;font-weight:600}.check-line{align-items:flex-start;gap:8px;font-size:14.5px;display:flex}.check-line input{margin-top:5px}.radio-row{flex-wrap:wrap;gap:8px 14px;font-size:14.5px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{background:var(--paper-2);color:var(--ink-2);white-space:nowrap;border-radius:10px;flex:none;padding:1px 8px;font-size:12.5px;display:inline-block}.chip.is-todo{background:var(--accent-soft);color:var(--accent)}.chip.is-ok{background:var(--ok-soft);color:var(--ok)}.chip.is-warn,.chip.is-late{background:var(--ai-soft);color:var(--ai)}.chip.is-muted{color:var(--ink-3)}.auth{min-height:100dvh;padding:24px var(--gutter);justify-content:center;display:flex}.auth-card{border:1px solid var(--rule);background:var(--sheet);border-radius:10px;flex-direction:column;align-self:flex-start;gap:14px;width:100%;max-width:380px;padding:20px;display:flex}.auth-card.is-wide{max-width:560px}.auth-card h1{font-family:var(--ff-serif)}.consent{border:1px solid var(--rule);background:var(--paper);border-radius:6px;flex-direction:column;gap:10px;max-height:46vh;padding:12px;font-size:14px;display:flex;overflow-y:auto}.consent h2{font-size:15px}.consent h3{font-size:14px}.consent p{color:var(--ink-2)}.notices{flex-direction:column;gap:6px;display:flex}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:8px 12px;font-size:14px;display:flex}.task-list,.lecture-list{border:1px solid var(--rule);background:var(--sheet);border-radius:8px;flex-direction:column;display:flex}.task-list:empty,.lecture-list:empty{display:none}.task-list>li+li,.lecture-list>li+li{border-top:1px solid var(--rule)}.task,.lecture-row{min-height:52px;color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.task:hover,.lecture-row:hover{background:var(--paper)}.task-main,.lecture-main{flex-direction:column;min-width:0;display:flex}.task-title,.lecture-title{font-weight:600}.task-due,.lecture-meta{color:var(--ink-3);font-size:13px}.task-due.is-over{color:var(--danger)}.lecture-row{justify-content:flex-start}.lecture-no{width:26px;color:var(--ink-3);text-align:center;flex:none;font-size:17px}.done-box{margin-top:10px}.done-box summary,.work-outline summary,.mat summary,.mat-outline summary{cursor:pointer}.done-box summary{color:var(--ink-3);padding:4px 0 8px;font-size:14px}.count-chip{color:var(--ink-2);white-space:nowrap;flex:none;font-size:13.5px}.pb{z-index:55;background:var(--sheet);border-top:1px solid var(--rule-2);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.pb-range{cursor:pointer;appearance:none;background:0 0;border:0;width:100%;height:22px;margin:0;padding:0;display:block}.pb-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--pb-pos,0%), var(--paper-3) var(--pb-pos,0%));height:4px}.pb-range::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--pb-pos,0%), var(--paper-3) var(--pb-pos,0%));height:4px}.pb-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:-5px}.pb-range::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.pb-row{padding:0 var(--gutter) 8px;align-items:center;gap:8px;display:flex}.pb-title{min-width:0;color:inherit;flex-direction:column;flex:1 1 0;line-height:1.3;text-decoration:none;display:flex}.pb-course{color:var(--ink-3);font-size:11.5px}.pb-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.pb-controls{flex:none;align-items:center;gap:4px;display:flex}.pb-play{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.pb-play.is-loading{opacity:.6}.pb-skip{min-width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0;font-size:13.5px}.pb-time{flex:none;font-size:14px;display:none}.pb-total{color:var(--ink-3)}.pb-rate select{text-align:center;width:62px;min-height:34px;padding:3px 4px;font-size:14px}.lec{height:calc(100dvh - var(--top-h) - var(--player-h) - env(safe-area-inset-bottom));flex-direction:column;min-height:420px;display:flex}.lec-head{padding:6px var(--gutter);background:var(--sheet);border-bottom:1px solid var(--rule);flex-wrap:wrap;flex:none;align-items:center;gap:2px 12px;display:flex}.lec-head .back-link{display:none}.lec-title{flex:200px;min-width:0}.lec-title h1{font-family:var(--ff-serif);font-size:17px}.lec-actions{flex-wrap:wrap;flex:none;gap:6px;padding:2px 0;display:flex}.lec-actions .btn{min-height:34px;padding:4px 10px;font-size:13.5px}.lec-main{flex-direction:column;flex:auto;min-height:0;display:flex}.lec-slides{padding:8px var(--gutter);background:var(--paper-2);border-bottom:1px solid var(--rule);flex:none}.lec-text{min-height:0;padding:10px var(--gutter) 24px;background:var(--sheet);flex:auto}.lec-no-text{padding:16px 0}.scroll-y{overscroll-behavior:contain;overflow-y:auto}.slide{flex-direction:column;gap:6px;min-width:0;display:flex}.slide-stage{background:var(--paper-3);border-radius:4px;justify-content:center;display:flex;position:relative;overflow:hidden}.slide-img{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.slide-img img{object-fit:contain;width:100%;max-height:30dvh;display:block}.slide.is-compact .slide-img img{max-height:26dvh}.slide-nav{color:#fff;cursor:pointer;background:#1e1b1647;border:0;border-radius:4px;width:36px;height:48px;margin-top:-24px;padding:0;font-size:24px;line-height:1;position:absolute;top:50%}.slide-nav:disabled{opacity:.25;cursor:default}.slide-nav.is-prev{left:4px}.slide-nav.is-next{right:4px}.slide-info{flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:13px;display:flex}.slide-count{color:var(--ink-2)}.slide-following{color:var(--ink-3);font-size:12.5px}.slide-pdf{margin-left:auto}.slide-none{color:var(--ink-3);padding:12px;font-size:14px}.slide-film .film-thumbs{display:none}.box{z-index:60;padding:8px var(--gutter) calc(10px + env(safe-area-inset-bottom));color:#f3eee3;background:#1b1a17;flex-direction:column;gap:8px;display:flex;position:fixed;inset:0}.box-top{flex:none;align-items:center;gap:10px;min-height:40px;display:flex}.box-tools{flex-wrap:wrap;flex:auto;gap:2px 10px;min-width:0;display:flex}.box .link-btn,.box .slide-following{color:#e7ecef}.box-close{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;width:40px;height:40px;font-size:18px}.box-img{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.box-img img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.box-film{--card:#1b1a17;--rule:#4a463f;--ink-3:#8f887c;--ink-2:#d3c8b4;flex:none}.tr{max-width:620px;margin:0 auto;position:relative}.ai-note{background:var(--ai-soft);color:var(--ai);border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12.5px}.tr-heading{font-family:var(--ff-serif);margin:14px 0 4px;font-size:15.5px;font-weight:700}.tr-para{font-family:var(--ff-serif);margin-bottom:10px;font-size:16px;line-height:1.9}.tr-time{color:var(--ink-3);cursor:pointer;background:0 0;border:0;margin-right:6px;padding:0;font-size:12.5px}.tr-s{cursor:pointer;border-radius:2px}.tr-s:hover{background:var(--paper-2)}.tr-s.is-now{background:var(--hl)}.tr-s.is-flag{-webkit-text-decoration:underline wavy var(--ai-line);text-decoration:underline wavy var(--ai-line);text-underline-offset:4px;text-decoration-thickness:1px}.tr-back{border:1px solid var(--rule-2);background:var(--sheet);color:var(--accent);cursor:pointer;border-radius:16px;margin:0 auto;padding:5px 12px;font-size:13px;display:block;position:sticky;bottom:8px;box-shadow:0 2px 8px #1e1b1624}.ot-list{flex-direction:column;gap:2px;display:flex}.ot-list:not(.is-root){border-left:1px solid var(--rule);margin-left:14px;padding-left:6px}.ot-row{border-radius:4px;align-items:flex-start;gap:4px;padding:3px 2px;display:flex}.ot-row.is-now{background:var(--hl)}.ot-fold,.ot-fold-gap{flex:none;width:22px;height:26px}.ot-fold{color:var(--ink-3);cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;line-height:1;transition:transform .12s}.ot-fold.is-open{transform:rotate(90deg)}.ot-title{text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;min-width:0;padding:2px 0;font-size:14.5px}.ot-node:not(.is-kid)>.ot-row>.ot-title{font-weight:600}.ot-time{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:2px 4px;font-size:13px}.ot-summary{color:var(--ink-2);margin:0 0 6px 26px;font-size:13.5px}.drawer-wrap{z-index:50;visibility:hidden;position:fixed;inset:0}.drawer-wrap.is-open{visibility:visible}.drawer-mask{background:#1e1b1659;position:absolute;inset:0}.drawer{height:min(78dvh,720px);padding-bottom:calc(94px + env(safe-area-inset-bottom));background:var(--sheet);border-radius:12px 12px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #1e1b1633}.drawer-head{padding:8px var(--gutter);border-bottom:1px solid var(--rule);flex:none;justify-content:space-between;align-items:center;display:flex}.drawer-head h2{font-family:var(--ff-serif);font-size:16px}.drawer-close{width:36px;height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;font-size:16px}.drawer-body{min-height:0;padding:12px var(--gutter) 20px;flex:auto}.work{flex-direction:column;display:flex}.work-main{width:100%;max-width:720px;padding:12px var(--gutter) 28px;flex-direction:column;gap:14px;margin:0 auto;display:flex}.work-head{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.work-head h1{font-family:var(--ff-serif)}.work-due{font-size:14px}.work-prompt{border:1px solid var(--rule);background:var(--sheet);border-radius:8px;padding:12px}.work-outline{border:1px solid var(--rule);border-radius:8px;padding:8px 12px;font-size:14.5px}.work-outline .pre{margin:6px 0}.work-side{display:none}.write{flex-direction:column;gap:10px;display:flex}.write-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.write-head .section-title{margin:0}.write-box{min-height:240px;font-size:16px}.write-count{text-align:right;margin-top:-6px;font-size:12.5px}.write-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-line{color:var(--ink-3);font-size:13px}.save-line.is-ok{color:var(--ok)}.save-line.is-warn{color:var(--ai)}.receipt,.grade-card{border:1px solid var(--rule);background:var(--sheet);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;font-size:14px;display:flex}.grade-card{border-color:var(--ok)}.grade-card.is-returned{border-color:var(--ai-line);background:var(--ai-soft)}.receipt-head{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;font-size:13px;display:flex}.attach{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.files{flex-direction:column;gap:2px;font-size:14px;display:flex}.files li{overflow-wrap:anywhere}.work-prompt .files{margin-top:8px}.progress{flex-direction:column;gap:2px;width:100%;font-size:13px;display:flex}.progress progress{width:100%}.mats{flex-direction:column;gap:8px;display:flex}.mat{border:1px solid var(--rule);background:var(--sheet);border-radius:8px}.mat>summary{flex-direction:column;padding:8px 12px;display:flex}.mat-title{font-size:14.5px;font-weight:600}.mat-range{color:var(--ink-3);font-size:13px}.mat-body{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.mat-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mat-stale{background:var(--ai-soft);color:var(--ai);border-radius:4px;padding:6px 8px;font-size:13.5px}.mat-outline summary{font-size:14px}.mat .tr-para{font-size:15px}.stat-row{flex-wrap:wrap;gap:4px 14px;font-size:14.5px;display:flex}.roster-table,.roster-people{border:1px solid var(--rule);background:var(--sheet);border-radius:8px;flex-direction:column;display:flex}.roster-table>li+li,.roster-people>li+li{border-top:1px solid var(--rule)}.roster-line{flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px;font-size:14.5px;display:flex}.roster-id{color:var(--ink-3);flex:none;font-size:13px}.roster-name{flex:8em;min-width:0;font-weight:600}.roster-name .muted{font-weight:400}.roster-level{font-family:var(--ff-serif)}.roster-time{font-size:13px}.roster-person{padding-bottom:6px}.roster-person .tool-row{padding:0 8px}.roster-edit{background:var(--paper);border-radius:6px;flex-direction:column;gap:8px;margin:6px 12px;padding:10px;display:flex}.roster-person .state-line{padding:4px 12px}.roster-add{border:1px solid var(--rule);background:var(--sheet);border-radius:8px;flex-direction:column;align-items:stretch;gap:10px;padding:12px;display:flex}.link-box{border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px;flex-direction:column;gap:8px;padding:12px;font-size:14px;display:flex}.audit-list{color:var(--ink-3);flex-direction:column;gap:2px;font-size:13px;display:flex}.compose{gap:14px}.pick-lecture{border-top:1px solid var(--rule);padding:6px 0}.pick-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2px 10px;display:flex}.pick-whole{flex:12em;gap:6px;min-width:0;font-size:14.5px;display:flex}.pick-whole input,.pick-node input{margin-top:5px}.pick-note{font-size:12.5px}.pick-nodes{flex-direction:column;gap:2px;margin:4px 0 2px 22px;display:flex}.pick-node{gap:6px;font-size:14px;display:flex}.pick-node.is-kid{color:var(--ink-2);margin-left:18px}.grade{gap:14px}.grade-body{border:1px solid var(--rule);background:var(--sheet);font-family:var(--ff-serif);border-radius:8px;padding:12px;font-size:16px;line-height:1.8}.grade-body .files{font-family:var(--ff-sans);margin-top:10px}.grade-form{flex-direction:column;gap:10px;display:flex}.level-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.level{border:1px solid var(--rule-2);background:var(--sheet);width:44px;height:40px;font-family:var(--ff-serif);cursor:pointer;border-radius:6px;font-size:16px}.level.is-on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.level-input{flex:100px;width:auto;max-width:180px}@media (width>=900px){:root{--gutter:22px}.app.has-player{--player-h:72px}.pb-row{gap:16px}.pb-time{display:block}.lec-head .back-link{display:inline-block}.lec-main{flex-direction:row}.lec-slides{padding:14px var(--gutter);border-right:1px solid var(--rule);border-bottom:0;flex:0 0 min(52%,640px);overflow-y:auto}.lec-slides .slide-img img{max-height:56dvh}.slide-film .film-thumbs{display:flex}.lec-text{padding:14px var(--gutter) 30px;flex:1 1 0}.lec-slide-toggle[aria-pressed=true]{background:var(--paper-2)}.work.has-materials{flex-direction:row;align-items:flex-start}.work.has-materials .work-main{flex:54%;max-width:none;margin:0}.work-side{top:var(--top-h);min-width:0;height:calc(100dvh - var(--top-h) - var(--player-h));padding:12px var(--gutter) 24px;border-left:1px solid var(--rule);background:var(--paper);flex:46%;display:block;position:sticky}.work-mat-open{display:none}.drawer{border-radius:0;width:440px;height:auto;padding-bottom:72px;top:0;left:auto;box-shadow:-6px 0 24px #1e1b162e}}body:not(:has(.pb)) .drawer{padding-bottom:env(safe-area-inset-bottom)}