#pyl-five{--paper:light-dark(#f8f5ed,#1d2622);--panel:light-dark(#fffdf7,#26322c);--ink:light-dark(#283f39,#e8eee6);--line:light-dark(#d4dacf,#4a5b50);--muted:light-dark(#69776e,#bac7bd);--green:light-dark(#285847,#b7d5bf);--on:light-dark(#fffdf7,#203a2b);background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,sans-serif;border-radius:14px;overflow:hidden}#pyl-five *{box-sizing:border-box}#pyl-five header{padding:24px 100px 24px 24px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;gap:16px;flex-wrap:wrap;align-items:center}#pyl-five .brand{font:26px Georgia,serif;margin-right:auto}#pyl-five small{display:block;font:11px system-ui;letter-spacing:2px;margin-top:6px}#pyl-five main{padding:26px}#pyl-five h1{font:40px/1.1 Georgia,serif;margin:14px 0}#pyl-five h2{font:28px Georgia,serif}#pyl-five .note{color:var(--muted);font-size:13px}#pyl-five fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:24px 0}#pyl-five legend{font-weight:600;padding-right:10px}#pyl-five .choices{display:flex;flex-wrap:wrap;gap:9px}#pyl-five .choice{position:relative}#pyl-five .choice input{position:absolute;opacity:0}#pyl-five .choice span{display:block;border:1px solid var(--line);border-radius:24px;padding:11px 15px;background:var(--panel);font-size:14px}#pyl-five .choice input:checked+span{background:var(--green);color:var(--on)}#pyl-five .choice input:focus-visible+span{outline:3px solid var(--green);outline-offset:2px}#pyl-five textarea,#pyl-five select,#pyl-five input:not([type=radio]):not([type=checkbox]){font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:12px;max-width:100%;width:100%;margin-top:8px}#pyl-five textarea{min-height:90px;resize:vertical}#pyl-five .age{max-width:180px}#pyl-five button{font:500 15px system-ui;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:14px 20px;min-height:44px}#pyl-five button.primary{color:var(--on);background:var(--green)}#pyl-five dl{display:grid;grid-template-columns:150px 1fr;gap:13px;margin:25px 0}#pyl-five dt{color:var(--muted)}#pyl-five dd{margin:0;overflow-wrap:anywhere}#pyl-five [hidden]{display:none!important}@media(max-width:480px){#pyl-five main{padding:20px}#pyl-five h1{font-size:34px}#pyl-five dl{grid-template-columns:1fr;gap:6px}#pyl-five dd{margin-bottom:12px}}


#pyl-five .result-book{padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:14px 0}#pyl-five .result-book h3{font:25px/1.2 Georgia,serif;margin:8px 0}#pyl-five .result-book p{margin:10px 0}#pyl-five .price{font-weight:600}#pyl-five .result-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}

body{margin:0;background:#f8f5ed}#pyl-five{color-scheme:light;min-height:100vh;border-radius:0}#pyl-five main{max-width:850px;margin:auto}#pyl-five header{padding:20px max(24px,calc((100vw - 1000px)/2));}#pyl-five small{font-size:12px}#pyl-five .note{font-size:14px}#pyl-five .choice span{font-size:16px}#pyl-five button,#pyl-five label.choice{cursor:pointer}#five-error:not(:empty){padding:12px;background:#fce7df;color:#762a13;border-radius:8px}button:disabled{opacity:.5}#five-books{display:grid;gap:16px}#pyl-five .result-book{margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a87329;outline-offset:3px}

#pyl-five .synopsis{font-size:17px;line-height:1.65}#pyl-five .personal-fit{background:#edf2e9;padding:14px 16px;border-radius:8px;color:#294d3e;font-size:15px}#pyl-five .result-book{padding:24px}
#pyl-five .pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}#pyl-five .checkline{display:flex;gap:10px;align-items:center;margin-top:18px}#pyl-five .checkline input{width:20px;height:20px}#pyl-five .preferences{border:1px solid var(--line);border-radius:12px;padding:18px;margin:24px 0;background:var(--panel)}#pyl-five summary{cursor:pointer;padding:10px 0;min-height:44px}#pyl-five .preferences .choices{margin-top:15px}#pyl-five .actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}#pyl-five .feedback-box{margin:28px 0;padding:22px;background:#eaf0e5;border-radius:12px}#pyl-five .feedback-box h3{font-size:20px;margin:0 0 15px}#pyl-five .eyebrow{font-size:13px;letter-spacing:2px;color:var(--muted)}#books{display:grid;gap:20px}#pyl-five .result-book details p{white-space:pre-line}#pyl-five .result-book dl{display:grid;grid-template-columns:180px 1fr;gap:10px;font-size:14px}#pyl-five dt{color:var(--muted)}#pyl-five dd{margin:0}#pyl-five footer{padding:35px 0 15px;color:var(--muted);font-size:14px}#pyl-five textarea{width:100%}#form-error:not(:empty){padding:12px;background:#fce7df;color:#762a13;border-radius:8px}@media(max-width:580px){#pyl-five .pair{grid-template-columns:1fr}#pyl-five .result-book dl{grid-template-columns:1fr}#pyl-five dd{margin-bottom:10px}#pyl-five .feedback-box{padding:16px}} 
#pyl-five{--green:#0e4f60;--on:#fff;--ink:#153c46;--panel:#fff;--paper:#f7faf9;--line:#d6e1e3;--muted:#536d74}body{background:#f7faf9}#pyl-five .brand{text-decoration:none;color:var(--ink)}#pyl-five .store-back{color:var(--green);display:inline-block;margin-bottom:10px;padding:8px 0}#pyl-five .store-book{display:inline-flex;align-items:center;text-decoration:none;border-radius:8px;background:var(--green);color:white;min-height:44px;padding:12px 18px;margin:12px 0}#pyl-five .personal-fit{background:#edf4f5;color:#153c46}#pyl-five .feedback-box{background:#edf4f5}