#timeline{width:660px;background:#18201c}#timeline h2{font-size:34px}.tweet-card{background:#101411;border:1px solid #79857944;border-radius:12px;padding:25px}.tweet-author{display:flex;align-items:center;gap:12px}.tweet-avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#c7b59a;color:#253229;font:17px Georgia,serif}.tweet-author>div{display:flex;flex-direction:column;gap:5px}.tweet-author strong{font-size:15px}.tweet-author>div>span{font-size:11px;color:#9ba696}.tweet-mark{margin-left:auto;font-size:25px}.tweet-card #tweet-body{font-size:18px;line-height:1.6;color:#edf0e8;white-space:pre-wrap;margin:23px 0}.tweet-time{font-size:11px;color:#9ca795;border-bottom:1px solid #67736255;padding-bottom:18px}.tweet-time strong{font-weight:400;letter-spacing:.07em}.tweet-metrics{display:flex;gap:34px;padding-top:20px}.tweet-metrics strong{display:block;font-size:26px;letter-spacing:-.05em}.tweet-metrics span{display:block;font-size:11px;color:#9fa993;margin-top:5px}.timeline-reaction{min-height:25px;font-size:13px!important;color:#d2b38e!important}#timeline>.primary{width:100%;margin-top:18px}#computer{width:800px;background:#f5f0e7;color:#302e27;max-height:85dvh}.computer-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #cdc5b8;padding-bottom:18px}.computer-top h2{margin:0 0 5px;font-size:30px}.computer-top p{margin:0;font-size:12px;color:#766c5d}.computer-top .icon-button{color:#766c5d}#computer-messages{min-height:150px;max-height:38dvh;overflow-y:auto;padding:22px 0;display:flex;flex-direction:column;gap:16px}.computer-message{white-space:pre-wrap;font-size:16px;line-height:1.65;max-width:92%;padding:16px 19px;border-radius:10px;margin:0!important;color:#38372d!important;background:#e9e1d4}.computer-message.from-user{align-self:flex-end;background:#ddd6c8;font-size:14px;max-width:85%}.computer-message.from-claude{background:#fffaf1;border:1px solid #dfd7c7}.computer-message::before{content:'Claude';display:block;font:11px 'IBM Plex Mono',monospace;color:#a26e4d;margin-bottom:8px}.computer-message.from-user::before{content:'You';color:#736b5d}#computer-prompts{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #c8bdad;padding-top:18px}#computer-prompts button{white-space:normal;line-height:1.4;font-size:12px;padding:10px 13px;background:transparent;color:#514a3b;border:1px solid #a5978280;border-radius:6px}#computer-prompts button:hover{background:#e7ddce}.computer-footnote{font-size:11px!important;color:#827663!important;margin:20px 0 0}.code-mode #computer-messages{font-family:'IBM Plex Mono',monospace}.code-mode .computer-message{font-size:13px}#post-text[readonly]{border-color:#c7a27188}#original-note{margin:0 0 18px}.touch-actions{display:flex;gap:7px}.touch-actions button{pointer-events:auto;background:#1c2a1acc;border:1px solid #c5c9b266;border-radius:5px;height:44px;padding:0 12px;touch-action:none}.people-progress{font-size:11px;line-height:1.6;color:#aebd9f;margin-top:15px}@media(max-width:760px){.tweet-card{padding:17px}.tweet-card #tweet-body{font-size:15px}.tweet-metrics{gap:25px}.tweet-metrics strong{font-size:23px}#timeline h2{font-size:28px}.tweet-author>div>span{font-size:10px}.computer-message{font-size:14px}#computer{padding:22px}#computer-prompts button{font-size:11px}.tweet-avatar{width:36px;height:36px;flex-shrink:0}.tweet-author strong{font-size:13px}}

.dialogue-source{font-size:14px;line-height:1.5;color:#c6b38f;text-underline-offset:4px}.dialogue-source:focus-visible{outline:2px solid #d5c5a7;outline-offset:5px}

#objectives-toggle{display:none}
@media(max-width:760px) and (orientation:portrait){
  #hud .objectives{top:96px;left:18px;width:calc(100% - 36px);max-width:320px;padding:0;max-height:none;overflow:visible;pointer-events:auto}
  #objectives-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px 15px;background:transparent;text-align:left;font-size:14px;touch-action:manipulation}
  #objectives-toggle:focus-visible{outline-offset:-3px}
  #objectives-summary{margin-left:auto;color:var(--accent);font:12px 'IBM Plex Mono',monospace}
  .objectives-chevron{width:7px;height:7px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-2px) rotate(45deg);flex-shrink:0}
  #objectives-toggle[aria-expanded="true"] .objectives-chevron{transform:translateY(2px) rotate(225deg)}
  #objectives-details{padding:15px;border-top:1px solid #ced0bf33;max-height:min(40dvh,calc(100dvh - 260px));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
  .location{top:76px;right:18px}
}

.checklist-progress{font:12px 'IBM Plex Mono',monospace;color:#cbb99a;margin:-10px 0 16px}
#post-step{font-size:13px;line-height:1.6;border-top:1px solid #ced0bf33;padding-top:13px;margin:15px 0 0;color:#c2c6b5}
#post-step[data-phase="ready"]{color:#f2cd9c;font-weight:600}
#post-step[data-phase="posted"]{color:#adc69f}
#exit-remaining{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px}
#exit-remaining li{padding:14px 16px;border-left:2px solid #d2b185;background:#2c382d;color:#ede9dd;font-size:16px;line-height:1.5}
#exit-checklist .primary{width:100%;margin-top:22px}
#interaction{max-width:calc(100vw - 32px);white-space:normal;width:max-content}
#interaction kbd{flex-shrink:0}
#interaction span{line-height:1.5}
@media(max-width:760px){.objectives{max-height:calc(100dvh - 270px);overflow-y:auto;pointer-events:auto}#exit-remaining li{font-size:14px;padding:11px 13px}}

#player-line{font-size:13px;color:#aeb79d;margin:0 0 12px;padding-left:12px;border-left:2px solid #a8ac8d66}#player-line::before{content:'You: ';color:#d9bd97}#choices button.heard{color:#b5c1ad}#choices button.heard::after{content:' \2713';color:#96ad83}#dialogue-context{white-space:normal;text-align:right}#conversation #choices{max-height:34dvh;overflow-y:auto;padding:5px}#conversation #choices button{flex-shrink:0}@media(max-width:760px){#player-line{font-size:12px}#dialogue-context{font-size:9px}.objectives .people-progress{font-size:10px}}