*{box-sizing:border-box}body{color:#173e35;background:#f4f3ed;margin:0;font-family:DM Sans,system-ui,sans-serif}main{max-width:1050px;margin:auto;padding:28px 28px 36px}header{border-bottom:1px solid #d9dfd3;justify-content:space-between;align-items:center;padding-bottom:24px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:26px;text-decoration:none;display:flex}.brand span{font-size:20px;font-weight:700}.private{border:1px solid #cdd8c8;border-radius:30px;padding:8px 12px;font-size:12px}.intro{text-align:center;margin:52px auto 32px}.eyebrow{letter-spacing:3px;font-size:10px;font-weight:700}h1{margin:19px 0;font-family:Libre Caslon Display,Georgia,serif;font-size:64px;font-weight:400;line-height:1.04}h1 em{color:#73815b;font-weight:400}p{color:#637367;font-size:14px;line-height:1.65}.panel{background:#fffef9;border:1px solid #dce1d3;border-radius:24px;max-width:580px;margin:0 auto;padding:30px;box-shadow:0 15px 50px #183e3507}.topline{justify-content:space-between;align-items:start;gap:12px;display:flex}h2{margin:0;font-size:21px}.topline p{margin-top:7px;font-size:13px}.badge{white-space:nowrap;background:#edf0e5;border-radius:20px;padding:6px 9px;font-size:10px}label,small{letter-spacing:1.7px;margin:18px 0 9px;font-size:10px;display:block}input{color:#173e35;background:#f7f8f1;border:1px solid #ced7c8;border-radius:10px;width:100%;padding:18px;font-size:17px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;min-height:48px;padding:15px 20px;font-size:13px}.primary{color:#f2f6dc;background:#173e35;width:100%;margin-top:13px}.secondary{color:#173e35;background:0 0;border:1px solid #cad4c3;width:100%}.divider{text-align:center;color:#83917f;margin:18px;font-size:11px}.text{color:#365f4f;background:0 0;padding:10px;font-size:12px;text-decoration:underline}.footnote{border-top:1px solid #e5e7dc;margin:22px 0 0;padding-top:17px;font-size:11px;line-height:1.6}.message{color:#173e35;background:#edf2e5;border-radius:9px;padding:12px;font-size:13px}.codebox{text-align:center;background:#eff2e6;border-radius:12px;margin:14px 0;padding:5px 16px}.codebox strong{letter-spacing:1px;-webkit-user-select:all;user-select:all;font-size:18px;display:block}.videos{aspect-ratio:4/3;background:#122e27;border-radius:15px;position:relative;overflow:hidden}.videos video{object-fit:cover;z-index:2;width:100%;height:100%;position:relative}.waiting{color:#d8e8cc;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.videos .self{z-index:3;background:#2b4e40;border:2px solid #e7f2db;border-radius:10px;width:25%;height:30%;position:absolute;bottom:12px;right:12px;transform:scaleX(-1)}.controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls button{flex:1;min-width:100px;margin-top:12px}.danger{color:#fff;background:#a43f34}.notes{grid-template-columns:repeat(3,1fr);gap:34px;max-width:850px;margin:42px auto;display:grid}.notes span{color:#8a987c;letter-spacing:2px;font-size:10px}.notes h3{font-size:14px}.notes p{font-size:12px}footer{text-align:center;color:#83917f;border-top:1px solid #d9dfd3;padding-top:20px;font-size:10px;line-height:1.6}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #98b36b}button:hover{filter:brightness(1.12)}@media (width<=600px){main{padding:20px 16px}.intro{margin-top:35px}h1{font-size:46px}.panel{padding:22px}.notes{grid-template-columns:1fr;gap:12px;margin:28px 10px}.notes h3{margin-left:10px;display:inline}.notes p{margin-top:6px}.private{font-size:10px}.codebox strong{font-size:15px}}