/* A quiet viewing surface, with learning depth beside it on wide screens. */
.home-desk { display: none; }
.feed-top { background: linear-gradient(#0009, #0000); }
.feed-top .feed-tabs { gap: 22px; }
.feed-top .feed-tabs a { font-size: 15px; font-weight: 750; letter-spacing: -.02em; }
.home-focus-button { position: absolute; z-index: 8; top: calc(var(--safe-t) + 58px); left: 12px; max-width: calc(100% - 166px); min-height: 44px; display: flex; align-items: center; gap: 7px; padding: 0 12px; border: 1px solid #ffffff25; background: #090909a6; backdrop-filter: blur(16px); border-radius: 24px; font-size: 11px; }
.home-focus-button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-focus-button svg { width: 14px; height: 14px; flex-shrink: 0; }
.home-focus-button.has-focus { border-color: #ffc99766; color: #ffdbb7; }
.feed-page .clear-control { left: auto; right: 58px; top: calc(var(--safe-t) + 58px); padding-inline: 10px; }
.feed-page .stage-tools { top: calc(var(--safe-t) + 58px); }
.feed-page .tool { border: 1px solid #ffffff18; backdrop-filter: blur(10px); }
.feed-page .stage-tools [data-act="fit"],.feed-page .stage-tools [data-act="expand"] { display: none; }
.feed-page .caption { gap: 0; }
.feed-page .cap-title { font-weight: 650; letter-spacing: -.01em; }
.home-keep { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; min-height: 44px; padding: 0 11px; background: #111b; border: 1px solid #ffffff30; border-radius: 22px; font-size: 11px; font-weight: 650; backdrop-filter: blur(12px); margin-top: 3px; }
.home-keep svg { width: 15px; height: 15px; }
.feed-page .stage::after { height: 200px; }
.feed-page .media-error-note { z-index: 5; max-width: calc(100% - 40px); padding: 18px; border-radius: 16px; background: #101010ed; }
.media-error-note button { display: block; margin: 12px auto 0; }
.feed-page .actions .act { transition: transform .15s, color .15s; }
.feed-page .actions .act:active { transform: scale(.9); }
.feed-page .act svg { filter: drop-shadow(0 2px 6px #0007); }
.feed-page .act.liked svg,.feed-page .act.saved svg { filter: none; }
.feed-page .end-inner { max-width: 430px; padding: 24px; }
.feed-page .end-inner h2 { letter-spacing: -.04em; }
.feed-page .end-inner p { line-height: 1.6; }
.feed-error-note { color: #ddd; }
.clear-view .home-focus-button,.clear-view .home-desk { visibility: hidden; pointer-events: none; }
.feed-page.clear-view .clear-control { top: calc(var(--safe-t) + 6px); right: 12px; }
.home-focus,.home-learning,.home-playback { display: grid; gap: 20px; }
.home-focus fieldset,.home-playback fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.home-focus legend,.home-playback legend { margin-bottom: 12px; font-weight: 650; font-size: 13px; }
.format-choices,.speed-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.format-choices label { cursor: pointer; position: relative; min-width: 0; }
.format-choices input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; }
.format-choices span,.speed-choices button { display: grid; place-items: center; min-height: 48px; border: 1px solid #333; border-radius: 12px; background: #161616; font-size: 13px; }
.format-choices input:checked + span,.speed-choices button[aria-pressed=true] { background: #f3f0e9; border-color: #f3f0e9; color: #151515; font-weight: 700; }
.format-choices input:focus-visible + span { outline: 2px solid #fff; outline-offset: 3px; }
.home-form-actions { display: flex; gap: 10px; }
.home-form-actions > * { flex: 1; min-width: 0; }
.home-lesson-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.home-kicker { font-size: 10px; font-weight: 750; letter-spacing: .14em; color: #c1b8aa; }
.home-format { font-size: 10px; color: #999; }
.home-learning h2,.home-desk h2 { font-size: 24px; line-height: 1.24; letter-spacing: -.035em; overflow-wrap: anywhere; }
.home-byline { display: flex; align-items: center; gap: 10px; color: inherit; }
.home-byline > span { display: grid; gap: 2px; flex: 1; min-width: 0; }
.home-byline strong { font-size: 13px; overflow-wrap: anywhere; }
.home-byline small { color: #888; font-size: 11px; overflow-wrap: anywhere; }
.home-byline > svg { width: 16px; }
.home-subject { display: inline-flex; justify-self: start; align-items: center; gap: 6px; min-height: 44px; color: #ffdbb7; font-size: 12px; }
.home-source { color: #969696; font-size: 11px; line-height: 1.5; }
.home-description { color: #bbb; font-size: 13px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.home-note { text-align: left; display: flex; align-items: center; gap: 10px; width: 100%; min-height: 78px; padding: 14px; background: linear-gradient(135deg,#29251f,#191817); border: 1px solid #c9aa6e3d; border-radius: 16px; }
.home-note > span { display: grid; gap: 5px; flex: 1; }
.home-note strong { font-size: 13px; }
.home-note small { font-size: 11px; line-height: 1.5; color: #bfb7a9; }
.home-note > svg { width: 18px; flex-shrink: 0; }
.home-next { display: grid; gap: 4px; margin-top: 8px; padding-top: 24px; border-top: 1px solid #ffffff14; }
.home-next > span { margin-bottom: 8px; }
.home-next a { display: flex; align-items: center; gap: 12px; padding: 12px 0; color: #eee; }
.home-next a > span { display: grid; gap: 5px; flex: 1; }
.home-next strong { font-size: 13px; font-weight: 600; }
.home-next small { font-size: 11px; line-height: 1.5; color: #888; }
.home-next svg { width: 18px; flex-shrink: 0; }
.home-why,.home-study-link { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 12px; color: #aaa; }
.home-why svg { width: 14px; }
@media(min-width:768px) {
  #main.feed-page { margin-left: 0; }
  .feed-page .home-focus-button { top: 58px; left: 14px; max-width: 180px; }
  .feed-page .clear-control { top: 108px; left: 14px; right: auto; }
  .feed-page .stage-tools { top: 10px; }
  .feed-page .stage { border: 1px solid #ffffff14; border-radius: 18px; }
  .feed-page .reels { grid-row: 2; grid-column: 1; }
  .feed-page .feed-top { grid-column: 1 / -1; background: #000; }
  .feed-page.clear-view .clear-control { left: 14px; right: auto; top: 8px; }
  .feed-page.clear-view .reels { grid-row: 2; }
}
@media(max-width:767px) and (max-height:500px) and (orientation:landscape) {
  .feed-page .actions { flex-direction: row; align-items: center; gap: 6px; right: 8px; bottom: 24px; }
  .feed-page .act-author { margin: 0 8px 0 0; }
  .feed-page .caption { right: 310px; }
  .feed-page .clear-control { right: 108px; }
  .feed-page .home-focus-button { max-width: calc(100% - 230px); }
}
@media(min-width:1200px) {
  .feed-page { grid-template-columns: minmax(0,1fr) 310px; }
  .feed-page .feed-top { grid-column: 1; }
  .feed-page .reel { padding-inline: 16px; }
  .feed-page .stage { max-width: calc(100% - 86px); }
  .home-desk { display: flex; min-height: 0; grid-column: 2; grid-row: 1 / 3; margin: 16px 16px 16px 0; background: #101010; border: 1px solid #ffffff12; border-radius: 24px; overflow: hidden; }
  .home-desk-scroll { overflow-y: auto; overscroll-behavior: contain; width: 100%; padding: 24px 20px; display: flex; flex-direction: column; gap: 18px; scrollbar-width: thin; scrollbar-color: #444 transparent; }
  .home-desk .home-subject { min-height: 24px; }
  .home-desk .home-description { max-height: 220px; overflow-y: auto; scrollbar-width: thin; }
  .feed-page .home-focus-button { top: 58px; max-width: 140px; }
  .feed-page .pager { right: 328px; gap: 8px; }
  .feed-page .pager .icon-btn { width: 36px; height: 44px; border-radius: 14px; border: 1px solid #ffffff14; background: #101010; }
  .feed-page .home-keep { display: none; }
  .feed-page.clear-view { grid-template-columns: 1fr 0; }
  .feed-page.clear-view .pager { right: 22px; }
}
@media(max-width:359px) { .feed-top .feed-tabs { gap: 12px; }.feed-top .feed-tabs a { font-size: 13px; }.home-focus-button { padding-inline: 8px; }.home-focus-button > svg:first-child { display: none; } }
@media(max-height:640px) { .home-keep { min-height: 36px; }.feed-page .cap-details { min-height: 32px; }.home-desk-scroll { padding-top: 16px; } }
@media(prefers-reduced-motion:reduce) { .feed-page .actions .act { transition: none; } }

/* Writing and conversations stay inside the current reel. */
.social-desk h2{font-size:29px;line-height:1.12}.social-desk-excerpt{white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;font-size:16px;line-height:1.5;color:#eee}.social-desk>.btn{flex:none}.sheet-thread .sheet-panel{height:min(84dvh,760px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#151716;border:1px solid #ffffff13}.sheet-thread .sheet-head{background:#151716}.conversation-body{overflow-y:auto;overscroll-behavior:contain;padding:8px 18px 24px;min-height:0;display:block}.conversation-audience{font-size:11px;color:#a7ada7;margin:6px 0 14px}.conversation-post{display:flex;gap:12px;position:relative;padding:14px 0}.conversation-post:not(.conversation-root)::before{content:"";position:absolute;top:54px;bottom:-10px;left:18px;width:1px;background:#ffffff20}.conversation-post:last-child::before{display:none}.conversation-avatar{flex:none}.conversation-post-main{min-width:0;flex:1}.conversation-author{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline;min-height:26px}.conversation-author strong{font-size:14px}.conversation-author>span{font-size:11px;color:#9da79f}.conversation-post h3{font-size:18px;line-height:1.35;margin:6px 0}.conversation-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#e5e9e3;font-size:15px;margin:3px 0 8px}.conversation-root .conversation-text{font-size:18px;line-height:1.55;letter-spacing:-.015em}.conversation-text a{color:#d6e9b4;text-decoration:underline}.conversation-media{width:100%;max-height:200px;object-fit:contain;border-radius:14px;background:#090b0b;margin:10px 0}.conversation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:3px 10px}.conversation-actions button{min-height:44px;display:inline-flex;align-items:center;gap:6px;color:#aeb7b0;font-size:12px}.conversation-actions svg{width:17px;height:17px}.conversation-actions [aria-pressed=true]{color:#d5eaa9}.conversation-divider{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 4px;border-top:1px solid #ffffff16;font-size:14px;font-weight:650}.conversation-divider small{color:#89968b;font-size:11px;font-weight:450}.conversation-compose{padding:10px 16px calc(var(--safe-b) + 12px);border-top:1px solid #ffffff16;background:#151716}.conversation-write{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 12px;border-radius:26px;border:1px solid #ffffff18;background:#232823;color:#b9c4b9;text-align:left}.conversation-write>span:not(.avatar){flex:1}.conversation-write svg{width:18px;height:18px}.conversation-parent{min-height:44px;display:flex;align-items:center;gap:8px;font-size:12px;color:#c7dbad}.conversation-error{padding:30px 8px;text-align:center;display:grid;gap:15px}.conversation-error h3{font-size:20px}.conversation-error p{color:#b7c0b7;font-size:14px}
.sheet-text-compose .sheet-panel{height:min(85dvh,720px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#171b18;border:1px solid #ffffff16}.text-compose-head{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid #ffffff14;background:#171b18}.text-compose-head h2{font-size:17px;letter-spacing:-.02em}.text-compose-head>.btn{min-width:72px;border-radius:24px;background:#d8eab8;color:#18221b;border:0}.text-compose-body{padding:18px 22px calc(var(--safe-b) + 18px);display:flex;flex-direction:column;gap:16px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.text-compose-byline{display:flex;gap:12px;align-items:center}.text-compose-byline>div{display:grid;gap:5px}.text-compose-byline strong{font-size:14px}.text-compose-byline select{font-size:12px;border:1px solid #c4ddaa45;border-radius:16px;background:#243023;color:#d6eac2;padding:5px 24px 5px 9px;min-height:30px}.text-compose-body #text-post-input{width:100%;flex:1;min-height:160px;resize:none;border:0;border-radius:0;background:none;box-shadow:none;outline:0;padding:5px 0;color:#f1f5eb;font:500 24px/1.45 ui-rounded,"Segoe UI",system-ui,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}.text-compose-body #text-post-input::placeholder{color:#718071;opacity:1}.text-compose-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#829580;font-size:11px}.text-compose-bottom output{white-space:nowrap;color:#a9b7a6;font-variant-numeric:tabular-nums}.text-compose-note{display:flex;gap:7px;align-items:center;border-top:1px solid #ffffff12;padding-top:15px;color:#96a590;font-size:11px;line-height:1.5}.text-compose-note svg{width:13px;height:13px;flex:none}.text-compose-context{border-left:2px solid #a9c1885c;padding:3px 0 3px 12px}.text-compose-context>span{font-size:11px;color:#a8bd98}.text-compose-context p{font-size:13px;line-height:1.5;margin:5px 0 0;color:#c0cbbb;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.text-post-error{font-size:12px;line-height:1.5;color:#ffb1a6;min-height:0;margin:0}.text-post-error:empty{display:none}
@media(max-width:767px){.sheet-text-compose .sheet-panel{top:var(--safe-t);bottom:var(--keyboard-gap,0px);height:calc(var(--viewport-h,100dvh) - var(--safe-t));max-height:calc(var(--viewport-h,100dvh) - var(--safe-t));border-radius:20px 20px 0 0}.text-compose-body{padding-inline:20px}.conversation-body{padding-inline:16px}.sheet-thread .sheet-panel{height:min(86dvh,calc(var(--viewport-h,100dvh) - var(--safe-t)))} }
html.keyboard-open .sheet-text-compose .sheet-panel{top:var(--viewport-top);bottom:auto;height:var(--viewport-h);max-height:var(--viewport-h)}
@media(max-height:500px){.text-compose-body{gap:10px;padding-block:12px}.text-compose-body #text-post-input{min-height:100px;font-size:20px}.text-compose-note{display:none}.text-compose-context p{-webkit-line-clamp:2}.sheet-thread .sheet-panel{height:calc(var(--viewport-h,100dvh) - var(--safe-t));max-height:calc(var(--viewport-h,100dvh) - var(--safe-t))}}