:root{--paper:#faf7f2;--ink:#302a2f;--muted:#6e626b;--plum:#643552;--border:#e6dbdf;--accent:#b65531;--active:#643552;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0}button,a,audio{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,audio:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}a{color:inherit}button svg{display:block}button:disabled{cursor:wait;opacity:.7}
.site-header{max-width:1260px;margin:auto;padding:28px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{font-family:Georgia,'Times New Roman',serif;text-decoration:none;font-size:29px;letter-spacing:-.6px}.wordmark em{color:var(--plum)}.header-note{color:var(--muted);font-size:13px}main{max-width:1260px;margin:auto;padding:32px 42px 34px}.intro{text-align:center;margin-bottom:17px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--plum);margin:0 0 10px;font-weight:bold}h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:clamp(35px,4vw,51px);letter-spacing:-1.5px;line-height:1.08;margin:0 0 13px}h1 em{color:var(--plum)}.intro>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.5}.experience{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:48px;align-items:center}.wheel-section{min-width:0}.wheel{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:1}.wheel>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wheel-segment{cursor:pointer;fill:var(--segment);transition:fill .22s,filter .22s}.wheel-segment.selected{fill:var(--active)}.wheel-segment.hovered{filter:brightness(.96)}.emotion-button{position:absolute;transform:translate(-50%,-50%);width:auto;min-height:46px;font-size:14px;font-weight:bold;border:0;background:transparent;border-radius:7px;padding:8px 2px;color:#42383f;line-height:1.25}.emotion-button.selected{color:white}.emotion-button:focus-visible{outline-offset:0}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:37%;text-align:center;display:flex;flex-direction:column;align-items:center}.center-caption{font-size:12px;color:var(--muted);margin-bottom:9px}.wheel-center strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3.1vw,41px);font-weight:normal;letter-spacing:-.7px;line-height:1.1}.center-play{display:grid;place-items:center;width:54px;height:54px;margin-top:18px;border:1px solid var(--border);border-radius:50%;background:var(--paper);color:var(--active);transition:background .2s,color .2s}.center-play:hover{background:var(--active);color:white}.center-play svg{width:22px;height:22px;fill:currentColor}.wheel-tip{text-align:center;font-size:13px;color:var(--muted);margin:0}.listening-panel{padding:21px 0;min-width:0}.choice-group{border:0;padding:0;margin:0 0 20px;min-width:0}.choice-group legend{color:var(--muted);font-size:13px;padding:0;margin-bottom:8px}.segmented{display:flex;padding:4px;border:1px solid var(--border);border-radius:8px;background:#fffdfa;width:100%}.segmented button{flex:1;border:0;border-radius:5px;padding:12px 6px;font-size:14px;background:transparent;color:var(--muted);line-height:1.2}.segmented button.active{background:var(--plum);color:white}.take{margin-top:31px;border-top:1px solid var(--border);padding-top:19px}.take-heading{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:1px}.take h2{font-family:Georgia,'Times New Roman',serif;font-size:49px;font-weight:normal;letter-spacing:-1px;line-height:1.2;margin:14px 0 18px;color:var(--active)}blockquote{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.45;margin:0 0 25px;min-height:104px;letter-spacing:-.25px}blockquote:before{content:'“'}blockquote:after{content:'”'}audio{width:100%;height:43px}.player-status{font-size:12px;color:var(--muted);line-height:1.5;min-height:18px;margin:12px 0 0}.player-status.error{color:#9d2c25}.mode-note{font-size:14px;color:var(--muted);line-height:1.6;margin:18px 0 0;padding-top:15px;border-top:1px solid var(--border)}footer{max-width:1176px;margin:auto;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;padding:19px 0 28px;font-size:12px;line-height:1.5;color:var(--muted)}.no-script{color:#9d2c25;text-align:center;padding:20px}
@media(max-width:1000px){.experience{gap:25px;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr)}main{padding:30px}.site-header{padding:23px 30px}.emotion-button{font-size:13px}.wheel-center strong{font-size:32px}.take h2{font-size:42px}blockquote{font-size:23px}footer{margin:0 30px}}
@media(max-width:760px){.site-header{padding:21px 22px}.wordmark{font-size:25px}.header-note{font-size:12px;max-width:100px;text-align:right;line-height:1.4}main{padding:27px 18px 30px}.intro{margin-bottom:15px}.intro .eyebrow{font-size:12px}.intro h1{font-size:40px}.intro>p:last-child{font-size:14px}.experience{grid-template-columns:1fr;gap:6px}.wheel{max-width:470px}.emotion-button{font-size:14px;padding:7px 2px;min-height:38px}.wheel-center strong{font-size:34px}.center-caption{font-size:12px;margin-bottom:7px}.center-play{width:43px;height:43px;margin-top:12px}.wheel-tip{font-size:12px;margin:1px 0 7px}.listening-panel{max-width:470px;margin:auto;width:100%;padding:17px 7px 0}.choice-group{margin-bottom:16px}.choice-group legend{font-size:12px}.segmented button{padding:12px 6px}.take{margin-top:21px;padding-top:15px}.take h2{font-size:40px;margin:13px 0 12px}blockquote{font-size:24px;min-height:70px;margin-bottom:21px}.mode-note{font-size:13px}.player-status{font-size:12px}footer{margin:0 25px;flex-direction:column;gap:4px;padding:18px 0 24px}}
@media(max-width:390px){.emotion-button{font-size:12px}.wheel-center strong{font-size:28px}.center-caption{font-size:12px}.intro h1{font-size:36px}.take h2{font-size:38px}blockquote{font-size:23px}.segmented button{font-size:13px}}
@media(min-width:1700px){main{padding-top:43px}.intro{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}