:root{--paper:#efe5cc;--ink:#201b14;--rust:#c95631;--olive:#58672f;--line:rgba(32,27,20,.18)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{height:70px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:24px;font-size:12px}.logo{font:italic 700 24px Georgia,serif}.login{font:10px Georgia,serif;letter-spacing:.12em;opacity:.6;border-left:1px solid var(--line);padding-left:18px}.hero,.records{padding:8vw 7vw}.hero h1,.records>h1,.login-card h1{font:400 clamp(52px,7vw,105px)/.95 Georgia,"Songti SC",serif;letter-spacing:-.05em;margin:35px 0}.hero h1 em,.records>h1 em,.login-card h1 em{color:var(--rust);font-weight:400}.kicker{font-size:10px;letter-spacing:.2em;font-weight:700}.intro{max-width:430px;margin-left:auto;line-height:1.9;font-size:14px}.library{padding:6vw 7vw 10vw}.rule{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:10px;letter-spacing:.14em}.book{display:grid;grid-template-columns:minmax(210px,300px) 1fr;gap:7vw;align-items:center;margin-top:55px}.cover{aspect-ratio:.72;background:var(--rust);color:#fff4dc;padding:28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:10px 12px 0 var(--ink)}.cover b{font:600 42px/1 "Songti SC",serif}.book h2{font:400 clamp(32px,5vw,65px) Georgia,"Songti SC",serif;margin:15px 0}.book p{max-width:520px;line-height:1.8}.button,button{display:inline-block;border:1px solid var(--ink);background:transparent;padding:12px 18px;margin-top:18px;cursor:pointer}footer{padding:28px 6vw;background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;font-size:10px}.login-page{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:8vw}.login-card{width:min(520px,100%);border:1px solid var(--line);padding:45px}.login-card h1{font-size:50px}.login-card label{display:block;font-size:11px;letter-spacing:.12em;margin-top:25px}.login-card input,.add input,textarea{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:12px 2px;font:inherit}.login-card button{width:100%}.error{color:#a3281c;font-size:12px}.text-button{border:0;padding:0;margin:0;font-size:12px}.records{padding-top:6vw}.records>h1{font-size:clamp(50px,6vw,90px)}.columns{display:grid;grid-template-columns:1.5fr .7fr;gap:20px;margin:22px 0}.panel{border:1px solid var(--line);padding:30px;margin-bottom:22px;background:rgba(255,250,236,.32)}.accent{background:var(--rust);color:#fff4dc}.add{display:flex;gap:12px;margin:28px 0}.add button{margin:0}.task{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.task input{accent-color:var(--olive)}.task input:checked+span{text-decoration:line-through;opacity:.5}.accent strong{display:block;font:italic 80px Georgia,serif;margin:35px 0}.accent input{width:100%;accent-color:#e0b12e}textarea{min-height:120px;font:20px/1.7 Georgia,"Songti SC",serif;resize:vertical}.review{display:grid;grid-template-columns:.8fr 1.5fr auto;gap:30px;align-items:start}.review h2{font:400 30px Georgia,"Songti SC",serif}.review button{align-self:end}.muted{font-size:12px;opacity:.55}@media(max-width:700px){.hero,.records,.library{padding:14vw 5vw}.book,.columns,.review{grid-template-columns:1fr}.cover{max-width:250px}.intro{margin-left:0}footer{gap:12px;flex-wrap:wrap}.login-card{padding:28px}}