.hw-shell{--hw-bg:#101a17;--hw-ink:#f0f4ec;--hw-muted:#b7c5b9;--hw-line:#3b5044;--hw-accent:#bde3a8;min-height:100vh;background:var(--hw-bg);color:var(--hw-ink);font:16px/1.65 system-ui,sans-serif;padding:0 24px 36px;color-scheme:dark}.hw-shell *{box-sizing:border-box}.hw-shell a{color:inherit;text-underline-offset:5px}.hw-shell button,.hw-shell summary{font:inherit}.hw-header{max-width:1060px;margin:auto;min-height:80px;display:flex;gap:24px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hw-line)}.hw-brand{font:600 15px/1.4 monospace;letter-spacing:.06em;text-decoration:none}.hw-header>a:last-child{font-size:14px}.hw-main{max-width:960px;margin:0 auto}.hw-intro{padding:44px 0 24px;max-width:780px}.hw-kicker{font:13px/1.6 monospace;letter-spacing:.1em;color:var(--hw-accent);margin:0 0 12px}.hw-intro h1{font-size:40px;line-height:1.15;letter-spacing:-.025em;max-width:760px;margin:0 0 20px;text-wrap:balance}.hw-intro p{color:var(--hw-muted);max-width:680px;margin-bottom:12px}.hw-facts{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:14px;color:var(--hw-accent)}.hw-quiz{padding:24px 0 36px}.hw-progress{display:flex;justify-content:space-between;gap:12px;font:13px monospace;color:var(--hw-muted)}.hw-quiz progress{display:block;width:100%;height:3px;appearance:none;border:0;background:var(--hw-line);margin:14px 0 34px}.hw-quiz progress::-webkit-progress-bar{background:var(--hw-line)}.hw-quiz progress::-webkit-progress-value{background:var(--hw-accent)}.hw-quiz progress::-moz-progress-bar{background:var(--hw-accent)}.hw-quiz h2{font-size:28px;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px;text-wrap:balance}.hw-question>p{color:var(--hw-muted);margin:0 0 26px}.hw-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hw-options button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;min-height:244px;padding:28px 16px 20px;border:2px solid transparent;border-radius:3px;background:#eaf0df;color:#17362c;cursor:pointer;transition:background .15s,border-color .15s;overflow:hidden}.hw-options button:hover{background:#f5f8ed}.hw-options button.hw-selected{border-color:var(--hw-accent);background:#d5edc4;box-shadow:0 0 0 3px var(--hw-bg),0 0 0 4px var(--hw-accent)}.hw-option-number{position:absolute;top:12px;left:14px;font:12px monospace;color:#52664d}.hw-check{position:absolute;right:13px;top:10px;font-size:19px}.hw-options svg{width:125px;height:125px;margin-bottom:14px}.hw-sample{display:flex;align-items:center;justify-content:center;font:italic 44px/1.1 Georgia,serif;min-height:139px;white-space:nowrap;transform-origin:center}.hw-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 16px}.hw-actions button{border:1px solid var(--hw-line);border-radius:3px;padding:12px 22px;min-height:48px;background:transparent;color:var(--hw-ink);cursor:pointer}.hw-actions .hw-primary{background:var(--hw-accent);color:#14241b;border-color:var(--hw-accent);font-weight:650}.hw-actions button:hover{border-color:var(--hw-accent)}.hw-actions button:disabled,.hw-options button:disabled{opacity:.45;cursor:not-allowed}.hw-navigation{justify-content:space-between}.hw-note{font-size:14px;color:var(--hw-muted);max-width:70ch}.hw-status{min-height:1.5em;font-size:14px;color:var(--hw-accent)}.hw-result h2{font-size:44px}.hw-result>p{max-width:70ch}.hw-phrase{font-size:21px;color:var(--hw-accent)}.hw-specimen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:30px 0}.hw-specimen>div{min-width:0;text-align:center;background:#eaf0df;color:#17362c;padding:14px 8px;overflow:hidden}.hw-specimen svg{height:90px;width:90px;display:block;margin:auto}.hw-specimen .hw-sample{font-size:24px;min-height:90px}.hw-specimen small{display:block;font-size:12px;line-height:1.4;margin-top:10px}.hw-shell details{padding:18px 0;border-bottom:1px solid var(--hw-line)}.hw-shell summary{cursor:pointer;font-weight:600;min-height:28px}.hw-shell details p{color:var(--hw-muted);max-width:70ch}.hw-content{border-top:1px solid var(--hw-line);padding:36px 0;max-width:780px}.hw-content h2{font-size:24px;line-height:1.3;margin:0 0 16px}.hw-content p,.hw-content li{color:var(--hw-muted)}.hw-content section{margin:36px 0}.hw-footer{max-width:1060px;border-top:1px solid var(--hw-line);margin:24px auto 0;padding:24px 0;display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:var(--hw-muted)}.hw-shell :focus-visible{outline:3px solid var(--hw-accent);outline-offset:5px}.hw-options button:focus-visible{outline-color:#fff}.hw-shell h2:focus{outline:none}.hw-standalone{--hw-bg:#15201c;--hw-accent:#e0c488}.hw-consent{padding:14px 0;font-size:14px;color:var(--hw-muted);border-top:1px solid var(--hw-line)}.hw-consent button{background:transparent;color:inherit;border:1px solid var(--hw-line);padding:8px 14px;margin:8px 8px 8px 0;cursor:pointer}@media(max-width:600px){.hw-shell{padding:0 16px 24px}.hw-header{min-height:68px;gap:15px}.hw-intro{padding:30px 0 10px}.hw-intro h1{font-size:30px}.hw-quiz h2{font-size:24px}.hw-options{gap:9px}.hw-options button{min-height:198px;padding:30px 6px 14px;font-size:13px;line-height:1.4}.hw-options svg{width:85px;height:95px}.hw-sample{font-size:25px;min-height:109px}.hw-specimen{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-result h2{font-size:36px}.hw-actions button{padding:12px 16px}.hw-brand{font-size:13px}.hw-header>a:last-child{font-size:12px}.hw-content{padding:28px 0}.hw-facts{gap:8px 18px}.hw-intro p{font-size:16px}}@media(prefers-reduced-motion:reduce){.hw-shell *{transition:none!important;scroll-behavior:auto!important}}.hw-specimen{grid-template-columns:repeat(6,minmax(0,1fr))}.hw-dimensions{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--hw-line);border-bottom:1px solid var(--hw-line);padding:20px 0;margin:28px 0}.hw-dimensions>div{display:flex;flex:1;min-width:180px;flex-direction:column;gap:4px}.hw-dimensions span{font-size:13px;color:var(--hw-muted)}.hw-dimensions strong{font-size:20px;color:var(--hw-accent)}.hw-reading{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.hw-reading h3{font-size:18px;margin:12px 0 8px}.hw-reading p{color:var(--hw-muted);margin:0 0 18px}.hw-advanced{padding:28px;border:1px solid var(--hw-line);margin:0 0 36px;max-width:780px}.hw-advanced h2{font-size:24px;line-height:1.35}.hw-advanced p{color:var(--hw-muted);max-width:65ch}@media(max-width:600px){.hw-specimen{grid-template-columns:repeat(3,minmax(0,1fr))}.hw-specimen svg{width:70px;height:75px}.hw-reading{grid-template-columns:1fr}.hw-advanced{padding:20px}.hw-result>.hw-actions .hw-primary{width:100%}}.hw-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hw-options button{min-height:205px}.hw-options svg{width:115px;height:115px}.hw-options button:disabled{opacity:1}.hw-options .hw-selected svg{animation:hw-ink .3s ease-out}.hw-skip{display:block;margin:20px auto 0;background:none;color:var(--hw-muted);border:0;border-bottom:1px solid var(--hw-line);padding:12px;cursor:pointer;font-size:14px!important}.hw-progress label{display:flex;gap:8px;align-items:center}.hw-progress input{accent-color:var(--hw-accent);width:17px;height:17px}.hw-collection{display:flex;gap:7px;overflow-x:auto;padding:18px 2px;border-top:1px solid var(--hw-line)}.hw-collection button{flex:0 0 43px;height:54px;border:1px solid var(--hw-line);background:transparent;color:var(--hw-accent);border-radius:3px;cursor:pointer}.hw-collection svg{width:100%;height:100%}.hw-collection button:disabled{color:#728478;border-color:#273e30;cursor:default}.hw-unmatched{display:grid;place-items:center;min-height:100px;font:46px Georgia,serif;color:currentColor}.hw-collection .hw-unmatched{min-height:0;font-size:24px}.hw-poster{display:block;width:100%;max-width:690px;height:auto;margin:30px auto 36px;border:1px solid var(--hw-line);border-radius:3px}.hw-result .hw-kicker,.hw-result .hw-phrase{color:var(--hw-result-accent)}.hw-result .hw-primary{background:var(--hw-result-accent);border-color:var(--hw-result-accent)}.hw-format{display:flex;gap:4px;width:fit-content;padding:4px;border:1px solid var(--hw-line);border-radius:5px;margin-top:24px}.hw-format button{background:transparent;color:var(--hw-muted);border:0;border-radius:3px;padding:9px 16px;cursor:pointer}.hw-format button[aria-pressed=true]{background:#29412f;color:#f2f4e8}.hw-invitation{border-left:3px solid var(--hw-result-accent);padding:6px 24px;margin:24px 0}.hw-invitation button{border:0;padding:14px 22px;border-radius:3px;color:#122219;font-weight:650;cursor:pointer}.hw-link-label{display:block;margin-top:26px;color:var(--hw-muted);font-size:14px}.hw-link-label input{display:block;width:100%;margin-top:8px;background:#091611;border:1px solid var(--hw-line);color:var(--hw-ink);padding:13px;font:14px monospace}.hw-comparison{margin:34px 0;padding:28px 0;border-top:1px solid var(--hw-line)}.hw-comparison h3{font-size:30px;margin:12px 0}.hw-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hw-compare-grid>div{padding:12px;border:1px solid var(--hw-line)}.hw-compare-grid>div>span{font:13px monospace;color:var(--hw-result-accent)}.hw-compare-grid>div>div{display:flex;gap:12px}.hw-compare-grid figure{flex:1;min-width:0;margin:12px 0 0}.hw-compare-grid svg{width:100%;height:80px}.hw-compare-grid figcaption{font-size:12px;color:var(--hw-muted);text-align:center}.hw-navigation .hw-note{align-self:center;margin:0}@keyframes hw-ink{0%{opacity:.4;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.hw-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hw-options button{min-height:192px;font-size:14px}.hw-options svg{width:105px;height:105px}.hw-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hw-format{width:100%}.hw-format button{flex:1}.hw-result>.hw-actions{display:grid;grid-template-columns:1fr 1fr}.hw-result>.hw-actions .hw-primary{grid-column:1/-1}.hw-collection button{flex-basis:40px}.hw-comparison h3{font-size:25px}}.hw-main:has(.hw-quiz[data-started=true])>.hw-intro{display:none}.hw-moment{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--hw-line);border-bottom:1px solid var(--hw-line);padding:24px 0;margin:22px 0}.hw-moment h3{color:var(--hw-result-accent);font:800 42px/1.1 system-ui,sans-serif;margin:0 0 12px;letter-spacing:-.025em}.hw-moment p{max-width:52ch;margin:10px 0}.hw-moment figure{margin:0;flex:0 0 160px;text-align:center;color:var(--hw-result-accent)}.hw-moment svg{width:160px;height:160px}.hw-moment figcaption{font-size:12px;color:var(--hw-muted)}@media(max-width:600px){.hw-moment{gap:14px;align-items:flex-start}.hw-moment h3{font-size:30px}.hw-moment figure{flex-basis:92px}.hw-moment svg{width:92px;height:110px}}.hw-personality-line{font-size:21px;line-height:1.5;color:var(--hw-result-accent);max-width:55ch;margin:18px 0 24px}.hw-signature-detail{display:flex;align-items:center;gap:24px;padding:18px 0;border-top:1px solid var(--hw-line);border-bottom:1px solid var(--hw-line)}.hw-signature-detail figure{flex:0 0 115px;margin:0;color:var(--hw-result-accent);text-align:center}.hw-signature-detail svg{width:110px;height:110px}.hw-signature-detail figcaption{font-size:12px;color:var(--hw-muted)}.hw-signature-detail p{margin:8px 0;max-width:60ch}.hw-signature-detail .hw-kicker{font-size:12px}.hw-compare-copy{background:transparent;color:var(--hw-result-accent);border:1px solid var(--hw-line);padding:12px 18px;border-radius:3px;cursor:pointer;margin:0 0 24px}.hw-compare-copy:hover{border-color:var(--hw-result-accent)}.hw-main>.hw-intro{padding-top:30px;padding-bottom:4px}.hw-intro h1{margin-bottom:12px}@media(max-width:600px){.hw-signature-detail{gap:16px}.hw-signature-detail figure{flex-basis:85px}.hw-signature-detail svg{width:85px;height:90px}.hw-personality-line{font-size:19px}.hw-compare-copy{width:100%}.hw-intro h1{font-size:28px}}.hw-compare-copy:disabled{opacity:.45;cursor:default}.pp-brand{display:flex;align-items:center;gap:12px}.pp-mark{position:relative;font:700 25px/1 Georgia,serif;border:1px solid #e0c488;border-radius:9px;padding:3px 8px 8px;color:#e0c488}.pp-mark span{font-size:19px;margin-left:-3px}.hw-standalone .hw-intro h1{font-size:38px}@media(max-width:600px){.pp-brand{font-size:12px;gap:8px}.pp-mark{font-size:21px}.hw-standalone .hw-intro h1{font-size:30px}}