*{box-sizing:border-box}body{margin:0;background:#2b1d36;color:#e9e8dc;font-family:Georgia,serif}main{max-width:780px;margin:auto;padding:20px 18px 75px}header{display:flex;align-items:center;gap:15px;border-bottom:1px solid #8a7b92;padding-bottom:18px;font:700 11px/1.35 Arial;letter-spacing:.14em}header>div:last-child{margin-left:auto;color:#c6f271}.mark{width:43px;height:43px;background:#c6f271;color:#2b1d36;display:flex;align-items:center;justify-content:center;font:700 22px Georgia}.mark span{font-style:italic}header small{font-size:9px;color:#aaa0aa}.intro{padding:33px 0}.intro>p:first-child{font:700 11px Arial;letter-spacing:.22em;color:#c6f271}h1{font:400 clamp(45px,11vw,84px)/.91 Georgia;letter-spacing:-.06em;margin:13px 0 26px}h1 i{color:#c6f271}.intro>p:last-child{max-width:480px;color:#c5bbc8;line-height:1.5}.ledger{background:#eee9dc;color:#2b1d36;padding:20px 23px 28px;box-shadow:10px 10px 0 #847286;position:relative}.ledger:after{content:"";position:absolute;left:50px;top:0;bottom:0;border-left:1px solid #cc9c9a;pointer-events:none}.ledger-title{display:flex;justify-content:space-between;font:700 11px Arial;letter-spacing:.13em;color:#78616f}.ledger h2{font:400 clamp(28px,6vw,42px)/1.08 Georgia;margin:30px 0 21px}.rows{border-top:2px solid #3e3542;border-bottom:2px solid #3e3542}.rows div{display:flex;justify-content:space-between;gap:10px;padding:11px 4px 11px 36px;border-bottom:1px solid #c8c0bb;font:14px Arial}.rows div:last-child{border:0}.rows b{font-variant-numeric:tabular-nums}.answer-title{font:700 10px Arial;letter-spacing:.17em;margin:24px 0 12px;color:#796070}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.choices button{border:1px solid #948b8c;background:#f9f7ed;color:#2b1d36;min-height:54px;font:700 16px Arial;cursor:pointer}.choices button.good{background:#c6f271;border-color:#659442}.choices button.bad{background:#f4c4bf;border-color:#b15a5a}#reason{min-height:34px;font:14px/1.45 Arial}#next{background:#2b1d36;color:white;border:0;padding:14px 19px;font:700 11px Arial;letter-spacing:.1em;cursor:pointer}footer{display:flex;justify-content:space-between;margin-top:28px;align-items:center;font:700 11px Arial}footer button{background:none;border:1px solid #c6f271;color:#c6f271;padding:11px 14px;font:700 11px Arial;cursor:pointer}@media(max-width:520px){.ledger{padding:17px}.ledger:after{left:42px}.rows div{padding-left:28px}.choices button{font-size:13px}}