:root{--ink:#233d33;--muted:#748074;--paper:#f7f7f1;--line:#d8ded2;--green:#2f5c47;--warm:#b47756}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid var(--line);background:#fffdf7;border-radius:12px;color:var(--ink);padding:10px 16px}button:hover{background:#e8eddf}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b47756;outline-offset:3px}input,textarea,select{width:100%;padding:13px;border:1px solid #ccd4c7;border-radius:10px;background:#fffef9;color:var(--ink)}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:600;margin:15px 0 6px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.16}h2{font-size:32px}h3{font-size:18px}a{color:var(--green)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--muted)}.muted,small{color:var(--muted);font-size:13px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#244e3a}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;max-width:1200px;padding:7vw;margin:auto}.intro h1{font-size:clamp(38px,5vw,68px);margin-top:24px}.intro i{color:#819079}.intro p{color:var(--muted)}.ornament{font:40px/1 Georgia;text-align:center;color:#a7b49c;margin-top:50px}.login-card{background:#fffef9;border:1px solid var(--line);padding:40px;border-radius:24px;box-shadow:0 20px 70px #24432b0a}.login-card h2{margin:22px 0}.login-card button{width:100%;margin:18px 0}.login-card .muted{margin:0}#loginError{color:#a03d2b;margin:12px 0 0}header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px;border-bottom:1px solid var(--line);background:#fbfcf7;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:27px;text-decoration:none}.brand span{font:21px Georgia}.brand small{display:block;font:10px -apple-system,sans-serif;margin-top:5px;letter-spacing:1px}.actions{display:flex;gap:7px}.actions button{font-size:13px}nav{display:flex;gap:4px}nav button{border:none;background:transparent}nav .active{background:#e5ebdd}.map-caption{position:absolute;left:32px;top:115px;z-index:1;pointer-events:none}.map-caption h1{font-size:34px;margin:8px 0}.map-caption p{font-size:13px;color:var(--muted)}#map{position:absolute;inset:88px 0 0;overflow:hidden;background-color:#eff2e9;background-image:radial-gradient(#ced6c7 .8px,transparent .8px);background-size:22px 22px;touch-action:none}#links,#nodes{position:absolute;inset:0;overflow:visible;transform-origin:0 0;pointer-events:none}#links{width:1px;height:1px}.node{position:absolute;width:196px;min-height:80px;padding:14px 15px;background:#fffef8;box-shadow:0 5px 14px #35422e09;border:1px solid #d4ddce;text-align:left;pointer-events:auto;border-radius:14px}.node strong{font-size:14px;font-weight:600;display:block;line-height:1.3}.node small{display:block;margin-top:7px;font-size:11px}.node.root{background:#355f49;color:white;border-color:#355f49}.node.root small{color:#d1dfcc}.node.uncertain{border-style:dashed}.map-controls{position:absolute;bottom:100px;left:28px;display:flex;gap:6px}.map-controls button{box-shadow:0 4px 12px #00000008}.map-foot{position:absolute;bottom:26px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end;gap:20px;pointer-events:none}.map-foot span{font-size:11px;color:#667462;max-width:300px}.record-main{pointer-events:auto;background:var(--green);border:none;color:white;border-radius:32px;font-weight:600;font-size:16px;min-height:60px;padding:18px 26px;box-shadow:0 8px 24px #2e50382b}.record-main:hover{background:#244e3a}#identity{position:absolute;right:32px;top:103px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);width:min(660px,calc(100vw - 32px));max-height:88dvh;padding:34px;box-shadow:0 30px 100px #17352533}dialog::backdrop{background:#19372855;backdrop-filter:blur(4px)}dialog .close{position:sticky;top:0;float:right;z-index:2;border-radius:50%;font-size:23px;padding:0;width:44px;background:var(--paper)}#panelBody{clear:both}#panelBody h2{padding-right:10px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.card{background:#fffef9;border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;overflow-wrap:anywhere}.person-result{width:100%;text-align:left;margin:4px 0;display:block}.person-result small{display:block}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#e6ebdf;font-size:11px;margin:4px 3px 4px 0}.warning{background:#f4e9d4;color:#78532a;padding:12px;border-radius:10px;font-size:13px}.record-button{width:100%;padding:22px;font-size:20px;background:#f1e1d5;border:1px solid #d8bca4;border-radius:16px}.record-button.recording{background:#a24436;color:white}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{width:20px;height:20px}.attachment{display:block;margin:10px 0}audio{width:100%;margin:12px 0}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;padding:15px 22px;background:#233d33;color:white;border-radius:12px;max-width:90vw;box-shadow:0 8px 40px #0003}.facts{padding-left:20px}.danger{color:#9a4535}.tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.tabs button{flex:1}pre{white-space:pre-wrap;font-size:12px}.selected{border-color:var(--green);background:#e2eadb}.narrow{max-height:240px;overflow:auto}.status{font-size:13px;color:#607c4d}.hidden{display:none!important}[hidden]{display:none!important}
@media(max-width:760px){header{height:114px;padding:12px 16px;align-items:start;flex-wrap:wrap;gap:6px}.brand span{font-size:18px}.brand small{font-size:9px}.brand{font-size:24px}.actions{margin-left:auto}.actions button{padding:8px 10px}.actions #searchOpen span{display:none}nav{order:3;position:absolute;bottom:8px;left:14px}nav button{min-height:36px;padding:6px 14px;font-size:13px}#map{top:114px}.map-caption{top:139px;left:20px}.map-caption h1{font-size:29px}.map-caption p{max-width:230px;font-size:12px}#identity{top:94px;right:16px;font-size:10px}.map-controls{bottom:calc(108px + env(safe-area-inset-bottom));left:16px;right:16px}.map-controls button{padding:8px 12px;font-size:12px}.map-foot{bottom:calc(18px + env(safe-area-inset-bottom));left:16px;right:16px;display:block}.map-foot span{display:none}.record-main{width:100%;font-size:16px;min-height:60px}dialog{margin:auto 0 0;width:100%;max-width:100%;max-height:90dvh;border-radius:24px 24px 0 0;padding:20px 22px calc(24px + env(safe-area-inset-bottom))}.login{display:block;padding:38px 22px}.intro h1{font-size:43px}.intro p,.ornament{display:none}.login-card{padding:26px;margin-top:30px}.login-card h2{font-size:28px}.row>*{min-width:110px}.actions #mineOpen{font-size:11px}.actions #reviewOpen{font-size:11px}.node{min-height:86px}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}

/* Keep the admin actions and tree selector on separate rows on phones. */
@media(max-width:760px){header{height:184px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:42px 44px 38px;gap:6px}.actions{margin-left:0;justify-content:flex-end}.actions button{flex-shrink:0}nav{position:static;order:initial;justify-content:center}#map{top:184px}#identity{top:192px;right:16px}.map-caption{top:215px}}

/* Reserve the caption area above the interactive map. */
#map{top:220px}
@media(max-width:760px){#map{top:330px}}