:root{color:#244232;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f4eb;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #afba80}button{border:0;border-radius:12px;padding:12px 18px;font-weight:600}h1,h2,p{margin:0}h1{letter-spacing:1px;font-size:23px}h2{font-size:18px;font-weight:650}.app{max-width:660px;margin:auto;padding:30px 22px 20px}.brand{align-items:center;gap:12px;display:flex}.leaf{color:#f5f3dd;background:#2b513c;border-radius:15px 15px 15px 4px;place-items:center;width:46px;height:46px;font-size:32px;display:grid}.eyebrow{letter-spacing:2px;color:#677b61;font-size:10px;font-weight:700}.phase{color:#4d6543;background:#e8ecdd;border-radius:6px;margin-left:auto;padding:5px 10px;font-size:12px}.intro{padding:32px 0 22px}.intro h2{letter-spacing:-.5px;font-size:26px;font-weight:600}.intro p{color:#75816c;margin-top:8px;font-size:14px}.notice{color:#746647;background:#eee9d9;border:1px solid #e2dac1;border-radius:13px;flex-direction:column;gap:4px;margin-bottom:18px;padding:15px 17px;font-size:12px;display:flex}.notice strong{font-size:13px}.card,.plot-card{background:#fffef8;border:1px solid #e3e6d9;border-radius:19px;margin-bottom:17px;padding:22px;box-shadow:0 4px 18px #38593204}.muted{color:#7b8475;font-size:12px}.entry h2{margin-bottom:8px}.entry .muted{margin-bottom:24px}.entry label{margin:15px 0 7px;font-size:13px;font-weight:600;display:block}input{color:#244232;background:#fffef9;border:1px solid #d8ddcd;border-radius:10px;width:100%;min-width:0;padding:13px 14px;font-size:16px}input::placeholder{color:#a2aa98}.primary{color:#fffdf0;background:#2d593e;width:100%;margin-top:15px}.primary:hover{background:#21442f}.secondary{color:#33563d;background:#edf0e4;border:1px solid #d9e0ce}.secondary:hover{background:#e2e8d7}.small{padding:8px 12px;font-size:12px}.full{width:100%;margin-top:14px}.divider{color:#89917f;align-items:center;gap:13px;margin:24px 0 4px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:#e5e8dc;flex:1;height:1px}.join-row{gap:10px;display:flex}.join-row button{white-space:nowrap}.room{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.room-code{letter-spacing:5px;-webkit-user-select:all;user-select:all;font-size:30px;font-weight:700}.room-bottom{border-top:1px solid #e7e9dd;justify-content:space-between;align-items:center;width:100%;padding-top:13px;font-size:13px;display:flex}.text-button{color:#849079;background:0 0;padding:0;font-size:12px}.section-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dot-label{color:#688061;white-space:nowrap;font-size:11px}.dot-label:before{content:"";background:#709768;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.dot-label.offline{color:#ab743e}.offline:before{background:#ab743e}.location-state{margin:3px 0 6px;font-size:15px;font-weight:600}.location .muted{line-height:1.7}.tag{color:#7c846e;white-space:nowrap;background:#eef0e5;border-radius:6px;padding:4px 7px;font-size:10px}.plot-card svg{background:#f2f5ec;border-radius:13px;width:100%;max-height:385px;display:block}.plot-label{fill:#456044;font-size:11px}.plot-empty{fill:#85917b;font-size:12px}.caption{color:#8b947f;margin-top:11px;font-size:11px;line-height:1.7}.count{color:#76836a;background:#edf0e4;border-radius:5px;margin-left:4px;padding:2px 7px;font-size:12px}.member{border-top:1px solid #eceee3;align-items:center;gap:10px;padding:13px 0;display:flex}.member:first-child{border-top:0}.avatar{color:#9a7748;background:#f0e6d4;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:14px;display:grid}.avatar.self{color:#406843;background:#e5ecdc}.member-main{flex:1;min-width:0}.member-main strong{overflow-wrap:anywhere;font-size:13px}.member-main p{color:#8e9685;margin-top:3px;font-size:10px}.me{color:#819574;background:#edf2e7;border-radius:4px;margin-left:7px;padding:2px 5px;font-size:9px}.member-status{white-space:nowrap;color:#89907c;font-size:10px}.member-status.sharing{color:#4c7a47}.member-status.low_accuracy,.member-status.stale{color:#b08443}.error{color:#975a36;background:#f8e9df;border:1px solid #edcfbd;border-radius:12px;margin-bottom:15px;padding:13px 16px;font-size:13px}footer{text-align:center;color:#9aa18f;letter-spacing:1px;padding:14px 0 8px;font-size:11px}@media (width<=420px){.app{padding:22px 16px}.card,.plot-card{padding:18px}.intro h2{font-size:23px}.member-main p{font-size:9px}.phase{padding:4px 7px;font-size:10px}.section-top .muted{font-size:10px}}@media (width>=700px){.app{padding-top:42px}.intro{padding-top:38px}}