.uf-page{min-height:100vh;background:#f4f5ef;color:#223b32;padding:0 3% 30px;font-family:Segoe UI,Arial,sans-serif}.uf-page *{box-sizing:border-box}.uf-header{justify-content:space-between;gap:18px;padding:22px 0;border-bottom:1px solid #dce2d4;font-size:11px}.uf-header,.uf-header a{display:flex;align-items:center}.uf-header a{gap:7px;text-decoration:none;color:#53694b}.uf-header>span{font-size:9px;letter-spacing:1px;color:#74816b}.uf-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 23px}.uf-intro p{font-size:9px;letter-spacing:1.5px;color:#8d5538;margin:0 0 8px}.uf-intro h1{font-size:30px;font-weight:400;letter-spacing:-1px;margin:0}.uf-intro>span{font-size:11px;line-height:1.8;color:#74816b}.uf-scroll{overflow-x:auto;border:1px solid #dce2d4;border-radius:12px;background:#faf9f5}.uf-scene{display:block;width:100%;height:auto;min-width:950px}.uf-scene [role=button]:focus-visible{outline:3px solid #b84724;outline-offset:6px}.uf-controls{display:flex;gap:12px;align-items:center;padding:18px 0}.uf-controls button,.uf-detail button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d5deca;background:#fffef9;color:#294534;padding:10px 13px;border-radius:5px;font:inherit;font-size:11px;cursor:pointer}.uf-controls .uf-play{background:#b84724;color:white;border-color:#b84724;min-width:180px}.uf-controls label{font-size:10px;color:#74816b;margin-left:auto}.uf-controls input{flex:1;max-width:550px;accent-color:#b84724;min-width:60px}.uf-controls>span{font-size:11px;font-variant-numeric:tabular-nums;min-width:75px;text-align:right}.uf-caption{font-size:12px;color:#66795b;padding:2px 0 17px}.uf-detail{border:1px solid #cbd8c0;background:#fdfef7;border-radius:8px;padding:20px;display:flex;align-items:center;gap:17px;flex-wrap:wrap;font-size:12px}.uf-detail>span{color:#55714b}.uf-detail p{color:#76866c;margin:0;flex-basis:100%}.uf-detail button,.uf-footer{font-size:10px}.uf-footer{color:#7a876f;margin-top:19px}.uf-page :is(a,button,input):focus-visible{outline:3px solid #b84724;outline-offset:4px}@media(min-width:1800px){.uf-page{padding-left:calc((100vw - 1680px)/2);padding-right:calc((100vw - 1680px)/2)}}@media(max-width:700px){.uf-page{padding:0 4% 25px}.uf-header{flex-wrap:wrap;gap:12px}.uf-header>span{order:3;flex-basis:100%;font-size:8px}.uf-intro{display:block;padding:24px 0 18px}.uf-intro h1{font-size:27px}.uf-intro>span{display:block;margin-top:13px;font-size:10px}.uf-scroll{border-radius:7px}.uf-controls{gap:8px;flex-wrap:wrap}.uf-controls label{margin-left:0}.uf-controls input{min-width:100px}.uf-controls .uf-play{min-width:160px}.uf-caption{font-size:11px}.uf-detail{padding:16px;gap:10px}}.uf-page.uf-embedded{min-height:0;padding:0;background:#fffefb;border:1px solid #dce2d4;border-radius:10px;overflow:hidden}.uf-embedded .uf-scroll{border:0;border-radius:0}.uf-embedded .uf-controls{padding:16px 20px;border-top:1px solid #dce2d4}.uf-embedded .uf-caption{padding:0 20px 14px}.uf-embedded .uf-detail{margin:0 20px 15px}.uf-embedded .uf-footer{margin:0;padding:0 20px 16px;font-size:9px}.uf-mobile-hint{display:none}@media(max-width:700px){.uf-embedded .uf-controls{padding:14px}.uf-embedded .uf-caption{padding:0 14px 12px}.uf-embedded .uf-detail{margin:0 14px 14px}.uf-embedded .uf-footer{padding:0 14px 14px}.uf-mobile-hint{display:block;margin:0;padding:10px 14px;font-size:10px;color:#75816c;border-top:1px solid #dce2d4}}