:root{font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:#443b35;background:#f3eee2;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #809b92;outline-offset:4px}header{max-width:1220px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#736b61}header>a{font-weight:600}main{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.12fr 1fr;column-gap:70px;padding:0 30px 50px}.portrait{min-width:0;position:relative;min-height:560px;background:radial-gradient(ellipse at 50% 53%,#fff7dc 0%,#e3e6d866 42%,transparent 69%);border-bottom:1px solid #756a5126}.portrait-caption{position:absolute;top:28px;left:0;right:0;text-align:center;pointer-events:none}.portrait-caption p{margin:0;font-size:12px;color:#837765;letter-spacing:.08em}.portrait-caption h1{font-size:38px;line-height:1.3;margin:6px 0 8px;letter-spacing:.07em}.portrait-caption #basis{font-size:11px;letter-spacing:0;color:#8b8174}#preview{position:absolute;inset:105px 0 70px;touch-action:pan-y}#preview canvas{display:block;width:100%;height:100%}.rotate-hint{position:absolute;bottom:45px;left:0;right:0;text-align:center;font-size:11px;color:#958a78;pointer-events:none}.turns{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:24px;font-size:12px;font-variant-numeric:tabular-nums;color:#7d7364}.turns button{width:44px;height:44px;border:0;background:transparent;font-size:22px}.details{align-self:center;padding:48px 0 25px;min-width:0}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8c826f;margin:0 0 18px}.details>p:not(.eyebrow){font-size:15px;line-height:1.95;margin:0 0 26px}.details h2{font-size:12px;font-weight:500;color:#8a7d6b;margin:25px 0 9px}blockquote{font-size:22px;line-height:1.75;font-weight:500;margin:0 0 20px}.listen{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#596e5d;border:0;border-radius:40px;color:#fffcf0;padding:14px 20px;font-size:14px;min-width:200px}.listen[aria-pressed=true]{background:#7f795b}.details>.status{font-size:11px!important;color:#857b6c;min-height:18px;margin:9px 0 15px!important}details{border-top:1px solid #756a5126;border-bottom:1px solid #756a5126;padding:15px 0;color:#786e62;font-size:12px;line-height:1.9}summary{cursor:pointer}details p{margin:12px 0 0}.story-links{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;margin-top:22px}.friends{grid-column:1/-1;padding-top:36px}.friends-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.friends-heading h2{font-size:18px;font-weight:500;margin:0}.friends-heading input{background:transparent;border:0;border-bottom:1px solid #aaa18e;padding:9px 0;width:180px;border-radius:0;color:inherit;font-size:13px}.characters{display:flex;flex-wrap:wrap;gap:9px}.characters button{background:#f9f6ee;border:1px solid #d8d1c0;border-radius:24px;padding:10px 16px;font-size:13px;min-height:42px}.characters button[aria-pressed=true]{background:#e0e7d6;border-color:#9aac8c;color:#40523a}.note{font-size:11px;color:#8a8174;line-height:1.8;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px 20px 8px;font-size:11px}main{display:block;padding:0 24px 30px}.portrait{min-height:440px}.portrait-caption{top:20px}.portrait-caption h1{font-size:30px}#preview{inset:100px 0 60px}.rotate-hint{bottom:39px}.details{padding:28px 0 0}.details>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.eyebrow{margin-bottom:12px}blockquote{font-size:20px}.friends{padding-top:34px}.friends-heading h2{font-size:16px}.friends-heading input{width:145px}.characters{gap:8px}.characters button{padding:9px 13px;font-size:12px}.story-links{justify-content:space-between;gap:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}