@import url('original-graphics.css');
/* Reuse baseline styles.css + continuity.css + how-scenes.css for the approved shell. */
.s6-hub{grid-template-columns:minmax(0,1fr) 348px minmax(0,1fr)}
#s6-phone{width:348px;max-width:100%;isolation:isolate;overflow:hidden;font-family:var(--sans)}
#s6-phone .phone-head small{min-height:16px}#s6-phone .phone-head{padding-bottom:18px}
#s6-thread{height:430px;overscroll-behavior:contain;position:relative}
#s6-phone.notification-demo{padding:0!important;border:0;background:transparent;box-shadow:none;border-radius:42px}
#s6-lock{width:100%;position:relative}#s6-notification-frame{display:block;width:100%;aspect-ratio:340/640;border:0;border-radius:42px;background:transparent;box-shadow:0 26px 50px -33px #17201e55}
#s6-composer span:nth-child(2){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* Equal visible-edge spacing; tapback has dedicated space above its user message. */
#s6-thread>.bubble,#s6-thread>.s6-card,#s6-thread>.s6-choices{margin-top:0;margin-bottom:10px}
#s6-thread>.bubble.me:has(.s6-tapback){margin-top:24px}
#s6-thread .bubble.me{position:relative}#s6-thread .s6-tapback{left:8px;top:-22px;background:#e9e9eb;border:2px solid white;border-radius:14px;padding:4px 8px;color:#7d8185}
#s6-thread .s6-tapback svg{width:17px;height:17px;fill:currentColor}
#s6-thread>.s6-card{padding:14px;font-size:12px}
#s6-thread .s6-flow>div{flex-wrap:wrap}#s6-thread .s6-flow b{font-size:11px}
.s6-theme-review{text-align:center;margin:15px auto 0;font-size:10px;color:var(--muted)}.s6-theme-review select{font:inherit;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink)}
/* Original diagram internals; only remove their former external positioning. */
#s6-thread{--dc-bg:#fff;--dc-fg:#1b1b1a;--dc-mut:#5a6158;--dc-line:#eceee9;--dc-hit:#eef2ea;--dc-ac:#3d5a38;--im-in:#e9e9eb;--im-fg:#111;--im-line:rgba(0,0,0,.08)}
#s6-thread .dc{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;padding:0!important;margin:0!important;opacity:1!important;transform:none!important;box-shadow:none!important;border-radius:0!important;pointer-events:auto!important;background:transparent!important;color:var(--dc-fg);font-size:12px!important;line-height:1.5}
#s6-thread .dc-why :is(.wt-tag,.wt-e,.wt-h,.w-res){opacity:1!important;transform:none!important;transition:none!important}
#s6-thread .dc-k{font-size:12px!important;letter-spacing:0;margin-bottom:10px}
#s6-thread .wt-e{grid-template-columns:40px minmax(0,1fr);font-size:12px!important;line-height:1.5!important}
#s6-thread .wt-e+.wt-e{margin-top:14px!important}#s6-thread .wt-e i{top:5px}
#s6-thread .wt-b:before{left:44px;top:8px;bottom:8px;transform:none!important}
#s6-thread .wt-t small{display:block!important;font-size:10px!important;line-height:1.5}
#s6-thread .wt-d{font-size:10px!important}#s6-thread .wt-h{margin:20px 0 14px}
#s6-thread .w-res{margin-top:15px;padding:11px;font-size:12px!important;line-height:1.6;color:var(--dc-ac);background:var(--dc-hit)}
#s6-thread .w-res small{display:block;font-size:10px!important;color:var(--dc-mut)}
#s6-thread .sig-label{font-size:10px!important;line-height:1.5;margin:10px 0 7px}
#s6-thread .thesis-choice{font:inherit;color:var(--dc-fg);padding:10px}
#s6-thread .thesis-line{font-size:11px!important;line-height:1.5}#s6-thread .thesis-choice .thesis-line{font-size:13px!important}
#s6-thread .thesis-row{padding:9px 0}#s6-thread .thesis-row b{font-size:10px}
#s6-thread .thesis-dot{width:12px;height:12px;margin-top:4px;box-shadow:inset 0 0 0 .5px #0002}
#s6-thread .thesis-legend .thesis-dot{width:8px;height:8px;margin-top:0}
#s6-thread .state-kept .thesis-dot{color:#28c840}#s6-thread .state-pending .thesis-dot{color:#febc2e}#s6-thread .state-broken .thesis-dot{color:#ff5f57}
#s6-thread .state-kept>b,#s6-thread .state-kept .thesis-status{color:#276232}#s6-thread .state-pending .thesis-status{color:#805b09}
#s6-thread .thesis-choice.state-kept{background:#effaf1;border-color:#28c840}#s6-thread .thesis-choice.state-pending{background:#fff9e9;border-color:#febc2e}
#s6-thread .judge-note{font-size:10px!important;line-height:1.6!important;margin-top:12px}
#s6-thread .dc-fr{opacity:.45;padding:10px 0;grid-template-columns:18px minmax(0,1fr);column-gap:8px;align-items:center}
#s6-thread .dc-fr b{font-size:12px!important;line-height:1.5}#s6-thread .dc-fr em{display:block!important;grid-column:2;font:10px/1.5 var(--sans)!important;color:var(--dc-mut);white-space:normal}
#s6-thread .dc-fr.done{opacity:1}#s6-thread .dc-fr.done .spin{background:#3d5a38;border:0;animation:none}#s6-thread .dc-fr.done .spin:after{content:'✓';display:block;font:10px/16px sans-serif;color:white;text-align:center}
#s6-thread .dc-find .k-done{display:none}#s6-thread .dc-find.done .k-run{display:none}#s6-thread .dc-find.done .k-done{display:inline}
#s6-thread .atc{container-type:inline-size;position:relative;inset:auto;width:100%;padding:10px 11px;border-radius:16px;background:var(--im-in);color:var(--im-fg)}
#s6-thread .atc-h{font-size:10px!important}#s6-thread .atc-r{grid-template-columns:23px minmax(0,1fr);gap:8px;padding:9px 0}
#s6-thread .atc-pdf{width:21px;height:26px;padding-bottom:4px;font-size:7px!important;border-radius:3px}
#s6-thread .atc-r b{font-size:10px!important;white-space:normal}#s6-thread .atc-s{font-size:9px!important;white-space:normal;overflow:visible}
#s6-thread .s6-card:has(.dc),#s6-thread .s6-card:has(.atc){background:var(--dc-bg);border-color:var(--dc-line)}
.restored-board{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.restored-board>div{border:1px solid var(--dc-line);border-radius:8px;padding:9px;background:var(--dc-hit)}.restored-board span{font-size:9px;display:block;color:var(--dc-mut);margin-bottom:5px}.restored-board b{font-size:11px;line-height:1.4;display:block}.restored-board .added-interest{grid-column:1/-1;border-color:#a9bc9a}.snapshot-date{display:block;font-size:9px;color:var(--dc-mut)}
@media(min-width:1400px){.s6-hub{grid-template-columns:minmax(0,1fr) 348px minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:801px){.s6-hub{grid-template-columns:minmax(0,1fr) 348px minmax(0,1fr)}}
@media(max-width:800px){.s6-hub{display:block}.s6-center{max-width:348px}.s6-copy h2{font-size:20px}#s6-phone{width:100%}}

:root[data-theme="dark"] #s6-phone{background:#1a2220;color:#e6ebe8;box-shadow:0 22px 45px -25px #0009,0 0 0 1px #354139}:root[data-theme="dark"] #s6-phone .phone-head,:root[data-theme="dark"] #s6-thread,:root[data-theme="dark"] #s6-composer{background:#1a2220;color:#e6ebe8;border-color:#354139}:root[data-theme="dark"] #s6-thread{--dc-bg:#1e211d;--dc-fg:#eef2ea;--dc-mut:#a3a69e;--dc-line:#2e322c;--dc-hit:#26301f;--dc-ac:#a9c496;--im-in:#303434;--im-fg:#e6ebe8;--im-line:#ffffff1a}:root[data-theme="dark"] #s6-thread .bubble,:root[data-theme="dark"] #s6-thread .motion-dots,:root[data-theme="dark"] #s6-thread .s6-tapback{background:#303434;color:#e6ebe8}:root[data-theme="dark"] #s6-thread .bubble.me{background:#007aff;color:#fff}:root[data-theme="dark"] #s6-thread .s6-tapback{border-color:#1a2220}:root[data-theme="dark"] #s6-thread .s6-card{background:#222c25;color:#e6ebe8;border-color:#354139}:root[data-theme="dark"] #s6-thread :is(.s6-card-title,:root[data-theme="dark"] .s6-meaning,:root[data-theme="dark"] .s6-choices,:root[data-theme="dark"] .s6-flow p,:root[data-theme="dark"] .s6-row small,:root[data-theme="dark"] .s6-small,:root[data-theme="dark"] .s6-eyebrow,:root[data-theme="dark"] .s6-source){color:#b3c3a8}:root[data-theme="dark"] #s6-thread .s6-flow b,:root[data-theme="dark"] #s6-thread .s6-vertical-flow span{background:#26301f;color:#e6ebe8;border-color:#354139}:root[data-theme="dark"] #s6-thread .s6-choices [data-choice]{background:#222c25;color:#a9c496;border-color:#60745c}:root[data-theme="dark"] #s6-thread .s6-selected-choice{background:#31442a!important}:root[data-theme="dark"] #s6-phone .home-bar{background:#e6ebe8}:root[data-theme="dark"] #s6-thread .state-kept>b,:root[data-theme="dark"] #s6-thread .state-kept .thesis-status{color:#a9c496}:root[data-theme="dark"] #s6-thread .state-pending .thesis-status{color:#e2bc6a}:root[data-theme="dark"] #s6-thread .thesis-choice.state-kept{background:#203528}:root[data-theme="dark"] #s6-thread .thesis-choice.state-pending{background:#352e1d}:root[data-theme="dark"] #s6-composer.is-typing{color:#e6ebe8}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #s6-phone{background:#1a2220;color:#e6ebe8;box-shadow:0 22px 45px -25px #0009,0 0 0 1px #354139}:root:not([data-theme="light"]) #s6-phone .phone-head,:root:not([data-theme="light"]) #s6-thread,:root:not([data-theme="light"]) #s6-composer{background:#1a2220;color:#e6ebe8;border-color:#354139}:root:not([data-theme="light"]) #s6-thread{--dc-bg:#1e211d;--dc-fg:#eef2ea;--dc-mut:#a3a69e;--dc-line:#2e322c;--dc-hit:#26301f;--dc-ac:#a9c496;--im-in:#303434;--im-fg:#e6ebe8;--im-line:#ffffff1a}:root:not([data-theme="light"]) #s6-thread .bubble,:root:not([data-theme="light"]) #s6-thread .motion-dots,:root:not([data-theme="light"]) #s6-thread .s6-tapback{background:#303434;color:#e6ebe8}:root:not([data-theme="light"]) #s6-thread .bubble.me{background:#007aff;color:#fff}:root:not([data-theme="light"]) #s6-thread .s6-tapback{border-color:#1a2220}:root:not([data-theme="light"]) #s6-thread .s6-card{background:#222c25;color:#e6ebe8;border-color:#354139}:root:not([data-theme="light"]) #s6-thread :is(.s6-card-title,:root:not([data-theme="light"]) .s6-meaning,:root:not([data-theme="light"]) .s6-choices,:root:not([data-theme="light"]) .s6-flow p,:root:not([data-theme="light"]) .s6-row small,:root:not([data-theme="light"]) .s6-small,:root:not([data-theme="light"]) .s6-eyebrow,:root:not([data-theme="light"]) .s6-source){color:#b3c3a8}:root:not([data-theme="light"]) #s6-thread .s6-flow b,:root:not([data-theme="light"]) #s6-thread .s6-vertical-flow span{background:#26301f;color:#e6ebe8;border-color:#354139}:root:not([data-theme="light"]) #s6-thread .s6-choices [data-choice]{background:#222c25;color:#a9c496;border-color:#60745c}:root:not([data-theme="light"]) #s6-thread .s6-selected-choice{background:#31442a!important}:root:not([data-theme="light"]) #s6-phone .home-bar{background:#e6ebe8}:root:not([data-theme="light"]) #s6-thread .state-kept>b,:root:not([data-theme="light"]) #s6-thread .state-kept .thesis-status{color:#a9c496}:root:not([data-theme="light"]) #s6-thread .state-pending .thesis-status{color:#e2bc6a}:root:not([data-theme="light"]) #s6-thread .thesis-choice.state-kept{background:#203528}:root:not([data-theme="light"]) #s6-thread .thesis-choice.state-pending{background:#352e1d}:root:not([data-theme="light"]) #s6-composer.is-typing{color:#e6ebe8}}
:root[data-theme="light"] #s6-phone,:root[data-theme="light"] #s6-phone .phone-head,:root[data-theme="light"] #s6-thread,:root[data-theme="light"] #s6-composer{background:#fff;color:#16201e}:root[data-theme="light"] #s6-thread .bubble{background:#e9e9eb;color:#16201e}:root[data-theme="light"] #s6-thread .bubble.me{background:#007aff;color:#fff}
#s6-thread .dc.dc-sig.judgment-card{padding:0!important}
#s6-thread .dc.dc-sig .sig-label{font-size:10px!important;margin:8px 0 5px!important;line-height:1.5!important}
#s6-thread .dc.dc-sig .thesis-row{padding:7px 0}
#s6-thread .dc.dc-sig .thesis-action{margin-top:4px;line-height:1.4}
#s6-thread .dc.dc-sig .thesis-status{font-size:11px;line-height:1.5}
#s6-thread .dc.dc-sig .judge-note{font-size:10px!important;line-height:1.5!important;padding-top:8px;margin-top:8px}
#s6-thread .dc.dc-sig .thesis-legend{padding-top:9px}
#s6-thread>.s6-card:has(.dc),#s6-thread>.s6-card:has(.atc){padding:10px}
#s6-thread .dc-why .wt-e+.wt-e{margin-top:10px!important}#s6-thread .dc-why .wt-h{margin:16px 0 10px}#s6-thread .dc-why .w-res{margin-top:10px}

@keyframes dcSpin{to{transform:rotate(360deg)}}

@keyframes dcPulse{0%,100%{opacity:.3}50%{opacity:1}}
:root[data-theme="dark"] #s6-phone .phone-head small,:root[data-theme="dark"] #s6-phone .motion-status{color:#b3bdb9}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #s6-phone .phone-head small,:root:not([data-theme="light"]) #s6-phone .motion-status{color:#b3bdb9}}