:root{color-scheme:light;--ink:#1c1c1c;--muted:#777;--line:#ebebeb;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong",serif}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,.card-stack:focus-visible{outline:2px solid #9a6a19;outline-offset:5px}button:active,.download-button:active{transform:scale(.96)}h1,h2,p{margin:0}.page-width{width:min(1320px,calc(100% - 96px));margin-inline:auto}.site-header{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.brand{font-family:var(--serif);font-size:29px;font-weight:900;display:inline-flex;align-items:center;gap:8px}.brand-dot{height:6px;width:6px;border-radius:50%;background:#f3bd4a;align-self:flex-end;margin-bottom:7px}.contact-link{font-size:13px;color:#555}.contact-link:hover,.site-footer a:hover{color:#111;text-decoration:underline;text-underline-offset:4px}.hero{flex:1;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center;padding:20px 38px 32px}.hero-copy{padding-bottom:12px}h1{font-family:var(--serif);font-weight:900;font-size:clamp(35px,3.85vw,57px);line-height:1.45;letter-spacing:-1.8px;text-wrap:balance}.hero-description{max-width:450px;font-size:17px;line-height:1.95;color:#737373;margin-top:28px}.download-button{display:inline-flex;align-items:center;gap:40px;background:#1c1c1c;color:white;padding:15px 23px;border-radius:7px;font-size:15px;margin-top:34px;transition:background .15s,transform .15s}.download-button:hover{background:#363636}.platform-note{font-size:11px;color:#929292;margin-top:13px}.album{width:min(100%,380px);justify-self:center;min-width:0}.album-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 17px}.album-header h2{font-size:15px;font-weight:600;line-height:32px}.card-stack{position:relative;height:clamp(280px,calc(100svh - 360px),480px);isolation:isolate;touch-action:pan-y;perspective:1000px}.album-card{position:absolute;inset:0;background:#fff;display:flex;flex-direction:column;border-radius:19px;overflow:hidden;box-shadow:0 2px 5px #00000006,0 12px 35px #0000000d,0 0 0 1px #00000006;transform-origin:center bottom;transition:transform .5s cubic-bezier(.22,.68,0,1),opacity .5s ease;backface-visibility:hidden}.album-card[data-position="0"]{z-index:3;transform:translateY(0) scale(1);opacity:1}.album-card[data-position="1"]{z-index:2;transform:translateY(12px) scale(.94);opacity:1}.album-card[data-position="2"]{z-index:1;transform:translateY(23px) scale(.88);opacity:.65}.album-card.is-leaving{z-index:4;transform:translateX(var(--exit,70px)) rotate(var(--tilt,8deg)) rotateY(-12deg);opacity:0;pointer-events:none}.album-card.no-transition{transition:none}.album-card img{display:block;width:100%;height:56%;object-fit:cover;flex-shrink:0;user-select:none}.album-card:nth-child(1) img{object-position:center 48%}.album-card:nth-child(2) img{object-position:center 72%}.album-card:nth-child(3) img{object-position:center 68%;width:105.2%;max-width:none;margin-left:-2.6%}.sentence{padding:22px 24px 12px;flex:1;min-height:0;overflow-y:auto}.sentence>p[lang]{font-family:"Avenir Next",var(--sans);font-size:25px;line-height:1.4;font-weight:600;letter-spacing:-.45px}.translation{font-size:14px;line-height:1.6;color:#777;margin-top:10px}.translate-button{display:flex;align-items:center;gap:7px;background:none;padding:8px 0;min-height:38px;font-size:12px;color:#888;margin-top:5px}.translate-button:hover{color:#111}.album-controls{display:flex;align-items:center;justify-content:space-between;margin-top:36px;gap:16px}.feedback{min-height:40px;min-width:88px;border-radius:24px;padding:10px 18px;font-size:12px;transition:background .15s,transform .15s}.again{background:#f4f4f4}.again:hover{background:#eaeaea}.familiar{background:#ffda77}.familiar:hover{background:#ffcd54}.pagination{display:flex;align-items:center;gap:1px}.pagination button{position:relative;width:25px;height:32px;background:none;padding:0}.pagination button:after{content:"";display:block;margin:auto;width:5px;height:5px;border-radius:50%;background:#d5d5d5;transition:background .2s}.pagination button[aria-current="true"]:after{background:#333}.album-note{font-size:10px;color:#999;text-align:center;margin-top:12px}.site-footer{min-height:66px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#999;font-size:10px;line-height:1.6}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;left:10px;z-index:10;background:#111;color:#fff;padding:10px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hero{gap:140px}.album{width:410px}}
@media(max-width:1050px){.page-width{width:calc(100% - 56px)}.hero{padding-inline:0;gap:32px;grid-template-columns:1.2fr 1fr}h1{font-size:clamp(31px,3.85vw,42px);letter-spacing:-1.3px}.hero-description{font-size:15px}.sentence{padding:18px}.sentence>p[lang]{font-size:23px}.site-footer nav{gap:14px}}
@media(max-width:700px){.page-width{width:calc(100% - 40px)}.site-header{height:54px}.brand{font-size:23px}.contact-link{font-size:11px}.hero{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:8px 0 20px;flex:1}.hero-copy{width:100%;padding:0}h1{font-size:clamp(27px,6.8vw,38px);line-height:1.35;letter-spacing:-1px}h1 br{display:none}.hero-description{font-size:12px;line-height:1.8;margin-top:12px;max-width:440px}.download-button{font-size:12px;min-height:39px;margin-top:15px;padding:10px 17px;gap:24px}.platform-note{display:inline;margin-left:10px;font-size:10px}.album{width:min(100%,315px)}.album-header{padding-bottom:8px}.album-header h2{font-size:13px}.card-stack{height:clamp(245px,34svh,310px)}.album-card{border-radius:15px}.album-card img{height:53%}.sentence{padding:13px 18px 8px}.sentence>p[lang]{font-size:19px;line-height:1.3}.translate-button{font-size:11px;min-height:30px;padding:4px 0;margin-top:4px}.translation{font-size:12px;margin-top:5px}.album-controls{margin-top:27px}.feedback{min-height:34px;min-width:77px;font-size:11px;padding:8px 14px}.album-note{margin-top:8px;font-size:9px}.site-footer{padding-block:12px;min-height:62px;flex-direction:column;justify-content:center;gap:4px;font-size:9px}.site-footer nav{gap:15px}}
@media(max-width:700px) and (max-height:740px){.hero{gap:12px;padding-bottom:14px}.hero-description{margin-top:9px}.download-button{margin-top:10px}.card-stack{height:252px}.album-card img{height:50%}.sentence>p[lang]{font-size:18px}.album-note{display:none}.album-controls{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.album-card.is-leaving{transform:none}button:active,.download-button:active{transform:none}}

@media(max-width:700px){.album-card:nth-child(1) img{object-position:center 38%}}