@font-face{font-family:Noto;src:url('assets/fonts/NotoSansSC.subset.woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Barlow;src:url('assets/fonts/BarlowCondensed-SemiBold.ttf');font-weight:600;font-display:swap}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 20% 15%,#4c291f70,transparent 60%),#11100e;color:#eee7db;font-family:Noto,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{padding:20px 4%;display:flex;justify-content:space-between;gap:15px;font-size:11px;border-bottom:1px solid #674731}header small{font-size:10px;color:#c5ab92}main{max-width:1360px;margin:30px auto;padding:0 4%}.cover{min-height:600px;background:#ff6916;color:#18120e;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:40px 50px 65px;border-left:18px solid #ba4418;position:relative;box-shadow:7px 7px 0 #e8dfd1,12px 12px 0 #393028;transform:rotate(-.5deg)}.label{font-size:11px;letter-spacing:.14em}.cover-copy>p{font:600 30px 'Songti SC',serif;margin:30px 0 10px}h1{font:600 43px 'Songti SC',serif;margin:0}.cover-copy>strong{font:600 165px/1 Barlow;letter-spacing:-.065em;display:block;margin:15px 0}.cover-copy>span:last-of-type{font-size:13px;display:block}.cover-copy button{display:flex;justify-content:space-between;width:270px;border:2px solid #17120f;padding:16px 22px;margin-top:30px;background:#17120f;color:#fff;font-size:16px;box-shadow:5px 5px 0 #fa3e8a}.portrait{align-self:center;background:#eee7db;padding:12px 12px 18px;transform:rotate(5deg);box-shadow:9px 10px 0 #ec3c83}.portrait img{width:100%;display:block}.portrait span{display:block;margin-top:15px;font-size:12px}.cover-spine{position:absolute;bottom:20px;left:50px;right:40px;border-top:1px solid #853a22;padding-top:12px;font-size:11px}.book{background:#ece8df;color:#201c19;box-shadow:6px 6px 0 #b8b1a3,12px 12px 0 #51473d}.book-bar,.book-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 22px;background:#24201c;color:#ede5d7;font-size:10px}.book-bar button{background:none;border:1px solid #927456;color:#eee7db;padding:8px 12px;font-size:11px}.spread{display:grid;grid-template-columns:32% 68%;min-height:620px}.contents{background:#f0a773;padding:32px;position:relative;border-right:1px solid #8a766155;box-shadow:inset -15px 0 20px -20px #4d2e23}.contents h2{font:600 36px/1.25 'Songti SC',serif;margin:25px 0 18px}.contents>p{font-size:13px;line-height:1.9}.chapter{display:block;text-align:left;width:100%;border:0;border-top:1px solid #715344;background:none;padding:20px 5px;font-size:18px;margin:0}.chapter span{font:600 23px Barlow;margin-right:20px}.chapter small{display:block;font-size:11px;margin:10px 0 0 40px}.chapter[aria-pressed=true]{background:#21201c;color:#f0a773;padding-left:15px}.directory-note{font-size:10px;line-height:1.9;margin-top:30px;color:#5d3f2c}.folio{border-top:1px solid #715344;padding-top:20px;margin-top:35px;font:600 40px Barlow}.folio span{font:10px Noto;margin-left:15px}.right-page{position:relative;padding:28px 32px 30px;background:linear-gradient(90deg,#cfc7b8 0,#f4f1ea 15px,#f4f1ea 100%)}#tabs{display:flex;gap:4px;border-bottom:2px solid #29221c;padding-bottom:0}#tabs button{background:#ddd6cc;border:0;padding:13px 17px;font-size:12px;position:relative;border-radius:7px 7px 0 0}#tabs button[aria-pressed=true]{background:#30cbee;box-shadow:0 3px 0 #30cbee}#tabs button:nth-child(2)[aria-pressed=true]{background:#f38cbd;box-shadow:0 3px 0 #f38cbd}.page-heading{padding:20px 0 15px}.page-heading>span{font-size:10px;color:#6b5e50}.page-heading h2{font:600 30px 'Songti SC',serif;margin:8px 0}.page-heading p{font-size:11px;line-height:1.7}.skill-row{border-top:1px solid #c4bdae;padding:13px 0;font-size:13px}.skill-row summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.skill-row p{font-size:12px;line-height:1.8;color:#5c5045}.skill-row small{font-size:10px;color:#6b5e50}.card-entry{display:flex;width:100%;text-align:left;justify-content:space-between;align-items:center;padding:18px;background:#30cbee;border:2px solid #201c19;box-shadow:4px 4px 0 #201c19;margin:12px 0 18px}.card-entry b{font-size:18px;display:block}.card-entry small{display:block;font-size:11px;margin-top:6px}.card-entry>span:last-child{font-size:26px}#insert{background:#fffdf7;border:1px solid #b1a999;padding:22px;margin:22px 0 4px;box-shadow:7px 8px 0 #30cbee;animation:unfold .25s ease-out;transform-origin:top left}#return-card{background:none;border:0;border-bottom:1px solid;padding:8px 0;font-size:12px;margin-bottom:22px}.insert-top h2{font:600 31px 'Songti SC',serif;margin:10px 0}.insert-top p{font-size:12px;line-height:1.8}figure{margin:20px 0}figure img{width:100%;display:block}figcaption{font-size:10px;margin-top:8px}.method{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid;padding-top:18px}.method b{font-size:13px}.method p{font-size:12px;line-height:1.8}.source{background:#20201b;color:#fff;display:flex;justify-content:space-between;gap:12px;padding:15px;font-size:12px}.source span{font-size:10px}.boundary{font-size:10px;line-height:1.8;color:#706458;margin-top:18px}#break-page{text-align:center;padding:20px}#break-page h2{font:600 37px 'Songti SC',serif;margin:20px 0}#break-page>p{font-size:13px}#cup-button{display:block;width:230px;border:0;background:none;margin:20px auto;color:#2a211a}#cup-button svg{width:100%;height:270px;overflow:visible}#cup-button>span{display:block;background:#ff6916;padding:13px;font-size:13px}#cup-button:disabled{cursor:default;opacity:1}.liquid{transform:scaleY(0);transform-origin:100px 232px;transition:transform 1.5s cubic-bezier(.25,.1,.25,1)}.ice{transform:translateY(0);transition:transform 1.5s ease}.filling .liquid,.full .liquid{transform:scaleY(1)}.filling .ice,.full .ice{transform:translateY(-75px)}#coffee-status{min-height:24px}#empty-cup{border:0;border-bottom:1px solid;background:none;padding:8px;font-size:12px}:focus-visible{outline:3px solid #b0296b;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.95)}summary::-webkit-details-marker{display:none}@keyframes unfold{from{opacity:0;transform:translateY(12px) rotate(-1deg)}to{opacity:1;transform:none}}@media(max-width:700px){header{font-size:9px}header small{display:none}main{margin:20px auto}.cover{padding:25px 22px 65px;grid-template-columns:1fr;gap:25px;border-left-width:9px}.cover-copy>p{font-size:25px}h1{font-size:31px}.cover-copy>strong{font-size:130px}.cover-copy>span:last-of-type{font-size:11px}.cover-copy button{width:100%;font-size:14px}.portrait{width:190px;justify-self:end;margin-right:15px}.cover-spine{left:22px;font-size:10px}.book-bar{padding:12px;flex-wrap:wrap}.book-bar>span:last-child{display:none}.spread{grid-template-columns:1fr}.contents{padding:20px}.contents h2{font-size:27px;margin:10px 0}.contents h2 br{display:none}.contents>p,.directory-note,.folio{display:none}.chapter{display:inline-block;width:49%;vertical-align:top;padding:12px 5px;font-size:14px;border:0}.chapter small{margin:8px 0 0;font-size:9px}.chapter span{margin-right:8px;font-size:19px}.right-page{padding:20px 15px}#tabs{gap:3px}#tabs button{padding:12px 10px;font-size:11px}.book-bottom{font-size:9px;padding:12px}.book-bottom>span:first-child{max-width:65%}#insert{padding:15px;margin-top:20px}.method{grid-template-columns:1fr;gap:8px}.source{flex-wrap:wrap}.insert-top h2{font-size:27px}#break-page{padding:10px}#break-page h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}