:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#17251f;background:#eef1ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#f8f3df,transparent 38%),linear-gradient(135deg,#edf3ed,#e8ebe5)}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:9vw;padding:48px}.notes{max-width:470px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#24724d;font-weight:800}.notes h1{font-family:Georgia,"Songti SC",serif;font-size:58px;line-height:1.12;margin:18px 0;color:#163d2c}.notes p{line-height:1.8;color:#66746d}.status{margin-top:28px;padding:16px 18px;border-left:3px solid #e2a83b;background:#ffffffa8;border-radius:0 12px 12px 0;font-size:13px}.phone{width:390px;height:790px;background:#fafbf8;border:8px solid #183128;border-radius:48px;box-shadow:0 35px 80px #18312835;overflow:hidden;position:relative}.speaker{width:90px;height:23px;background:#183128;border-radius:0 0 16px 16px;position:absolute;left:142px;top:0;z-index:2}.phone header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 24px 0;font-size:12px}.phone header b{font-size:15px}.screen{padding:14px 18px 80px;height:650px;overflow:auto}.hero{display:flex;align-items:center;gap:12px;padding:18px 2px}.avatar{width:48px;height:48px;border-radius:16px;background:#276c4c;color:white;display:grid;place-items:center;font-family:serif;font-size:22px}.hero small{color:#819087}.hero h2{font-size:18px;margin:4px 0}.pill{margin-left:auto;color:#976410;background:#fff0c9;padding:6px 9px;border-radius:20px;font-size:11px}.card{display:flex;align-items:center;gap:10px;background:#184936;color:white;border-radius:20px;padding:17px 14px;box-shadow:0 12px 28px #18493629}.card-icon{background:#f1c968;color:#184936;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:bold}.card b{font-size:13px}.card p{font-size:10px;opacity:.68;margin:5px 0 0}.card button{margin-left:auto;border:0;background:#f1c968;color:#173d2c;border-radius:10px;padding:9px 10px;font-weight:bold}.screen h3{font-size:15px;margin:24px 2px 12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid button{text-align:left;border:1px solid #e4e9e2;background:white;border-radius:16px;padding:14px;color:#24372e}.grid i{display:block;width:30px;height:30px;background:#edf4ee;color:#32704f;border-radius:9px;display:grid;place-items:center;font-style:normal;font-size:12px;margin-bottom:15px}.grid b,.grid small{display:block}.grid small{color:#95a098;margin-top:4px}.progress{margin-top:16px;background:#f4efe1;border-radius:17px;padding:15px}.progress div:first-child{display:flex;justify-content:space-between}.progress span,.progress small{font-size:10px;color:#7b7464}.bar{height:5px;background:#ded7c4;border-radius:8px;margin:12px 0}.bar i{display:block;width:25%;height:100%;background:#d39b32;border-radius:8px}nav{position:absolute;bottom:0;left:0;right:0;height:68px;background:white;border-top:1px solid #e7eae6;display:flex;justify-content:space-around;padding:8px 20px 12px}nav button{border:0;background:none;color:#9aa39e}nav .active{color:#276c4c;font-weight:bold}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(30px);background:#173d2c;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:850px){.stage{padding:24px;gap:20px}.notes{display:none}.phone{max-width:100%;height:min(790px,94vh)}}