:root{color-scheme:light;--ink:#3c4243;--muted:#7f8589;--line:#cdd1d2;--paper:#f3f4f3;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:1px solid #798486;outline-offset:5px}button:hover:not(:disabled){color:#141b1d}button,canvas{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;transition:filter 1.4s ease,opacity 1.4s ease}body[data-view=title] #world{filter:blur(1.5px);opacity:.64}.corner{position:fixed;z-index:2;font-size:8px;line-height:2.4;letter-spacing:3.3px;color:#909698;pointer-events:none}.top-left{left:2.4vw;top:3.2vh}.top-right{right:2.4vw;top:3.2vh;text-align:right}.bottom-left{left:2.4vw;bottom:3.3vh;font-size:7px}.bottom-right{right:2.4vw;bottom:3.3vh;text-align:right;font-size:7px}.short-rule{display:block;width:34px;height:1px;background:#b6bcbf;margin:15px 7px 0 auto}#title-screen{position:fixed;inset:0;z-index:3;display:grid;place-items:center;transition:opacity 1.25s,visibility 1.25s}.title-composition{text-align:center;width:100%;padding:20px;transform:translateY(6vh)}h1,.interface-title h2{font-family:'Times New Roman',Georgia,serif;font-weight:400;color:#20282a}h1{font-size:clamp(30px,3.1vw,76px);letter-spacing:.16em;line-height:1.4;margin:0 0 9px}.title-composition>p{font-size:clamp(11px,1.08vw,23px);letter-spacing:.42em;color:#7b8084;margin:0}.title-composition #enter{display:flex;align-items:center;justify-content:center;gap:34px;margin:70px auto 0;padding:16px;font-size:13px;letter-spacing:.65em;color:#777e82}#enter i{height:1px;width:37px;background:#a8adaf}#loading-note{display:block;font-size:10px;letter-spacing:2px;color:#7f8589;min-height:14px;margin-top:12px}body:not([data-view=title]) #title-screen{opacity:0;visibility:hidden;pointer-events:none}body[data-view=world] .corner{opacity:0}#world-label{position:fixed;left:2.4vw;top:3.2vh;font-size:8px;line-height:2.5;letter-spacing:3px;color:#8e9495;pointer-events:none;display:none}#world-label span{font-size:7px}body[data-view=world] #world-label{display:block}#world-guidance{position:fixed;z-index:3;bottom:5vh;left:50%;transform:translateX(-50%);text-align:center;width:min(700px,90vw);display:none}body[data-view=world] #world-guidance{display:block}#resume{font-family:Georgia,serif;font-size:18px;font-style:italic;letter-spacing:1px}#world-guidance p{font-size:9px;line-height:2.6;letter-spacing:1.6px;color:#83898a}body[data-locked=true] #world-guidance{opacity:0;pointer-events:none;transition:opacity 1s}#interface-open{position:fixed;right:3vw;bottom:4vh;font-size:10px;letter-spacing:3px;z-index:4;display:none}#interface-open span{font-size:8px;margin-left:12px;color:#858c8e}body[data-view=world]:not([data-locked=true]) #interface-open{display:block}#interface-shell{position:fixed;inset:0;z-index:5;animation:appear .45s ease}.interface-title{position:absolute;top:5vh;left:15%;width:70%;text-align:center}.interface-title h2{font-size:clamp(20px,1.8vw,44px);letter-spacing:.17em;margin:0 0 11px}.interface-title p{font-size:10px;letter-spacing:.48em;color:#7c8386;margin:0}#observation-interface{position:absolute;top:17vh;left:17.5vw;width:65vw;height:75vh;max-height:1000px;border:1px solid #ffffff;border-radius:13px;background:rgba(244,246,246,.83);box-shadow:0 0 0 1px #cbd1d35c,0 12px 50px #949c9c12;backdrop-filter:blur(9px);display:flex;flex-direction:column}nav{display:flex;align-items:center;justify-content:space-between;margin:0 32px;border-bottom:1px solid #d6dadb;padding:15px 0 10px;flex-shrink:0}nav [role=tablist]{display:flex;gap:28px}nav button{font-size:9px;letter-spacing:3px;padding:10px 8px;color:#878e92}nav button[aria-selected=true]{color:#303a40;border-bottom:1px solid #505b60}#interface-close{font-size:9px;display:flex;align-items:center;gap:35px}#interface-close span{font-size:21px;line-height:12px;font-weight:200;letter-spacing:0}.panel-body{padding:20px 32px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:#c0c6c6 transparent;flex:1}.observe-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:34px;row-gap:18px}.instrument{min-width:0;padding:7px 3px 10px;border-bottom:1px solid #d6dcdd8c}.instrument:nth-child(even){border-left:1px solid #d6dcdd8c;padding-left:24px}h3{font-family:Georgia,'Times New Roman',serif;font-size:12px;font-weight:400;letter-spacing:3px;margin:0 0 18px;display:flex;align-items:center;gap:12px}h3:after{content:'';height:1px;background:#c7ced1;flex:1}.specimen-details{display:grid;grid-template-columns:45% 1fr;gap:23px;align-items:center}#specimen-preview{width:100%;height:clamp(140px,17vh,240px);object-fit:contain;border:1px solid #cfd5d699;background:rgba(255,255,255,.12)}dl{margin:0}#specimen-data>div,#interaction-data>div{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 15px;font-size:9px;letter-spacing:2px}dt{color:#8b9296;font-size:8px}dd{margin:0;color:#43515a;overflow-wrap:anywhere}.annotation{font-family:Georgia,serif;font-style:italic;font-size:10px;line-height:1.7;letter-spacing:1.8px;color:#949c9f;margin:15px 0 0}.population{display:flex;align-items:center;gap:24px;min-height:64px}.population>div:first-child{border-right:1px solid #cdd3d3;padding-right:30px}.population b{font:17px Georgia,serif;font-weight:400;display:block;letter-spacing:3px}.population>div:first-child b{font-size:30px}.population span{display:block;font-size:7px;letter-spacing:2px;color:#8d9598;margin-top:12px}.field-copy{font:italic 13px/1.9 Georgia,serif;letter-spacing:1px;color:#858f93;margin:0 0 15px}#interaction-data{max-width:320px}.quiet-button{font-size:9px;letter-spacing:2px;border:1px solid #c7cecf;padding:13px 17px;line-height:1.5}.quiet-button:hover{background:#ffffff5c}.quiet-button span{margin-left:12px}#recent-events{font-size:9px;color:#7a858b;line-height:2.2;margin:0 0 14px;min-height:30px}#recent-events>div{display:flex;gap:18px}#recent-events time{color:#939c9f;font-size:8px;letter-spacing:1px}#recent-events span{font-family:Georgia,serif;letter-spacing:1px}.recent-archive{display:flex;gap:13px}.archive-mini{padding:0;text-align:left;width:22%;font-size:8px;color:#7e898e;letter-spacing:1px}.archive-mini canvas{width:100%;aspect-ratio:1;border:1px solid #d4dadb}.archive-mini span{display:block;margin:7px 0}.text-link{font-size:8px;letter-spacing:1.5px;color:#879196;padding:14px 0 0;text-align:left}.text-link span{margin-left:14px}.lineage-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;min-height:140px;text-align:center}.lineage-node{padding:13px 4px;font-size:9px;letter-spacing:1px}.lineage-node.selected{border:1px solid #9ba8ae;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.lineage-node small{display:block;color:#949c9f;letter-spacing:1px;font-size:7px;margin-top:9px}.lineage-node span{display:block;line-height:1.8}.lineage-arrow{color:#a0aaaf;font-size:15px}.section-intro{display:flex;justify-content:space-between;align-items:flex-start;margin:10px 0 25px;gap:20px}.section-intro p{font:italic 12px Georgia,serif;color:#8c979c;line-height:1.8}#archive-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-record{border-bottom:1px solid #ccd3d4;padding-bottom:18px}.archive-record canvas{width:100%;height:130px;border:1px solid #d7dcdd;background:#ffffff20}.archive-record h4{font:12px Georgia,serif;letter-spacing:2px;margin:13px 0}.archive-record dl>div{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;font-size:9px;line-height:1.9;margin-bottom:5px}.record-actions{display:flex;gap:12px;justify-content:space-between;margin-top:12px}.record-actions button{font-size:8px;letter-spacing:1px;padding:7px 0;border-bottom:1px solid #c3cdcf}.record-actions .delete-record{color:#8d7770}.archive-actions{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-top:25px;color:#7d898f}#undo-delete{font-size:9px;letter-spacing:1px}.field-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:20px 5px;line-height:1.9}.field-layout p{font-size:12px;line-height:2;color:#7f8a8d;max-width:370px}.literary{font:26px/1.7 Georgia,serif!important;letter-spacing:1px;color:#5c686c!important}.instructions{display:grid;grid-template-columns:1fr 1.4fr;gap:25px 20px;font-size:11px}.instructions dt{font-size:9px;letter-spacing:2px}.about-copy{max-width:650px;margin:20px auto;line-height:2.1;color:#748187;font-size:13px}.about-copy .phase-note,#storage-note{font-size:11px;color:#8c989d}.about-copy button{margin-top:20px}#runtime-message{position:fixed;left:50%;bottom:2vh;transform:translateX(-50%);z-index:12;font-size:11px;line-height:1.7;color:#57656b;text-align:center;max-width:80vw;pointer-events:none}#runtime-message:not(:empty){background:#f3f4f3e8;padding:8px 16px;border:1px solid #d4dada}body[data-view=interface] #world{filter:blur(1px)}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:2100px){#observation-interface{max-width:1600px;left:50%;transform:translateX(-50%)}.panel-body{padding:32px 45px}h3{font-size:15px}.instrument{padding-top:15px;padding-bottom:20px}.specimen-details{gap:40px}#specimen-data>div{font-size:12px;margin-bottom:24px}dt{font-size:10px}.annotation{font-size:12px}.population{gap:40px}.archive-mini{font-size:10px}}@media(max-width:1100px){#observation-interface{left:7vw;width:86vw;top:17vh;height:76vh}.corner{font-size:6px}.interface-title{left:8%;width:84%}.observe-grid{gap:20px}.panel-body{padding:16px 24px}.population{gap:14px}.population>div:first-child{padding-right:18px}nav{margin:0 24px}nav [role=tablist]{gap:14px}}@media(max-width:700px){h1{font-size:32px;letter-spacing:.08em}.title-composition>p{font-size:10px;letter-spacing:.2em}.top-right,.top-left{display:none}.observe-grid,.field-layout{grid-template-columns:1fr}.instrument:nth-child(even){border-left:0;padding-left:3px}#archive-records{grid-template-columns:1fr 1fr}.interface-title h2{font-size:18px}.interface-title p{font-size:8px;letter-spacing:.2em}#observation-interface{left:3vw;width:94vw;top:16vh;height:80vh}nav{margin:0 14px}nav [role=tablist]{gap:4px}nav button{font-size:8px;letter-spacing:1.2px}#interface-close{gap:8px}.panel-body{padding:14px}.corner.bottom-left{max-width:50%;font-size:6px;letter-spacing:1.5px}.field-layout{gap:35px}.section-intro{display:block}.section-intro button{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.garden-footer{bottom:3.5vh;left:50%;transform:translateX(-50%);width:min(900px,78vw);text-align:center;font-size:7px;line-height:2.4;letter-spacing:2.5px}.garden-footer span{display:block}#field-residents{margin-top:20px}.field-resident{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #d3d9d9;padding:11px 0;font-size:10px;color:#6c7b80}.field-resident button{font-size:10px;border-bottom:1px solid #bbc5c7;padding:6px}.record-actions{flex-wrap:wrap}.record-actions .add-to-field{color:#425f56}.original-tag{font-size:8px;letter-spacing:1px;color:#81978c;margin-left:10px}#original-count{margin-bottom:20px}#remove-selected{display:block;padding-top:10px}@media(max-width:700px){.garden-footer{width:80vw;font-size:6px;letter-spacing:1px;bottom:4vh}}

.archive-record canvas{object-fit:contain}

html[lang="zh-CN"]{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-CN"] nav button{font-size:12px;letter-spacing:2px}html[lang="zh-CN"] h3{font-size:13px;letter-spacing:2px}html[lang="zh-CN"] dt{font-size:10px;letter-spacing:1px}html[lang="zh-CN"] #specimen-data>div{font-size:11px;letter-spacing:1px;margin-bottom:12px}html[lang="zh-CN"] .quiet-button{font-size:12px;letter-spacing:1px}html[lang="zh-CN"] .text-link{font-size:10px;letter-spacing:1px}html[lang="zh-CN"] .archive-record dl>div{font-size:11px}html[lang="zh-CN"] .archive-mini{font-size:10px}#emerge-catalog{display:block;padding-top:12px}

.archive-selection{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:12px 0 22px;font-size:10px;letter-spacing:1px}.record-selection{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:2px;padding:8px 0;cursor:pointer}.record-selection input{accent-color:#67767c;width:15px;height:15px}.archive-record.is-selected{outline:1px solid #87989b;outline-offset:6px}#delete-selected{color:#886f67}