.word-view-switch{flex-wrap:wrap}
.phrase-list-caption,.phrase-row{display:grid;align-items:center;gap:16px}
.phrase-list-caption{grid-template-columns:1fr auto;color:var(--muted);font-size:11px;padding:0 12px 14px}
.phrase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.phrase-row{grid-template-columns:26px minmax(0,1fr) auto 14px;text-align:left;border:0;border-bottom:1px solid #ffffff10;border-radius:0;min-height:72px;padding:12px}
.phrase-row:hover{background:#a5cf7a0b}
.phrase-row .rank{color:#728276;font-size:11px;font-variant-numeric:tabular-nums}
.phrase-text{font:17px/1.4 'Space Grotesk',sans-serif;overflow-wrap:anywhere;color:#dbe8d2}
.phrase-count{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-variant-numeric:tabular-nums}
.phrase-count strong{font-size:14px;font-weight:500;color:var(--lime)}
.phrase-count small{font-size:10px;color:var(--muted);white-space:nowrap}
.phrase-row>span:last-child{color:#94a589;font-size:12px}
.context-lens{padding:0;width:min(820px,calc(100vw - 32px));max-width:820px;max-height:86dvh;overflow:hidden;background:#171d22;border:1px solid #526247;border-radius:18px;box-shadow:0 28px 90px #0009;color:var(--text)}
.context-lens[open]{display:flex;flex-direction:column}
.context-lens .dialog-heading{padding:17px 20px;flex:none;margin:0;background:#1c2425;border-bottom:1px solid #ffffff0d;gap:20px;align-items:center}
.context-lens h2{font:28px/1.3 'Space Grotesk',sans-serif;overflow-wrap:anywhere;text-wrap:balance;margin:7px 0 0}
.context-lens .dialog-heading button{width:44px;height:44px;flex:none;font-size:25px;padding:0}
.context-lens-summary{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #ffffff0d;flex:none}
.context-lens-summary p{font-size:12px;color:#b2c0b2;line-height:1.6;margin:0;font-variant-numeric:tabular-nums}
.context-lens-summary button{font-size:12px;min-height:40px;flex:none}
.context-lens-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:0 24px 24px}
.context-excerpt{padding:24px 0;border-bottom:1px solid #ffffff0d}
.context-excerpt-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#97a79e;font-variant-numeric:tabular-nums}
.context-excerpt p{font-size:15px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:13px 0}
.context-excerpt mark{color:#f0ffe3;background:#7dab4540;box-shadow:0 0 0 2px #7dab4518;border-radius:3px;padding:1px 2px}
.context-excerpt button{min-height:40px;color:#c4dea9;border-color:transparent;padding-left:0}
.reading-mode,.media-wall{padding:26px 32px 48px;max-width:1360px;margin:0 auto}
.reading-mode .analysis-intro{max-width:790px;margin-bottom:20px}
.reading-toolbar{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.reading-queues{display:flex;gap:4px;flex-wrap:wrap;padding:4px;background:#171d23;border-radius:11px;box-shadow:inset 0 0 0 1px #ffffff0c}
.reading-queues button{border:0;min-height:40px;color:#a5b4a6;padding:9px 12px;font-size:12px}
.reading-queues button[aria-pressed=true]{background:#30422a;color:#d6efc2}
.reading-queues span{font-variant-numeric:tabular-nums;margin-left:5px;font-size:11px;opacity:.8}
.reading-toolbar>button{min-height:40px;font-size:12px}
.reading-body{max-width:800px;margin:26px auto 0;scroll-margin-top:15px}
.reading-progress{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9dac9c;font-size:12px;font-variant-numeric:tabular-nums;margin-bottom:14px}
.reading-progress>div{display:flex;gap:6px}
.reading-progress button{min-height:40px;min-width:40px}
.reading-card{background:linear-gradient(135deg,#24302980,transparent 65%),#1b2226;border-radius:18px;padding:30px;box-shadow:inset 0 0 0 1px #ffffff0c,0 15px 45px #0002}
.reading-author{display:flex;align-items:center;gap:10px;color:#d3dfce}
.reading-author .mini-avatar{width:36px;height:36px;font-size:27px}
.reading-author>div{display:flex;flex-direction:column;gap:4px;font-size:13px}
.reading-author>div>span{color:#95a294;font-size:11px}
.reading-author time{margin-left:auto;font-size:11px;color:#96a492}
.reading-text{font:22px/1.8 'Space Grotesk',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;text-wrap:pretty;margin:27px 0 30px;color:#e1e9dc}
.reading-source{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:#98a595}
.reading-source>span{margin-right:auto}
.reading-source button{font-size:11px;border-color:transparent;min-height:40px}
.reading-source a{display:inline-flex;align-items:center;min-height:40px}
.reading-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:16px 0;background:linear-gradient(transparent,#101215 18%);z-index:1}
.reading-actions button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;background:#202a27;font-size:14px}
.reading-actions button.primary{background:var(--lime);color:#162011}
.reading-actions button>span{font-size:19px}
.reading-actions kbd{font-size:10px;opacity:.55;font-family:inherit}
.reading-footnote{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8fa18e;font-size:11px}
.reading-footnote button{min-height:40px;font-size:11px;border-color:transparent}
.reading-empty{padding:38px 16px;text-align:center}
.reading-empty-mark{display:grid;place-items:center;width:56px;height:56px;background:#31462c;color:#c9eba8;border-radius:50%;font-size:25px;margin:0 auto 22px}
.reading-empty h2{font:25px/1.4 'Space Grotesk',sans-serif;text-wrap:balance}
.reading-empty p{color:#a3b19c;font-size:14px;line-height:1.8;max-width:450px;margin:0 auto 24px;text-wrap:pretty}
.reading-empty>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.reading-empty button{min-height:40px}
.media-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.media-wall-item{background:#1a2227;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0b,0 10px 30px #0002}
.media-wall-preview{aspect-ratio:4/3;background:#101619;display:grid;place-items:center;position:relative}
.media-wall-preview>button,.media-wall-preview>a{display:block;border:0;border-radius:0;padding:0;width:100%;height:100%;background:transparent;overflow:hidden}
.media-wall-preview img,.media-wall-preview video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;outline:1px solid #ffffff1a;outline-offset:-1px}
.media-wall-preview>button:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.media-wall-video-label{position:absolute;bottom:10px;left:10px;right:10px;background:#111b16ec;border-radius:7px;padding:10px;font-size:11px;color:#d2e7c4}
.media-wall-caption{padding:18px}
.media-wall-caption>p{font-size:13px;line-height:1.75;color:#c1cdbe;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}
.media-wall-caption>div:last-child{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:11px}
.media-wall-caption button,.media-wall-caption a{min-height:40px;font-size:11px;display:inline-flex;align-items:center}
.media-wall-fallback{padding:25px;text-align:center;color:#acbca4;font-size:13px;line-height:1.7}
.explore-empty{padding:36px 0;font-size:14px;line-height:1.8;color:var(--muted);grid-column:1/-1}
.reading-mode button,.phrase-row,.context-lens button{transition:background .15s,box-shadow .15s,scale .15s}
.reading-mode button:active,.phrase-row:active,.context-lens button:active{scale:.96}
.reading-mode button:disabled{opacity:.4;cursor:default}
@media(max-width:1100px){.media-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-list{grid-template-columns:1fr}.reading-mode,.media-wall{padding:22px 24px 40px}}
@media(max-width:700px){.reading-mode,.media-wall{padding:18px 14px 34px}.reading-queues button{padding:8px 10px}.reading-toolbar>button{width:100%}.reading-card{padding:20px;border-radius:14px}.reading-text{font-size:18px;line-height:1.75;margin:22px 0}.reading-author time{font-size:10px}.reading-actions{gap:6px}.reading-actions button{gap:7px;font-size:13px}.reading-actions kbd{display:none}.reading-footnote{flex-wrap:wrap;justify-content:center;gap:4px}.media-wall-grid{grid-template-columns:1fr}.context-lens{width:calc(100vw - 20px);max-height:90dvh}.context-lens h2{font-size:23px}.context-lens-summary{flex-wrap:wrap;gap:7px;padding:12px 16px}.context-lens-summary button{padding-left:0;border-color:transparent}.context-lens .dialog-heading{padding:14px 16px}.context-lens-body{padding:0 16px 20px}.context-excerpt p{font-size:14px}.phrase-row{gap:12px;padding:12px 4px}.phrase-text{font-size:16px}.word-view-switch{gap:0}.word-view-switch button{padding:8px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.reading-mode button,.phrase-row,.context-lens button{transition:none}.reading-mode button:active,.phrase-row:active,.context-lens button:active{scale:1}}