*{box-sizing:border-box}html,body{margin:0;background:#efe9df;color:#213b35;font-family:Arial,sans-serif}button,a{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c38b21;outline-offset:3px}.player{max-width:1420px;margin:auto;padding:22px}.viewport{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:20px;background:#fcfaf6;box-shadow:0 12px 45px #23382e1a}.stage{width:1280px;height:720px;position:absolute;top:0;left:0;transform:scale(var(--demo-scale,1));transform-origin:top left;background:#fcfaf6;overflow:hidden}.topbar{height:83px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;background:#f3eee5;border-bottom:1px solid #ded5c5}.brand{display:flex;align-items:center;gap:14px}.brand img{width:61px;height:61px;object-fit:contain}.brand strong{display:block;font-family:Georgia,serif;font-size:25px;font-weight:700}.brand small{display:block;margin-top:5px;font-size:13px;color:#766d60}.badge{background:#e8eedf;color:#3b6038;font-size:12px;font-weight:800;padding:9px 13px;border-radius:18px;letter-spacing:.06em}.main{display:grid;grid-template-columns:300px 1fr;gap:27px;padding:27px 32px 0;height:543px}.guide{padding-top:4px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#a6762c}.guide h1{font-family:Georgia,serif;font-size:32px;line-height:1.15;letter-spacing:-.7px;margin:14px 0 18px}.guide p{font-size:16px;line-height:1.6;color:#62695f}.chapters{display:grid;gap:8px;margin-top:23px}.chapter{display:flex;align-items:center;gap:9px;font-size:12px;color:#6d7569}.dot{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e7e2d7;font-size:10px;font-weight:800}.chapter.active{font-weight:800;color:#325433}.chapter.active .dot,.chapter.done .dot{background:#456b35;color:white}.window{height:489px;background:#fff;border:1px solid #ded7cb;border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #25382e0a}.window-top{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#f7f5ef;border-bottom:1px solid #e9e3d9;font-size:11px;color:#6f7768}.window-top span:first-child{display:flex;align-items:center;gap:5px}.window-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d6d0c2}.content{padding:18px 23px}.content h2{font-size:23px;margin:0 0 6px;color:#223d35}.lead{margin:0 0 16px;font-size:13px;line-height:1.45;color:#6f766b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.field{font-size:12px;font-weight:700;color:#4d594d}.field.wide{grid-column:1/-1}.input{min-height:38px;border:1px solid #d4dacf;border-radius:7px;padding:10px 11px;margin-top:6px;background:#fff;color:#243e36;font-size:14px;font-weight:400;line-height:1.25}.field.focus .input{border-color:#557343;box-shadow:0 0 0 2px #ecf1e6}.caret{display:inline-block;border-right:2px solid #597342;height:15px;vertical-align:-2px;margin-left:2px}.actions{display:flex;align-items:center;gap:12px;margin-top:17px}.mock-button{display:inline-block;background:#456b35;color:#fff;border-radius:7px;padding:11px 16px;font-size:13px;font-weight:800}.mock-button.click{box-shadow:0 0 0 5px #e5ecd9;background:#334f29}.muted{font-size:11px;line-height:1.5;color:#70786c}.success{background:#eff4e8;border:1px solid #d3e0c4;border-radius:8px;padding:11px 13px;font-size:13px;color:#36572d;margin:14px 0;line-height:1.4}.card{border:1px solid #e3dccf;border-radius:9px;padding:13px 14px;background:#fff;margin-top:11px}.card strong{font-size:14px}.card p{font-size:12px;line-height:1.45;color:#68725f;margin:6px 0 0}.pill{display:inline-block;padding:5px 9px;background:#ecf1e6;border-radius:20px;color:#48623b;font-size:11px;font-weight:700}.row{display:flex;align-items:center;justify-content:space-between;gap:14px}.notice{border-left:3px solid #c3973f;background:#fbf5e7;padding:9px 12px;font-size:12px;line-height:1.45;margin:13px 0}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:14px}.day{height:49px;border:1px solid #e7e2d8;border-radius:5px;font-size:11px;padding:5px;color:#596552}.day.selected{background:#eef3e8;border-color:#8ca275}.event{font-size:9px;line-height:1.2;background:#456b35;color:white;border-radius:3px;padding:4px;margin-top:3px}.check{background:#456b35;color:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:30px;margin:18px 0}.big{font-family:Georgia,serif;font-size:30px!important}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note-text{font-size:15px;line-height:1.65}.summary-list{list-style:none;padding:0;margin:14px 0}.summary-list li{padding:10px 0;border-bottom:1px solid #e9e4d9;font-size:14px}.summary-list li::before{content:'✓';color:#456b35;font-weight:800;margin-right:11px}.caption{height:94px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #ddd7c8;background:#f3eee5;padding:17px 32px;display:flex;gap:18px;align-items:center}.caption strong{display:block;font-size:14px;margin-bottom:5px}.caption p{font-size:14px;line-height:1.45;margin:0;max-width:1000px;color:#46533f}.caption .sample{margin-left:auto;text-align:right;min-width:120px;font-size:10px;line-height:1.45;color:#6b7464}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:18px 0 12px}.controls button,.controls a{border:1px solid #c8d0bc;background:#fff;color:#355331;padding:10px 14px;border-radius:7px;font-weight:700;cursor:pointer;text-decoration:none}.controls button.primary{background:#456b35;color:#fff}.controls input{flex:1;min-width:150px;accent-color:#456b35}.time{font-size:12px;font-variant-numeric:tabular-nums;color:#58654e}.below{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px;line-height:1.5;color:#606b57}.below a{color:#355331;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.player{padding:10px}.viewport{border-radius:10px}.below{display:block}.controls{gap:7px}.controls button{font-size:12px;padding:9px}.controls input{order:2;width:100%;flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.purchase-cta{display:inline-block;margin-top:8px;padding:14px 22px;border-radius:8px;background:#456b35;color:#fff!important;font-size:17px;font-weight:800;text-decoration:none;line-height:1.4}.purchase-panel{padding:20px 24px;border:1px solid #d9dfce;border-radius:12px;background:#f8faf4;margin-top:16px}.purchase-panel h2{margin:0 0 10px;font-family:Georgia,serif;font-size:25px}.purchase-panel p{font-size:15px;line-height:1.6;margin:8px 0}.purchase-panel .purchase-cta{margin-top:10px}

.permission-table{width:100%;border-collapse:collapse;font-size:12px;margin:12px 0}.permission-table th,.permission-table td{padding:8px 6px;border-bottom:1px solid #e8e2d7;text-align:center}.permission-table th:first-child{text-align:left}.permission-box{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #b9c3ac;border-radius:3px;color:#fff}.permission-box.checked{background:#456b35;border-color:#456b35}.scenario-picker{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.scenario-picker label{font-weight:800}.scenario-picker select{padding:10px;border:1px solid #c4cfb9;border-radius:7px;background:white;color:#294331;font:inherit}.chapters{gap:6px;margin-top:16px}.guide h1{font-size:30px}.guide p{font-size:15px;line-height:1.5}
.permission-table th,.permission-table td{padding:6px}