.mx-session-reader{background:#111;min-height:100dvh}
.mx-session-toolbar{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(100%,1072px);display:flex;align-items:center;gap:12px;padding:18px 24px;min-height:72px}
.mx-reading-overlay .mx-session-toolbar h1{flex:1;min-width:0;margin:0;font:600 20px/1.3 Figtree,Arial,Helvetica,sans-serif;letter-spacing:-.3px}
.mx-session-toolbar button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #ffffff25;border-radius:5px;background:#ffffff08;color:inherit;font-size:20px}
.mx-session-toolbar button:first-child{border:0;background:none;font-size:22px}
.mx-session-picker{width:min(100%,1072px);margin:0 auto;padding:91px 24px 64px;color:var(--mx-text,#f6f0e8);text-align:left}
.mx-session-picker h2{font:600 24px/1.3 Figtree,Arial,Helvetica,sans-serif;letter-spacing:-.5px;margin:0 0 2px}
.mx-session-picker .mx-sessions-count{font-size:14px;color:#aaa;line-height:1.6;margin:0 0 15px}
.mx-session-picker button{cursor:pointer;transition:background .15s}
.mx-session-picker button:focus-visible{outline:2px solid #e9c393;outline-offset:4px}
.mx-sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,222px));gap:16px}
.mx-session-new,.mx-session-item{height:332px;min-width:0;border:1px solid #2b2b2b;border-radius:7px;background:#191919;color:#f5f2ec}
.mx-session-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 13px;border-style:dashed;text-align:center}
.mx-session-new>span:first-child{font-size:27px;line-height:1}
.mx-session-new strong,.mx-session-new small{display:block}
.mx-session-new strong{font-size:14px;font-weight:600;margin-bottom:7px}
.mx-session-new small{font-size:12px;color:#aaa;font-weight:400}
.mx-session-new:hover,.mx-session-item:hover{background:#232323}
.mx-session-item{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:12px;padding:13px 12px}
.mx-session-item time{font-size:12px;color:#999}
.mx-session-number{font-size:14px;font-weight:600}
.mx-session-choice{margin-top:auto;color:#aaa;font-size:14px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.mx-session-arrow{display:none}
.mx-sessions-error,.mx-sessions-loading{font-size:14px;line-height:1.6;color:#c9c3bb;margin:14px 0}
.mx-session-picker .mx-session-retry{width:auto;margin:0 0 24px;padding:10px 17px;border:1px solid #777;border-radius:7px;background:none;color:inherit;font-size:14px}
.mx-session-picker button:disabled{opacity:.5;cursor:wait}
.mx-theme-light .mx-session-reader{background:#f7f4ef}
.mx-theme-light .mx-session-picker{color:#302d29}
.mx-theme-light .mx-session-new,.mx-theme-light .mx-session-item{background:#fffdf9;border-color:#cfc7ba;color:#302d29}
.mx-theme-light .mx-session-new:hover,.mx-theme-light .mx-session-item:hover{background:#f0e9de}
.mx-theme-light .mx-session-new small,.mx-theme-light .mx-session-item time,.mx-theme-light .mx-session-choice,.mx-theme-light .mx-sessions-count{color:#70685e}
@media(max-width:600px){.mx-session-picker{padding:88px 20px 48px}.mx-session-picker h2{font-size:21px}.mx-sessions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mx-session-new,.mx-session-item{height:280px}.mx-session-picker .mx-sessions-count{font-size:13px}.mx-session-choice{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mx-session-picker button{transition:none}}