#mixed-app{--green:#345947;--muted:#68756c;--line:#e2e7de;--paper:#fffefa;--soft:#f1f4ed}
#mixed-app.is-reading{max-width:880px;padding:24px 42px 64px;background:#fffefa;min-height:100vh}#mixed-app.is-reading>h1,#mixed-app.is-reading>p:not(#mixed-status){display:none}#mixed-app.is-reading>.actions{margin:0 0 12px;gap:7px}#mixed-app.is-reading>.actions button{font-size:12px;padding:8px 12px;border-color:#e2e7de;background:transparent;color:#345947}#mixed-app.is-reading #mixed-drop{font-size:12px;padding:12px;margin:8px 0 14px;border-color:#e2e7de;background:#f5f7f1}#mixed-app.is-reading #mixed-status{font-size:12px;margin:8px 0 24px}#mixed-app .reading-intro h2{font:600 34px/1.13 system-ui;letter-spacing:-.035em;margin:0 0 14px}#mixed-app .bundle-byline{font-size:12px;color:#68756c;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#mixed-app .status-line{font-size:11px;border:0;background:#edf1e8;color:#526547;padding:6px 10px;display:flex;align-items:center;gap:5px;border-radius:20px}#mixed-app svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#mixed-app .reading-tools{display:flex;gap:8px;margin:16px 0 30px;flex-wrap:wrap}#mixed-app .quiet-button{font-size:12px;background:transparent;color:#345947;border:1px solid #e2e7de;padding:9px 12px;border-radius:8px}#mixed-app .quiet-button:hover{background:#f1f4ed}#mixed-app .reading-feed article{border:0;border-bottom:1px solid #e2e7de;border-radius:0;padding:0 0 28px;margin:0 0 28px;background:transparent}#mixed-app .material,#mixed-app .context-item{scroll-margin-top:24px}#mixed-app .source-head h3{font-size:17px;margin:0}#mixed-app .source-head p{margin:3px 0 0}#mixed-app .source-more{background:transparent;border:0}#mixed-app .pdf-preview{border:0}#mixed-app .reading-end{text-align:center;padding:12px 0 30px;color:#68756c}#mixed-app .reading-end p{font-size:13px}#mixed-app .pending-post{height:240px;pointer-events:none}#mixed-app .voice-panel audio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#mixed-app .voice-scrub{padding:0;background:transparent;border:0}#mixed-app .play-voice{padding:0;border:0}#mixed-app .reading-dialog{color:#26382f;border:1px solid #e2e7de;border-radius:18px;padding:0;background:#fffefa;max-height:90vh;width:min(680px,calc(100vw - 32px));max-width:none}#mixed-app .reading-dialog::backdrop{background:#17251d70;backdrop-filter:blur(5px)}#mixed-app .dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e2e7de;background:#fffefa;position:sticky;top:0;z-index:2}#mixed-app .dialog-bar h2{font:600 19px/1.3 system-ui;margin:0}#mixed-app .details-tabs{display:flex;padding:8px 16px;background:#f1f4ed;gap:6px}#mixed-app .details-tabs button{flex:1;border:0;background:transparent;color:#526547;font-size:13px}#mixed-app .details-tabs button[aria-selected=true]{background:#fffefa;box-shadow:0 1px 3px #1d352319}#mixed-app .details-body{padding:0 24px 20px}#mixed-app .detail-block{padding:22px 0;border-bottom:1px solid #e2e7de;font-size:14px}#mixed-app .detail-block h3{font-size:16px;margin:0 0 8px}#mixed-app .detail-block details{margin-top:14px}#mixed-app .detail-block summary{font-size:12px;cursor:pointer}#mixed-app .detail-block pre{background:#f1f4ed;border-radius:8px;padding:12px;font-size:11px}#mixed-app .detail-block button{display:block;margin:12px 0}#mixed-app .pdf-dialog{width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}#mixed-app .pdf-pages{padding:20px;background:#e9ece5;min-height:calc(100% - 140px);display:grid;place-items:start center}#mixed-app .pdf-pages canvas{max-width:min(100%,1100px);height:auto;box-shadow:0 3px 20px #26382f20}#mixed-app .pdf-page-bar{position:sticky;bottom:0;padding:10px;background:#fffefa;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px}
#mixed-app .source-head{display:flex;align-items:center;gap:10px;margin:0 0 16px}#mixed-app .source-symbol{width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;background:#fafbf7;flex-shrink:0}#mixed-app .source-info{flex:1;min-width:0}#mixed-app .source-info .caption{font-size:11px;color:var(--muted);margin-top:3px}#mixed-app .source-head .source-more{font-size:11px;padding:10px;color:var(--green);flex-shrink:0}#mixed-app .pdf-preview{width:100%;height:355px;overflow:hidden;position:relative;background:#edece5;border-radius:12px;padding:16px 26px 0;cursor:zoom-in;display:block;text-align:left}#mixed-app .pdf-preview canvas{display:block;width:100%;height:auto;box-shadow:0 3px 20px #333c3220}#mixed-app .pdf-preview::after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#e9e9e1b3)}#mixed-app .preview-expand{position:absolute;bottom:14px;right:14px;background:#fffefae8;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;z-index:1;box-shadow:0 1px 7px #253f301a}#mixed-app .under-media{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;padding:12px 0 0;gap:8px}#mixed-app .under-media button,#mixed-app .under-media a{color:var(--green);font-size:10px;padding:5px 0;display:flex;gap:5px;align-items:center;text-decoration:none}#mixed-app .under-media svg{height:13px;width:13px}#mixed-app .reading-note{margin:17px 0 0;padding:0 0 0 13px;border-left:2px solid #cbd9c2;font-size:13px;line-height:1.6;color:#526549}#mixed-app .reading-note p{line-height:1.6}#mixed-app .note-author{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:5px}#mixed-app .ai-label{border:1px solid #cbd4c5;border-radius:4px;font-size:9px;line-height:1.3;padding:2px 4px}#mixed-app .social-fallback{border:1px solid var(--line);border-radius:14px;padding:19px;background:#fff;color:#1f2823}#mixed-app .social-person{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:13px}#mixed-app .avatar-initial{height:33px;width:33px;background:#e4ebe0;color:#566c51;border-radius:50%;display:grid;place-items:center;font-size:13px}#mixed-app .social-person small{display:block;color:#768176;margin-top:2px}#mixed-app .social-excerpt{font-size:19px;letter-spacing:-.015em}#mixed-app .social-fallback>small{font-size:10px;color:var(--muted);display:block;margin-top:17px}#mixed-app .social-embed{width:100%;border:0;display:block;min-height:200px}#mixed-app .social-embed[hidden]{display:none}#mixed-app .live-tag{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:var(--muted)}#mixed-app .live-tag .online-dot{margin:0}#mixed-app .video-frame{position:relative;aspect-ratio:16/9;background:#17251d;border-radius:12px;overflow:hidden}#mixed-app .video-frame iframe{width:100%;height:100%;border:0}#mixed-app .video-caption{font-size:11px;color:var(--muted);margin-top:13px}#mixed-app .video-full .video-frame{border-radius:0;max-width:1100px;width:100%;height:calc(100vh - 100px);aspect-ratio:auto}#mixed-app .video-full{position:fixed!important;inset:0;z-index:20;background:#17251d;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px 20px!important;margin:0!important;border:0!important}#mixed-app .video-full .under-media{position:absolute;top:0;left:20px;right:20px;height:50px;color:#e4eadf;padding:0}#mixed-app .video-full .under-media button{color:white;font-size:12px}#mixed-app .voice-panel{background:var(--soft);border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px}#mixed-app .play-voice{height:43px;width:43px;display:grid;place-items:center;background:var(--green);color:#fffefa;border-radius:50%;flex-shrink:0}#mixed-app .wave-and-time{flex:1;min-width:0}#mixed-app .waveform{display:flex;align-items:center;height:27px;gap:3px}#mixed-app .waveform span{width:3px;border-radius:3px;background:#aab9a1;flex:1;max-width:4px}#mixed-app .waveform span.played{background:#456641}#mixed-app .voice-time{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:5px}#mixed-app .voice-scrub{width:100%;accent-color:var(--green);height:12px;margin:8px 0 0}#mixed-app .transcript{font-size:12px;color:var(--muted);margin-top:12px}#mixed-app .transcript summary{cursor:pointer;font-size:11px}#mixed-app .transcript p{padding:10px 0 0}#mixed-app .context-item .body-note{font-size:15px;line-height:1.65;letter-spacing:-.01em;margin:12px 0 18px}
@media(max-width:640px){#mixed-app.is-reading{padding:20px 20px 50px}#mixed-app .reading-intro h2{font-size:28px}#mixed-app .pdf-preview{height:290px;padding:15px 18px 0}#mixed-app .under-media{flex-wrap:wrap}#mixed-app .dialog-bar{padding:16px}#mixed-app .reading-dialog{width:calc(100vw - 16px)}#mixed-app .pdf-dialog{width:100vw}#mixed-app .details-body{padding:0 18px 20px}#mixed-app .details-tabs{padding:8px;gap:0}#mixed-app .video-full .video-frame{height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){#mixed-app *{scroll-behavior:auto}}
#mixed-app .pdf-preview{color:#345947}#mixed-app .preview-expand{color:#345947}
#mixed-app .reading-feed .button{background:transparent;color:#345947;border-color:#e2e7de;font-size:12px;padding:8px 12px}#mixed-app .reading-note{font-size:15px}#mixed-app .source-info .caption{font-size:12px}#mixed-app .under-media,#mixed-app .under-media a,#mixed-app .under-media button,#mixed-app .voice-time{font-size:12px}#mixed-app .note-author{font-size:12px}#mixed-app .ai-label{font-size:10px}@media(max-width:640px){#mixed-app .reading-tools button,#mixed-app .source-more,#mixed-app .under-media button,#mixed-app .under-media a{min-height:44px}}
#mixed-app .video-frame{position:relative}#mixed-app .video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fffefa;text-align:center;padding:20px;gap:12px}#mixed-app .video-placeholder>p{margin:0;font-size:14px}#mixed-app .video-placeholder>p:nth-of-type(2){font-size:12px;color:#d7e0d5}#mixed-app .video-placeholder .button,#mixed-app .video-placeholder button{background:transparent;color:#fffefa;border-color:#8da08b}#mixed-app .pending-video{opacity:0;pointer-events:none}