:root{--ink:#243a3b;--muted:#6c7572;--accent:#285e62;--serif:'Iowan Old Style',Baskerville,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--column:820px}*{box-sizing:border-box}body{margin:0;background:#fff;color:#292d2e;font:18px/1.6 var(--sans);height:100dvh;display:flex;flex-direction:column;overflow:hidden}p,h1,h2,h3,figure{margin:0}p{text-wrap:pretty}button{font:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,[tabindex]:focus-visible{outline:3px solid #2d68af;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.theater{position:relative;flex:1;min-height:0}.chat-app{height:100%;display:flex;flex-direction:column;min-height:0}.chat-header{height:64px;display:flex;align-items:center;gap:20px;padding:15px 30px;font-size:21px;font-weight:550;flex-shrink:0}.chevron{color:#999;font-size:15px}.chat-caption{margin-left:auto;font-size:12px;color:#9a9a9a;font-weight:400}.conversation-scroll{flex:1;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;padding:0 28px 24px;scrollbar-width:thin;scrollbar-color:#d9dfdc transparent}.messages{max-width:var(--column);margin:auto;padding-top:20px}.messages:empty{padding:0}.message{font-size:19px;line-height:1.6;margin-bottom:28px}.user{display:flex;justify-content:flex-end}.bubble{background:#f2f3f2;border-radius:24px;padding:13px 20px;max-width:88%;text-wrap:pretty}.assistant{padding-right:12px}.stream-wrap{position:relative}.stream-reserve{visibility:hidden}.stream-text{position:absolute;inset:0}.tool-message{display:flex;align-items:center;gap:10px;font-size:13px;color:#68716d}.tool-message>span:last-child{font-size:11px;color:#8a918d}.plugin-icon{width:24px;height:24px;object-fit:contain;border-radius:3px;vertical-align:middle}.sent-mention,.mention-chip{display:inline-flex;align-items:center;gap:7px;background:#edf1f4;color:#345c75;padding:3px 8px;border-radius:6px;font-size:14px}.sent-mention{display:flex;width:max-content;margin-bottom:6px}.composer-area{padding:10px 28px 14px;background:#fff;flex-shrink:0}.composer{max-width:var(--column);margin:auto;position:relative;border:1px solid #e1e6e3;border-radius:25px;padding:12px 18px;min-height:85px}.composer-line{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}#composer-text{color:#8a928e;font-size:17px;line-height:1.45;min-height:25px;flex:1;min-width:120px}.is-typing #composer-text{color:#292d2e}.is-typing #composer-text:after{content:'';display:inline-block;width:1px;height:1em;background:currentColor;vertical-align:-.1em;margin-left:2px}.composer-tools{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:23px;line-height:1}.send{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee;color:#a3aaa6;font-size:21px;transition:transform .15s,background .15s}.is-typing .send{background:#292d2e;color:white}.is-sending .send{transform:scale(.8);background:var(--accent)}.mention-picker{position:absolute;bottom:calc(100% + 12px);left:0;display:flex;align-items:center;gap:12px;width:260px;padding:18px;background:#fff;border:1px solid #dce2df;border-radius:13px;box-shadow:0 10px 28px #00000012;font-size:17px}.mention-picker.is-selected{background:#edf1ef;box-shadow:inset 0 0 0 1px #d8dfda,0 10px 28px #00000012}.welcome{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding-bottom:50px}.welcome img{width:72px;height:72px}.welcome button{background:var(--ink);color:#fff;padding:11px 36px;border-radius:30px;font-size:16px;min-height:48px}.player{flex-shrink:0;border-top:1px solid #eff2ef;padding:6px 24px 9px;background:#fff}.player-controls{max-width:var(--column);margin:auto;display:flex;gap:15px;align-items:center;min-height:36px}.player button{font-size:12px;background:transparent;color:#61716a;padding:8px 2px;min-height:36px}.player #play{font-weight:600;color:var(--ink)}#duration{margin-left:auto;font-size:11px;color:#8a928d;white-space:nowrap;font-variant-numeric:tabular-nums}.player-track{max-width:var(--column);height:1px;background:#f0f2f0;margin:2px auto 0}.player-track>div{height:1px;background:#a2b4a9;width:0}#return-live{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.time-overlay{position:absolute;inset:0;z-index:10;background:#000;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0}.time-overlay img{width:min(760px,84vw);height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.possibilities{background:#fcfcfa;border:1px solid #e1e7e2;border-radius:6px;padding:21px 24px;margin-top:22px}.panel-title{font-family:var(--serif);font-size:25px;color:var(--ink);margin-bottom:17px}.possibility-threads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.tradition-line p{font-size:16px;font-weight:500;line-height:1.4;color:var(--ink)}.tradition-line span{display:block;font-size:10px;line-height:1.5;color:#7a867f;margin-top:9px}.tradition-line small{display:block;font-size:10px}.thread-mark{width:65px;height:53px;display:block;fill:none;stroke:var(--accent);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;margin-bottom:9px}.open-inquiry{font-size:15px;color:var(--accent);margin-top:19px}.birth-visual{animation:arrive .6s ease both}.insight-line{font-size:22px;line-height:1.55;color:var(--ink)}
/* The artifact remains a single piece, with the same three image nodes. */
.artifact-message{min-height:var(--reveal-room,700px);margin-bottom:32px}.code-artifact{background:#fcfcfa;color:var(--ink);padding:24px 28px 28px}.artifact-top{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.09em;color:#65796f;margin-bottom:17px}.artifact-top>.plugin-icon{width:21px;height:21px}.thread-echo{display:flex;gap:6px;margin-left:auto}.thread-echo .thread-mark{width:25px;height:21px;margin:0}.artifact-title{font:400 35px/1.2 var(--serif);letter-spacing:-.025em;text-wrap:balance}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:660px;margin:26px auto 25px;align-items:start}.card-entry{display:flex;min-width:0;flex-direction:column;gap:var(--caption-gap,12px)}.card{display:block}.selected-card img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.card-caption{display:grid;grid-template-rows:var(--caption-size,1fr);opacity:calc(var(--caption-opacity,1) * var(--entry-opacity,1));font-size:16px;line-height:1.45}.card-caption>div{min-height:0;overflow:hidden}.card-caption strong{display:none}.artifact-reading{display:grid;grid-template-rows:var(--reading-size,1fr);opacity:var(--reading-opacity,1)}.reading-inner{min-height:0;overflow:hidden}.reading-lead{font:400 27px/1.35 var(--serif);text-wrap:pretty;margin-bottom:20px}.opening-reading{font-size:18px;line-height:1.65;max-width:65ch;margin-bottom:28px}.practical-reading{display:block}.application{padding:22px 0;border-top:1px solid #dfe6e0}.application h3{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:7px}.application p{font-size:18px;line-height:1.6;max-width:62ch}.application .invitation-line{margin-top:7px;color:#586d61}.deeper-reading{padding-top:27px;border-top:1px solid #dfe6e0;font-size:18px;line-height:1.65;max-width:64ch}.reading-close{font:400 28px/1.4 var(--serif);margin-top:28px;text-wrap:balance}.code-artifact.is-staged .card-entry{will-change:opacity}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){:root{--column:930px}.chat-header{padding-left:48px;padding-right:48px}.message{font-size:21px}.application p,.opening-reading,.deeper-reading{font-size:20px}.code-artifact{padding:28px 34px 32px}.artifact-title{font-size:39px}.reading-lead{font-size:30px}}
@media(max-width:650px){body{font-size:16px}.chat-header{height:49px;padding:11px 18px;font-size:18px;gap:16px}.chat-caption{font-size:10px}.conversation-scroll{padding:0 16px 20px}.messages{padding-top:14px}.message{font-size:16px;line-height:1.6;margin-bottom:23px}.bubble{max-width:93%;padding:11px 15px;border-radius:20px}.assistant{padding-right:0}.composer-area{padding:7px 12px 9px}.composer{border-radius:22px;min-height:79px;padding:10px 13px}#composer-text{font-size:16px}.composer-tools{font-size:21px}.sent-mention,.mention-chip{font-size:12px}.mention-picker{font-size:16px;width:240px;padding:15px}.player{padding:5px 13px 7px}.player-controls{gap:13px;flex-wrap:wrap;row-gap:0}.player button{font-size:11px}#duration{font-size:10px}.time-overlay img{width:96vw;max-width:520px}.possibilities{padding:16px;margin-top:17px}.panel-title{font-size:23px;margin-bottom:13px}.possibility-threads{display:block}.tradition-line{display:grid;grid-template-columns:49px 1fr;gap:12px;align-items:center;margin:14px 0}.thread-mark{width:49px;height:45px;margin:0}.tradition-line p{font-size:15px}.tradition-line span{margin-top:4px}.open-inquiry{font-size:14px}.insight-line{font-size:18px}.code-artifact{padding:19px 13px 24px}.artifact-title{font-size:29px}.artifact-top{font-size:8px;gap:6px;margin-bottom:15px}.thread-echo{gap:2px}.thread-echo .thread-mark{width:18px;height:18px}.cards{gap:16px 10px;margin:21px 0 23px;align-items:start}.card-entry{display:contents}.selected-card{grid-row:1;grid-column:var(--card-column)}.card-caption{grid-row:2;grid-column:1/-1;font-size:16px;line-height:1.5;display:none}.current-card .card-caption{display:grid}.card-caption strong{display:block;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:4px}.code-artifact:not(.is-staged) .card-caption{display:grid;grid-row:calc(var(--card-column) + 1)}.reading-lead{font-size:24px;margin-bottom:17px}.opening-reading{font-size:16px;line-height:1.65;margin-bottom:22px}.application{padding:18px 0}.application p{font-size:16px;line-height:1.6}.application h3{font-size:13px}.deeper-reading{font-size:16px;line-height:1.65;padding-top:22px}.reading-close{font-size:25px;line-height:1.4;margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#final-black{position:fixed;inset:0;background:#000;z-index:30;pointer-events:none;opacity:0}.is-ended .player{position:absolute;z-index:40;bottom:26px;left:0;right:0;background:transparent;border:0}.is-ended .player-controls{justify-content:center}.is-ended #replay{color:#eee;font-size:14px;padding:12px 25px}.is-ended .player-track{display:none}

.closing-composition{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;color:#faf6ee;padding:26px 22px 72px;pointer-events:none;opacity:0}.closing-art{height:min(45vh,430px);max-width:85vw;width:auto;aspect-ratio:552/600;display:block}.closing-composition h1{font:400 clamp(29px,4.2vw,46px)/1.12 var(--serif);text-align:center;letter-spacing:-.02em;text-wrap:balance}.closing-composition h1 span{display:block}.closing-logo{height:49px;width:81px;display:block;filter:grayscale(1) contrast(4);mix-blend-mode:screen;margin-top:2px}.closing-composition>p{font:400 17px/1.3 var(--serif);letter-spacing:.17em;margin-top:-7px}.is-ended .player{bottom:12px}
@media(max-width:650px){.code-artifact.is-staged .cards{display:block;position:relative}.code-artifact.is-staged .card-entry{position:absolute;top:0;display:block;min-width:0;margin:0}.code-artifact.is-staged .selected-card{display:block;width:100%}.code-artifact.is-staged .card-caption{position:absolute;display:grid;grid-template-rows:var(--caption-size,1fr);margin:0;text-align:center;font-size:16px;line-height:1.5}.code-artifact.is-staged .card-caption strong{display:block}.closing-composition{gap:17px;padding:25px 18px 73px}.closing-art{height:min(44vh,360px);max-width:88vw}.closing-composition h1{font-size:clamp(27px,7.1vw,35px);line-height:1.17}.closing-logo{height:44px;width:73px}.closing-composition>p{font-size:15px}}
@media(max-height:620px){.closing-composition{gap:11px;padding-top:16px;padding-bottom:59px}.closing-art{height:31vh}.closing-composition h1{font-size:28px}.closing-logo{height:34px}.closing-composition>p{font-size:13px}}