:root{color-scheme:light;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#123e39;background:#f4f7f3}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:#146e60;text-decoration:none}a:hover{text-decoration:underline}header{max-width:1160px;padding:24px 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:10px;align-items:center;color:#133f39;font-weight:700}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:500;margin-top:5px}main{max-width:1088px;margin:0 auto;padding:8px 36px 48px}.hero{display:grid;grid-template-columns:1fr 270px;gap:40px;align-items:center;padding:34px 0 42px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#44816f}h1{font-size:clamp(42px,6vw,68px);margin:16px 0 20px;letter-spacing:4px}h2{font-size:24px;margin:8px 0 16px}p{line-height:1.85}.tagline{font-size:23px;line-height:1.5;margin-bottom:20px}.hero p:not(.tagline):not(.eyebrow){color:#5a7069;font-size:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.chips span{padding:6px 11px;border:1px solid #cfdfd6;border-radius:20px;font-size:12px}.molecule{width:250px;height:250px;border:1px solid #c7d9cf;border-radius:50%;position:relative;background:radial-gradient(circle,#e0ebe0 15%,transparent 68%)}.molecule:before,.molecule:after{content:"";position:absolute;width:200px;height:90px;border:1px solid #b4cfc2;border-radius:50%;left:24px;top:80px;transform:rotate(48deg)}.molecule:after{transform:rotate(-48deg)}.molecule b{position:absolute;top:93px;left:99px;font-family:serif;font-size:44px;color:#43806a}.molecule i{position:absolute;border-radius:50%;width:20px;height:20px;background:#649782;box-shadow:0 0 0 8px #e0ebe0;left:45px;top:50px}.molecule i:nth-child(2){left:204px;top:119px;width:14px;height:14px}.molecule i:nth-child(3){left:71px;top:214px;width:14px;height:14px}.card{background:#fff;border:1px solid #dce6dd;border-radius:18px;padding:30px 34px;margin:20px 0;box-shadow:0 6px 24px #23473904}.card p{font-size:14px}.card>p{max-width:780px}.notice{padding:12px 17px;background:#e7efe7;border-radius:8px;font-size:14px;line-height:1.7}.notice.error,.warning{background:#fffaee;color:#795322;border-color:#ebd9b6}.muted,.footnote{color:#6b7c72;font-size:12px!important}.footnote{line-height:1.9;text-align:center;margin-top:28px}button,.button{display:inline-block;cursor:pointer;border:1px solid #1d6f5b;border-radius:8px;padding:12px 20px;background:#1d6f5b;color:#fff;font-weight:600;font-size:14px;text-decoration:none}button:hover,.button:hover{background:#185a4b;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.secondary{color:#31644f;background:#fff;border-color:#bfcfc3}.secondary:hover{background:#eef3ec}form{max-width:650px}label{display:block;font-size:14px;margin:16px 0 8px}input,textarea,select{display:block;padding:12px;border:1px solid #becdc2;border-radius:8px;background:#fafcf9;color:#163c30;width:100%;margin:9px 0 18px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #429476;outline-offset:2px}.actions{display:flex;gap:10px;flex-wrap:wrap}.version{font-size:11px;margin-left:14px;color:#7a887e;overflow-wrap:anywhere}#stage{position:fixed;inset:0;background:#071219;z-index:50;width:100vw;height:100dvh}#stage iframe{width:100%;height:100%;border:0;display:block}#connecting{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#071219;color:#d6e8e0;z-index:2}.playing{overflow:hidden}[hidden]{display:none!important}.feedback-item{border-bottom:1px solid #dce6dd;padding:18px 0}.feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-item h2{font-size:17px}
@media(max-width:680px){header{padding:16px 20px}header>a:last-child{font-size:12px}main{padding:0 20px 32px}.hero{grid-template-columns:1fr;padding:24px 0;gap:0}.molecule{display:none}.card{padding:22px 20px;border-radius:12px}.tagline{font-size:21px}.version{display:block;margin:12px 0 0}.brand small{font-size:8px}.brand img{width:32px;height:32px}h2{font-size:21px}}