/* Local motion layer: preserves the accepted paper / gallery identity. */
:root{--muted:#56634f;--motion-ease:cubic-bezier(.16,1,.3,1)}
::selection{background:#bed0bc;color:#1f2927}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #a53a2b;outline-offset:5px}.dark button:focus-visible,.dark a:focus-visible{outline-color:#dec1a4}button:active:not(:disabled){transform:scale(.98)}
.demo-control{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;padding-top:21px;border-top:1px solid var(--line)}.demo-control>p{font-size:14px;color:#5c685e}.dark .demo-control{border-color:#526057}.dark .demo-control>p{color:#bec9be}.replay{display:inline-flex;align-items:center;gap:18px;min-height:44px;background:none;border:0;border-bottom:1px solid #83917f;padding:4px 0;color:var(--green);font-size:14px;white-space:nowrap}.replay span{font:23px Serif}.dark .replay{color:#e2eadc;border-color:#98a990}
.record-stage{grid-template-columns:1fr 70px 1fr;gap:0;position:relative;align-items:center}.capture{padding:0 22px 42px 0}.capture-photo{width:74%;margin:0}.capture-photo img{height:430px}.capture-photo figcaption{font-size:12px;left:13px;bottom:13px}.capture-note{right:35px;bottom:8px;font-size:17px;z-index:2}.placard{position:relative;width:85%;margin:-120px 0 0 auto;padding:22px 25px;background:#fffdf8;box-shadow:0 16px 30px #1f292710;transform:rotate(2deg);z-index:1}.placard-label{font-size:12px;color:var(--muted)}.placard h3{font-size:30px;margin:8px 0 14px}.placard p{font:16px/1.9 Serif}.placard mark{color:inherit;background:transparent;transition:background .2s,color .2s;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 2px}.placard mark.extracting{background:#d6e1cf;color:#213b2b}.placard mark.extracted{background:#e6eadd}.extract-connection{position:relative;height:350px;align-self:end;margin-bottom:100px;pointer-events:none}.extract-connection svg{height:100%;width:100%;overflow:visible}.extract-connection path{fill:none;stroke:#9ba895;stroke-width:1}.extract-connection span{position:absolute;writing-mode:vertical-rl;top:140px;left:22px;background:var(--paper);font-size:12px;color:#63715f;padding:8px 0}.record-sheet{position:relative;z-index:1}.record-sheet [data-field]{transition:background .25s}.record-sheet .field-arrived{background:#e6eddf}.extract-token{position:absolute;top:0;left:0;z-index:20;pointer-events:none;background:#435046;color:#fffdf8;font:15px Sans;padding:4px 11px;border-radius:3px;white-space:nowrap}.record-result .sample-command{white-space:nowrap}.record-result{gap:12px;flex-wrap:wrap}.sheet-top span:first-child{color:var(--green)}
.category-stage{grid-template-columns:260px .9fr 1.05fr;gap:28px}.wheel-column{position:relative}.category-wheel{position:relative;display:block;width:260px;height:420px;padding:0;touch-action:pan-x;cursor:grab;user-select:none}.category-wheel.dragging{cursor:grabbing}.category-wheel:before{content:none}.wheel-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.wheel-track path{fill:none;stroke:#aeb9ae;stroke-width:1}.category-wheel>button{position:absolute;left:148px;top:185px;width:110px;min-height:50px;display:grid;place-items:center;background:var(--paper);border:0;color:#5b6a51;font:29px/1.4 Serif;transition:color .3s,font-size .3s;z-index:1;white-space:nowrap;touch-action:pan-x}.category-wheel>button[aria-pressed="true"]{font-size:53px;color:var(--green)}.category-wheel>button:nth-of-type(1){transform:translate(-55px,-136px)}.category-wheel>button:nth-of-type(3){transform:translate(-55px,136px)}.wheel-focus{position:absolute;top:206px;right:-12px;width:9px;height:9px;background:var(--green);border-radius:50%;pointer-events:none}.gesture-hint{text-align:center;font-size:12px;color:#58664f;margin-top:8px}.wheel-controls{display:flex;justify-content:center;gap:16px;margin-top:9px}.wheel-controls button{width:42px;height:38px;background:none;border:1px solid #adb9a6;border-radius:4px;color:var(--green);display:grid;place-items:center}.wheel-controls svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.5}.category-art{position:relative;min-width:0}.category-art img{width:100%;height:400px;object-fit:contain;mix-blend-mode:multiply}.category-art img.is-photo{border-radius:110px 110px 3px 3px;object-fit:cover;mix-blend-mode:normal;height:380px}.category-art figcaption{margin-top:20px}.category-items{min-width:0}.category-collection figure{display:grid;grid-template-columns:43% 1fr;gap:20px;margin-top:20px}.category-collection img{aspect-ratio:1;object-fit:contain;background:#e3e4dd}.category-collection figcaption{font-size:23px}.category-collection small{font:13px/1.65 Sans;color:#56634f;display:block;margin-top:7px}.category-items .small-heading{align-items:center}.category-items .small-heading h3{font-size:25px;white-space:nowrap}
.period-layout{grid-template-columns:.8fr 1.2fr;gap:60px;padding-left:0;align-items:start}.era-axis{position:relative;padding:14px 0 14px 28px;border-left:1px solid var(--line)}.era-list{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;min-height:0;padding:0;border:0;list-style:none}.era-list li{position:relative;padding:0;min-width:0}.era-list li:before,.era-list .selected:before{content:none}.era-list button{position:relative;display:block;min-height:46px;padding:9px 0;border:0;background:none;font:22px/1.4 Serif;color:#5b6a51;text-align:left;white-space:nowrap;transition:color .3s}.era-list .selected button{color:var(--ink);font-weight:650}.era-list .selected button:after{content:'';display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-left:10px;vertical-align:middle}.era-cursor{position:absolute;left:0;top:0;width:11px;height:11px;border:2px solid var(--red);background:var(--paper);border-radius:50%;z-index:1}.era-photo{position:sticky;top:30px;padding:0;margin:0}.era-object-frame{overflow:hidden;background:#e2e2d9;min-height:430px;border-radius:12px}.era-photo img{height:510px;border-radius:0;object-fit:contain}.era-description{font-size:16px;margin-top:16px;color:#56634f;max-width:35em}.era-count{display:block;color:#56634f;font-size:13px;margin-top:10px}.era-empty{display:grid;place-items:center;height:510px;padding:30px;font:26px Serif;color:#56634f}.era-empty[hidden]{display:none}
.reading-layout{grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.reading-object{position:sticky;top:35px;padding-bottom:75px}.reading-object .read-main{height:610px}.reading-object .detail-photo{bottom:110px}.reading-object .detail-label{bottom:125px}.reading-archive{position:relative;z-index:2;margin:-48px 0 0 28px;padding:19px 25px;background:#dce5d6;color:var(--ink);box-shadow:0 10px 25px #111a1912;max-width:310px}.reading-archive>span{font-size:12px;color:#53694e}.reading-archive h3{font-size:27px;margin-top:5px}.reading-archive p{font-size:13px;margin-top:7px;color:#53694e}.reading-provenance{margin:0 0 18px;padding-left:20px;border-left:1px solid #7a8a76}.reading-provenance>span{font-size:12px;color:#b9c8b2;display:block;margin-bottom:10px}.reading-provenance a{display:flex;flex-direction:column;gap:3px;max-width:380px}.reading-provenance a strong{font-weight:500;font-size:17px}.reading-provenance a>span{display:flex;align-items:center;gap:15px;font-size:13px;color:#b9c8b2}.reading-provenance svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.2}.reading-paper{position:relative}.reading-paper h3{font-size:36px}.reading-paper .followup{margin-top:22px;padding-top:19px}.reading-paper .followup h4{font-size:21px}.question-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.question-suggestions button{padding:8px 12px;min-height:44px;background:#e4e9de;color:#344a36;border:1px solid #bdcbb6;border-radius:5px;font-size:13px;text-align:left;line-height:1.6}.question-suggestions button:hover,.question-suggestions button[aria-pressed="true"]{background:#d2ddca}.reading-feedback{font-size:12px!important;margin-top:13px;color:#63715f;min-height:24px}.question-thread .answer-active{background:#e7ecdf;padding:17px 16px;margin-inline:-16px;border-top-color:transparent}.reading .demo-control{margin-top:36px}
.portrait-layout{grid-template-columns:1.18fr 1fr;gap:65px;align-items:center}.library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:25px}.library-heading h3{font-size:28px}.library-heading>span{font-size:12px;color:#465f42}.collection-cloud{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:48px;gap:8px;align-items:center;min-height:328px;position:relative}.cloud-node{position:relative;min-width:0;display:grid;place-items:center;transition:opacity .3s,outline-color .3s}.cloud-photo{height:100%;grid-column:span 2;grid-row:span 2;overflow:hidden;border-radius:3px}.cloud-photo img{width:100%;height:100%;object-fit:cover}.cloud-entry{height:24px;grid-column:span 2;display:flex;gap:6px;color:#465f42;font-size:11px;line-height:1.3;white-space:nowrap;border-bottom:1px solid #afc0ae;padding-bottom:5px}.cloud-entry b{font-weight:400;overflow:hidden;text-overflow:ellipsis}.cloud-dot{height:7px;width:7px;background:#91aa90;border-radius:50%;justify-self:center}.cloud-node.evidence-match{outline:2px solid #58734b;outline-offset:3px;opacity:1!important}.collection-cloud.evidence-filter .cloud-node:not(.evidence-match){opacity:.25}.portrait-clues{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:27px;padding-top:22px;border-top:1px solid #adbdab}.portrait-clues button{background:transparent;border:0;padding:0;text-align:left;color:var(--ink);min-height:65px;position:relative}.portrait-clues span{display:block;font-size:12px;color:#465f42}.portrait-clues strong{font:17px/1.6 Serif;display:block;margin-top:4px}.portrait-clues button[aria-pressed="true"] strong{color:#234d2c;text-decoration:underline;text-underline-offset:5px}.portrait-result h3{font-size:46px}.portrait-tags{gap:8px}.portrait-tags button{background:#c6d5c6;border:0;padding:7px 10px;color:#314b34;min-height:38px;font:13px/1.6 Sans;text-align:left;border-radius:3px}.portrait-tags button[aria-pressed="true"]{background:#496044;color:#fffdf8}.evidence-status{font-size:12px;margin-top:16px;color:#465f42;min-height:40px}.portrait .demo-control .condition{margin:0;text-align:left;max-width:690px;font-size:13px}.portrait-result{transition:background .3s}
.relay-stage{position:relative}.relay-route{position:relative;display:flex;align-items:center;gap:18px;width:72%;margin:0 auto 38px}.route-person{position:relative;z-index:1;background:#e8e6de;padding:4px 8px;font-size:14px;color:#56634f;white-space:nowrap;transition:color .25s}.route-person.active{color:#29412b;font-weight:600}.relay-route i{flex:1;height:1px;background:#adbaa5}.relay-traveler{position:absolute;left:12%;top:50%;width:13px;height:17px;border:1px solid #5d7354;background:var(--paper);transform:translate(-50%,-50%);z-index:2}.package-flow{grid-template-columns:.95fr 75px 1.1fr;gap:30px;align-items:center}.package-file{padding:28px;isolation:isolate}.package-pages{position:relative;height:260px;margin-bottom:20px;perspective:700px}.package-cover{position:relative;z-index:2;width:68%;height:240px;background:#dce5d6;padding:22px;transform:rotate(-4deg);box-shadow:0 12px 28px #1f292711;transform-origin:left center}.package-cover>span{font-size:11px;color:#465f42}.package-cover h3{font-size:33px;margin-top:15px}.package-cover>small{display:block;font-size:11px;line-height:1.7;color:#465f42;margin-top:15px}.package-pages .mini-photos{position:absolute;right:0;top:16px;display:block;width:41%;height:235px;margin:0;z-index:1}.package-pages .mini-photos img{position:absolute;width:94%;height:150px;object-fit:cover;box-shadow:0 6px 15px #1f292710;transform-origin:center}.package-pages .mini-photos img:nth-child(1){top:0;right:0;transform:rotate(7deg)}.package-pages .mini-photos img:nth-child(2){top:42px;right:7px;transform:rotate(-4deg)}.package-pages .mini-photos img:nth-child(3){top:83px;right:-2px;transform:rotate(8deg)}.package-file>strong{font-size:40px;line-height:1.3}.package-file>p{font-size:13px;margin-top:10px}.package-file .button{margin-top:20px;width:100%;font-size:15px}.package-file .package-status{font-size:12px;min-height:42px;color:#61705b}.send-route svg{width:100%;height:auto;fill:none;stroke:#7d8e72;stroke-width:1.2}.send-route{font-size:12px;gap:12px}.receive-sheet .small-heading h3{font-size:23px}.receive-sheet .small-heading span{font-size:12px}.receive-grid{grid-template-columns:repeat(3,1fr);gap:12px}.receive-row{cursor:pointer;display:block;min-width:0}.receive-row img{border-radius:7px;aspect-ratio:1;object-fit:cover}.receive-row h4{font-size:18px;white-space:nowrap}.receive-row div>span{font-size:11px;line-height:1.65;display:block}.receive-row input{position:absolute;opacity:0;width:28px;height:28px;top:7px;right:7px;margin:0}.selection-check{position:absolute;right:7px;top:7px;width:25px;height:25px;border-radius:50%;background:var(--paper);border:2px solid var(--paper);box-shadow:0 1px 5px #1f292722}.receive-row input:checked+.selection-check{background:var(--green)}.receive-row input:checked+.selection-check:after{content:'';position:absolute;width:9px;height:5px;border-left:2px solid white;border-bottom:2px solid white;left:5px;top:6px;transform:rotate(-45deg)}.receive-row input:focus-visible+.selection-check{outline:3px solid var(--red);outline-offset:4px}.receive-action{flex-wrap:wrap;gap:15px}.receive-action .button{font-size:14px;padding:11px 16px;min-height:44px;margin-left:auto}.receive-status{font-size:12px;margin-top:16px;min-height:24px;color:#61705b}.friend-collection{display:grid;grid-template-columns:.9fr 1fr;gap:25px 40px;padding:32px;margin-top:40px;background:#dae4d5;position:relative}.friend-collection>div:first-child{align-self:center}.friend-collection>div:first-child>span{font-size:12px;color:#465f42}.friend-collection h3{font-size:30px;margin:12px 0}.friend-collection p{font-size:14px;color:#465f42}.friend-items{display:flex;gap:16px;min-width:0}.friend-items figure{width:calc((100% - 32px)/3);min-width:0}.friend-items img{aspect-ratio:1;object-fit:contain;background:#e7ece1;border-radius:5px}.friend-items figcaption{font:16px Serif;margin-top:9px}.friend-items small{display:block;font:10px Sans;margin-top:5px;color:#465f42}.friend-note{grid-column:1/-1;border-top:1px solid #aabca2;padding-top:17px;font-family:Serif!important}.relay-onward{grid-column:1/-1;display:flex;align-items:center;gap:18px;font-size:12px;color:#465f42;flex-wrap:wrap}.relay-onward svg{width:70px;height:20px;fill:none;stroke:currentColor;stroke-width:1}.friend-collection.empty .friend-note{display:none}.relay-stage[data-stage="received"] .receive-sheet{box-shadow:0 12px 30px #1f292709}
@media(min-width:1400px){.record-stage{grid-template-columns:1fr 100px 1fr}.extract-connection span{left:38px}.category-stage{gap:45px}}
@media(max-width:1100px){.record-stage{grid-template-columns:1fr 45px 1fr}.capture{padding-right:0}.capture-photo img{height:390px}.placard{width:92%;padding:19px}.extract-connection span{left:12px}.record-sheet{padding:24px}.category-stage{grid-template-columns:220px .8fr 1fr;gap:20px}.category-wheel{width:220px}.category-wheel>button{left:110px}.wheel-focus{right:-8px}.category-art img{height:340px}.category-items .small-heading h3{font-size:23px}.category-collection figure{gap:14px}.category-collection figcaption{font-size:21px}.reading-layout{gap:40px}.reading-paper{padding:27px}.portrait-layout{gap:38px}.collection-cloud{grid-auto-rows:40px;gap:7px}.cloud-entry{font-size:11px}.portrait-result h3{font-size:40px}.portrait-clues strong{font-size:15px}.package-flow{grid-template-columns:1fr 40px 1.2fr;gap:18px}.package-file{padding:24px}.package-cover{padding:17px}.package-cover h3{font-size:29px}.receive-sheet{padding:24px}.receive-grid{grid-template-columns:repeat(2,1fr)}.friend-collection{padding:28px;gap:24px}}
@media(max-width:760px){.demo-control{align-items:start;gap:16px;flex-wrap:wrap;margin-top:27px;padding-top:18px}.demo-control>p{font-size:13px}.replay{font-size:13px;margin-left:auto}.record-stage{grid-template-columns:1fr;gap:22px}.capture{padding:0 0 36px}.capture-photo{width:76%}.capture-photo img{height:330px}.placard{margin-top:-105px;width:85%;padding:20px;transform:rotate(1deg)}.placard p{font-size:15px}.placard h3{font-size:28px}.capture-note{right:12px;bottom:0;font-size:15px;padding:11px 16px}.extract-connection{height:35px;margin:0;align-self:auto}.extract-connection svg{display:none}.extract-connection:before{content:'';position:absolute;height:33px;width:1px;left:50%;top:0;background:#a7b49e}.extract-connection span{writing-mode:horizontal-tb;font-size:12px;top:2px;left:50%;transform:translateX(-50%);padding:1px 14px;background:var(--paper);white-space:nowrap}.record-sheet{padding:23px}.record-sheet h3{font-size:34px}.record-result .sample-command{font-size:14px;padding:12px 17px}.record-result>span:last-child{font-size:12px}.category-stage{grid-template-columns:145px 1fr;gap:15px;align-items:center}.category-wheel{width:145px;height:310px}.wheel-track{width:175px;left:-25px}.category-wheel>button{left:58px;top:131px;width:85px;min-height:47px;font-size:23px}.category-wheel>button[aria-pressed="true"]{font-size:39px}.wheel-focus{right:-10px;top:151px;width:7px;height:7px}.gesture-hint{font-size:11px;white-space:nowrap}.wheel-controls{gap:12px}.wheel-controls button{width:38px;height:36px}.category-art img{height:300px}.category-art img.is-photo{height:270px;border-radius:70px 70px 2px 2px}.category-art figcaption{font-size:13px;margin-top:14px}.category-items{grid-column:1/-1;display:block;margin-top:22px}.category-items .small-heading{margin-bottom:18px}.category-items .small-heading h3{font-size:24px}.category-collection{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category-collection figure{display:block;margin:0}.category-collection figcaption{font-size:21px}.category-collection small{font-size:12px}.period-layout{grid-template-columns:1fr;gap:30px}.era-axis{padding:0 0 0 18px}.era-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.era-list button{font-size:16px;min-height:47px;white-space:normal;letter-spacing:-.02em;line-height:1.4}.era-list .selected button:after{width:4px;height:4px;margin-left:3px}.era-list li:first-child button,.era-list li:nth-child(2) button{font-size:15px}.era-list li:last-child{grid-column:span 2}.era-cursor{top:0}.era-photo{position:relative;top:auto;padding:0}.era-object-frame{min-height:300px}.era-photo img{height:340px;width:100%}.era-photo figcaption{display:flex;align-items:baseline;font-size:23px;flex-wrap:wrap;gap:6px 15px}.era-photo small{margin:0;font-size:13px}.era-description{font-size:14px;margin-top:13px}.era-count{font-size:12px}.era-empty{height:340px;font-size:22px}.reading-layout{grid-template-columns:1fr;gap:30px}.reading-object{position:relative;top:auto;padding:0 25px 0 0}.reading-object .read-main{height:390px}.reading-object .detail-photo{width:140px;height:140px;bottom:77px}.reading-object .detail-label{bottom:90px;font-size:12px;right:12px}.reading-archive{margin:-40px 20px 0 18px;padding:15px 20px;max-width:265px}.reading-archive h3{font-size:25px}.reading-archive p{font-size:12px}.reading-provenance{margin-bottom:22px}.reading-paper{padding:23px}.reading-paper h3{font-size:31px}.reading-paper .followup h4{font-size:20px}.reading-paper .followup p{font-size:15px}.question-suggestions button{font-size:12px;padding:8px 11px;min-height:42px}.reading-feedback{font-size:11px!important}.portrait-layout{grid-template-columns:1fr;gap:30px}.library-heading{gap:10px;margin-bottom:20px}.library-heading h3{font-size:25px}.library-heading>span{font-size:11px}.collection-cloud{grid-auto-rows:32px;gap:6px;min-height:260px}.cloud-entry{font-size:11px;gap:3px}.cloud-dot{height:5px;width:5px}.portrait-clues{gap:10px;margin-top:22px;padding-top:17px}.portrait-clues strong{font-size:15px}.portrait-clues span{font-size:11px}.portrait-result h3{font-size:39px}.portrait-result{padding-top:26px}.portrait .demo-control .condition{font-size:12px}.portrait-tags button{font-size:12px;min-height:39px}.evidence-status{font-size:11px;min-height:34px}.relay-route{width:100%;gap:7px;margin-bottom:29px}.route-person{font-size:12px;padding:3px 5px}.relay-traveler{width:10px;height:14px}.package-flow{grid-template-columns:1fr;gap:24px}.package-file{max-width:100%;padding:26px}.package-pages{height:245px;margin-bottom:16px}.package-cover{height:225px;padding:20px;width:68%}.package-cover h3{font-size:34px}.package-file>strong{font-size:39px}.package-file>p{font-size:12px}.package-file .package-status{min-height:22px}.send-route{flex-direction:column;gap:4px;min-height:50px}.send-route svg{width:55px;height:35px;transform:rotate(90deg)}.send-route span:last-child{font-size:12px;transform:none}.receive-sheet{padding:23px}.receive-sheet .small-heading{gap:8px;flex-wrap:wrap}.receive-sheet .small-heading h3{font-size:24px}.receive-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px}.receive-row h4{font-size:21px}.receive-row div>span{font-size:12px}.receive-action .button{font-size:13px;padding:11px 14px}.friend-collection{grid-template-columns:1fr;gap:22px;padding:24px;margin-top:30px}.friend-collection h3{font-size:27px}.friend-collection>div:first-child>span{font-size:11px}.friend-items{gap:12px}.friend-items figure{width:calc((100% - 24px)/3)}.friend-items figcaption{font-size:15px}.friend-items small{font-size:11px;line-height:1.6}.friend-collection p{font-size:13px}.relay-onward{gap:10px;font-size:11px}.relay-onward svg{width:40px}.sharing-rules{margin-top:32px}}
@media(max-width:360px){.era-list{grid-template-columns:repeat(3,minmax(0,1fr))}.category-stage{grid-template-columns:130px 1fr;gap:12px}.category-wheel{width:130px}.category-wheel>button{left:46px}.category-wheel>button[aria-pressed="true"]{font-size:35px}.category-art img{height:260px}.category-art img.is-photo{height:245px}.category-collection small{font-size:11px}.portrait-clues strong{font-size:14px}.reading-paper .small-heading span{font-size:11px}.friend-items{gap:10px}.friend-items figure{width:calc((100% - 20px)/3)}}

.reading-provenance a+a{margin-top:14px}.followup small{display:block;font:11px/1.6 Sans;color:#56634f;margin-top:10px}.era-list li:last-child button{font-size:18px}.collection-cloud .cloud-entry{overflow:hidden}.collection-cloud .cloud-entry>span{font-size:10px}.friend-items small{font-size:11px;line-height:1.6}.era-object-frame img[hidden]{display:none}
@media(max-width:760px){.era-list li:last-child button{font-size:15px}.friend-items figure{width:calc((100% - 24px)/3)}.cloud-entry>span{display:none}}

/* A single ordered period axis; only its own viewport scrolls. */
.era-axis{height:470px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;padding:0 20px 0 4px;border:0;scrollbar-width:thin;scrollbar-color:#99aa8c #e6e8dc;scroll-padding:25px;position:relative}
.era-axis::-webkit-scrollbar{width:5px}.era-axis::-webkit-scrollbar-track{background:#e6e8dc}.era-axis::-webkit-scrollbar-thumb{background:#99aa8c;border-radius:4px}
.era-track{position:relative;padding:8px 0 8px 30px}.era-track:before{content:'';position:absolute;left:11px;top:29px;bottom:29px;width:1px;background:#b7c1af}
.era-list{display:flex;flex-direction:column;gap:0;min-height:0}.era-list li{min-height:58px}.era-list button{font-size:25px;min-height:58px;width:100%;padding:11px 8px;line-height:1.4;white-space:nowrap;color:#5a6a50}
.era-list li:before{content:'';position:absolute;display:block;left:-23px;top:25px;width:8px;height:8px;border:1px solid #b5c1ac;background:var(--paper);border-radius:50%}
.era-list .selected:before{content:'';position:absolute;display:block;left:-23px;top:25px;width:8px;height:8px;border:1px solid #b5c1ac;background:var(--paper);border-radius:50%}
.era-list .selected button{color:var(--ink);font-size:30px;background:#e8ecdf;border-radius:4px}.era-list .selected button:after{content:none}.era-list li.has-sample:not(.selected) button{color:#3f5438}
.era-list li:last-child button{font-size:25px}.era-cursor{left:0;top:0;width:12px;height:12px;z-index:2;border-width:3px;background:var(--paper)}.era-range{font-size:14px;color:#56634f;margin-top:10px}.era-description[hidden]{display:none}
@media(max-width:760px){.period-layout{grid-template-columns:135px 1fr;gap:22px;align-items:start}.era-axis{height:350px;padding-right:8px;padding-left:0}.era-track{padding-left:25px}.era-track:before{left:6px}.era-list li{min-height:55px}.era-list button,.era-list li:first-child button,.era-list li:nth-child(2) button{font-size:21px;min-height:55px;padding:11px 4px;letter-spacing:0}.era-list .selected button{font-size:23px}.era-list li:last-child button{font-size:18px;white-space:normal}.era-list li:before,.era-list .selected:before{left:-23px;top:23px}.era-object-frame{min-height:245px}.era-photo img{height:265px}.era-photo figcaption{font-size:21px;gap:5px}.era-photo small{font-size:12px;line-height:1.7}.era-range{font-size:12px;line-height:1.75;margin-top:10px}.era-description{font-size:13px;line-height:1.8}.era-count{font-size:11px}.era-empty{height:265px;font-size:18px;padding:18px}.era-photo{min-width:0}}
@media(max-width:360px){.period-layout{grid-template-columns:117px 1fr;gap:16px}.era-list button,.era-list li:first-child button,.era-list li:nth-child(2) button{font-size:19px}.era-list .selected button{font-size:21px}.era-photo img{height:235px}.era-object-frame{min-height:235px}.era-list li:last-child button{font-size:17px}}

.section-actions{max-width:360px;flex-shrink:0;padding-bottom:6px}.section-actions>p{color:var(--muted);font-size:17px;margin-bottom:16px}.dark .section-actions>p{color:#bec9be}.section-actions .replay{margin:0}.portrait-layout{align-items:start}.collection-cloud{grid-auto-rows:28px;gap:8px;min-height:424px}.portrait-result{margin-top:8px}.portrait>.wrap>.condition{text-align:left;margin-top:27px}.send-route span:last-child{font-size:12px;line-height:1.5;transform:none;white-space:nowrap}
@media(max-width:1100px){.section-actions{max-width:290px}.collection-cloud{grid-auto-rows:28px;gap:7px;min-height:413px}}
@media(max-width:760px){.section-actions{max-width:none;margin-top:18px;padding:0}.section-actions>p{font-size:16px;margin-bottom:15px}.section-head{margin-bottom:32px}.collection-cloud{grid-auto-rows:25px;gap:6px;min-height:366px}.portrait-result{margin-top:0}.portrait>.wrap>.condition{font-size:12px;margin-top:25px}}

.record-stage{overflow:clip;overflow-clip-margin:24px}#reading-title span{white-space:nowrap}
@media(max-width:760px){#reading-title span{display:block}}

.persona-sections dt,.portrait .condition{color:#465f42}#portrait-title span{white-space:nowrap}
@media(max-width:760px){#portrait-title span{display:block}}

@media(max-width:760px){.chapter #record-title{font-size:clamp(28px,8.3vw,35px);white-space:nowrap;letter-spacing:-.02em}}

.collection-cloud .cloud-photo img{width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;object-position:center;background:#e7ece1}

.relay-route{padding-bottom:23px}.relay-route:after{content:'';position:absolute;left:8%;right:8%;bottom:8px;height:1px;background:#adbaa5}.relay-traveler{top:auto;bottom:0;transform:translate(-50%,0)}