:root{--paper:#f6f4ee;--ink:#222b2d;--muted:#747b78;--blue:#3155bc;--line:#dcded7;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",STSong,"SimSun",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{background:none;border:0}button:focus-visible{outline-offset:2px}button svg{pointer-events:none}a,button{touch-action:manipulation}::selection{background:#dce4ff;color:var(--ink)}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.skip{position:fixed;top:-60px;left:20px;background:var(--blue);color:white;padding:10px 20px;z-index:100}.skip:focus{top:12px}.site-header{height:94px;width:min(1360px,calc(100% - 100px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font:600 23px var(--serif);letter-spacing:3px}.brand small{display:block;font:9px/1.9 var(--sans);letter-spacing:2px}.brand-symbol{font:27px var(--serif);color:var(--blue);border:1px solid var(--blue);width:40px;height:43px;display:grid;place-items:center;position:relative;letter-spacing:0}.brand-symbol>span{position:absolute;right:-7px;bottom:-9px;font-size:40px;background:var(--paper);line-height:.6}.site-header nav{display:flex;gap:33px;height:100%;align-items:center}.nav-link{color:#6b726f;position:relative;font-size:13px;letter-spacing:1px}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;left:50%;bottom:-13px;width:4px;height:4px;background:var(--blue);border-radius:50%}.header-action{font-size:12px;border:1px solid var(--line);padding:7px 13px;display:flex;gap:26px;align-items:center}.header-action span{font-size:23px;line-height:1}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:55px;padding-block:78px 64px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--blue);display:flex;align-items:center;gap:9px;font-weight:500}.tiny-line{height:1px;width:24px;background:var(--blue)}h1{font:500 clamp(50px,5vw,72px)/1.35 var(--serif);letter-spacing:4px;margin:24px 0 24px}.underlined{position:relative}.underlined:after{content:"";position:absolute;bottom:-4px;left:0;right:1px;height:7px;border-top:2px solid var(--blue);border-radius:50%;transform:rotate(-3deg)}.hero-copy>p{color:#6b7470;line-height:2.05;font-size:15px;margin-bottom:30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:45px;border:1px solid var(--line);padding:10px 20px;line-height:1.5;font-size:13px;background:transparent}.button:hover{border-color:var(--blue);color:var(--blue)}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#25449f}.button>span{font-size:18px}.text-link{font-size:12px}.text-link>span{margin-left:10px;color:var(--blue)}.hero-signature{display:flex;align-items:center;gap:8px;font-size:10px;color:#808781;letter-spacing:.5px;margin-top:43px}.signature-dot{width:5px;height:5px;background:#8c9b85;border-radius:50%}.hero-divider{padding-inline:5px;color:#b2b7af}.hero-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-top:18px}.art-top,.art-bottom{display:flex;justify-content:space-between;color:#8b928a;font-size:9px;letter-spacing:1px}.art-top{padding:0 14px}.art-top>span:last-child{font:23px Georgia;line-height:.5;color:var(--blue)}.curve-art{width:100%;display:block;overflow:visible}.art-bottom{padding:9px 13px 0;border-top:1px solid var(--line);letter-spacing:.5px}.art-note{position:absolute;bottom:56px;right:6px;transform:rotate(-5deg);background:#fffef9;box-shadow:0 7px 24px #30373f12;padding:18px 25px 14px 42px;border:1px solid #e7e7dc;font:15px var(--serif)}.art-note small{display:block;font:8px/2.5 var(--sans);letter-spacing:1.3px;color:#85897d}.note-pin{position:absolute;top:12px;left:15px;color:var(--blue);font-size:18px}.index-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;align-items:center}.strip-label{font-size:11px;color:var(--muted);letter-spacing:1px}.index-strip a{padding:0 25px;border-left:1px solid var(--line);font-size:13px;display:flex;align-items:center;gap:16px}.index-strip a>span{font:10px Georgia;color:var(--blue)}.index-strip a>b{font-weight:400;margin-left:auto;color:#92998f}.index-strip a:hover{color:var(--blue)}.section{padding-block:74px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:15px}h2{font:500 31px/1.5 var(--serif);letter-spacing:1px;margin:9px 0 0}.section-aside{font-size:12px;color:var(--muted);padding-bottom:7px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{border:1px solid var(--line);padding:23px 25px 0;background:#faf9f4}.project-ai{background:#f2f2eb}.project-top{display:flex;justify-content:space-between;align-items:center}.status{font-size:10px;letter-spacing:.5px;color:#567366;display:flex;align-items:center;gap:6px}.status i{width:5px;height:5px;background:#6b8c76;border-radius:50%}.status.orange{color:#987e54}.status.orange i{background:#ab8e55}.project-number{font:9px var(--sans);letter-spacing:1px;color:#93988f}.project-body{display:flex;align-items:center;gap:26px;padding-block:25px 27px}.book-mini{flex:0 0 112px;height:157px;padding:12px 10px;position:relative;box-shadow:3px 3px 0 #cccfc8,inset 4px 0 5px #0001;display:flex;flex-direction:column}.math-cover{background:#304749;color:#f0efe5}.book-mini>small{font:6px/1.7 var(--sans);letter-spacing:.6px}.book-mini>span{font:14px/1.8 var(--serif)}.book-mini>i{font:7px var(--sans);opacity:.7;letter-spacing:1px}.cover-diagram{font:58px/1.2 Georgia;flex:1;align-self:center;font-style:italic;color:#acbdb4}.ai-cover{background:#dddfcf;color:#334342}.ai-diagram{position:relative;flex:1;align-self:center;width:68px;margin:6px 0;background:linear-gradient(38deg,transparent 49%,#86958c 50%,transparent 51%),linear-gradient(-38deg,transparent 49%,#86958c 50%,transparent 51%)}.ai-diagram:after{content:"";position:absolute;inset:15px 4px;border:1px solid #86958c;border-radius:50%}.ai-diagram>i{position:absolute;width:9px;height:9px;border:1px solid #65786e;background:#dddfcf;border-radius:50%;z-index:1}.ai-diagram>i:nth-child(1){left:0;top:9px}.ai-diagram>i:nth-child(2){right:0;top:9px}.ai-diagram>i:nth-child(3){left:29px;top:31px}.ai-diagram>i:nth-child(4){left:0;bottom:9px}.ai-diagram>i:nth-child(5){right:0;bottom:9px}.project-category{font-size:9px;letter-spacing:1px;color:var(--muted)}.project-copy h3{font:500 21px/1.5 var(--serif);margin:8px 0 10px;letter-spacing:.5px}.project-copy p{font-size:11px;line-height:1.9;color:#788078;margin:0 0 13px;max-width:270px}.project-meta{font-size:10px;color:#7c847a}.project-meta span{padding:0 6px}.project-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;font-size:10px;color:#7b8478;gap:10px}.project-foot b{font-weight:500;color:#4e5c55}.arrow-button{color:var(--blue);font-size:11px;padding:3px 0;white-space:nowrap}.arrow-button span{padding-left:8px}.snapshot-note{font-size:10px;color:#8b9086;text-align:right;margin-top:12px}.shelf-section{background:#eeefe7;padding-block:66px 28px;scroll-margin-top:20px}.shelf-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #d9ddd3;padding-bottom:16px}.tabs{display:flex;gap:9px;flex-wrap:wrap}.tab{padding:6px 11px;font-size:11px;color:#788075;border:1px solid transparent;white-space:nowrap}.tab.active{border-color:#c5cfbe;color:#344638;background:#e4e9dc}.tab:hover{color:var(--blue)}.tab span{font:9px Arial;margin-left:4px;opacity:.7}.search{display:flex;gap:9px;align-items:center;padding:7px 10px 7px 12px;background:#f8f8f1;border:1px solid #d8dfd1;min-width:240px}.search>span{font-size:21px;line-height:1}.search input{border:0;background:none;outline:none;font-size:11px;width:100%;min-width:0;color:var(--ink)}.search:focus-within{border-color:var(--blue)}kbd{border:1px solid #d5d9d0;color:#8d9588;font-size:10px;padding:0 5px;font-family:var(--sans)}.shelf-summary{display:flex;justify-content:space-between;padding:13px 0 22px;font-size:10px;color:#818b7d;min-height:51px}.subtle-button{padding:0;color:var(--blue);font-size:10px}.book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 24px}.book-card{min-width:0;position:relative}.book-card .cover-button{display:block;width:100%;padding:0;text-align:initial}.book-cover{aspect-ratio:.75;background:var(--cover-bg);color:var(--cover-fg);padding:18px 17px 12px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:3px 3px 0 #d0d4c8,inset 5px 0 6px #0000000d;border:1px solid #00000006;transition:transform .25s,box-shadow .25s}.cover-button:hover .book-cover{transform:translateY(-5px) rotate(-1deg);box-shadow:5px 9px 14px #4757471a}.book-cover:before{content:"";position:absolute;left:6px;top:0;bottom:0;border-left:1px solid #ffffff20}.cover-english{font:8px/1.6 Georgia;letter-spacing:1.2px;min-height:28px;position:relative;z-index:1}.cover-title{font:500 20px/1.6 var(--serif);letter-spacing:2px;margin-top:18px;position:relative;z-index:1;max-width:155px}.cover-art{height:95px;width:100%;flex:1;min-height:55px;margin:5px 0}.cover-art svg{width:100%;height:100%;max-height:110px;display:block}.cover-footer{font:7px var(--sans);letter-spacing:1.4px;border-top:1px solid currentColor;padding-top:9px;opacity:.6}.book-label{font-size:9px;letter-spacing:1px;color:#7d8978;margin:16px 0 5px}.book-card h3{font:500 13px/1.65 var(--serif);margin:0 24px 5px 0}.book-card h3 button{text-align:left;padding:0;font:inherit;line-height:inherit}.book-card h3 button:hover{color:var(--blue)}.book-desc{font-size:10px;color:#8b9383;margin:0 18px 0 0;line-height:1.7}.fav-button{position:absolute;right:-5px;bottom:24px;color:#748471;padding:4px;font-size:19px;line-height:1}.fav-button[aria-pressed=true]{color:var(--blue)}.shelf-bottom{margin-top:34px;padding-top:20px;border-top:1px solid #d7ddcf;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#85907f}.empty-state{text-align:center;padding:35px;color:var(--muted)}.empty-state>span{font:45px Georgia;color:#9ba89a}.empty-state h3{font:22px var(--serif);color:var(--ink)}.empty-state p{font-size:12px}.notes-section{display:grid;grid-template-columns:1fr 1.8fr;gap:75px}.notes-intro h2{font-size:35px;line-height:1.6;margin-top:17px}.notes-intro>p{font-size:12px;color:var(--muted);line-height:2;margin:18px 0 25px}.notes-intro .storage-hint{font-size:10px;color:#8b9085;line-height:1.8;margin-top:20px;margin-bottom:6px}.data-actions{display:flex;gap:4px;font-size:10px;color:#8b9085;align-items:center}.data-actions button{font-size:10px;color:var(--blue);padding:4px 2px}.notes-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;color:#838b7e;font-size:10px;letter-spacing:1px}.note-row{padding:22px 0;border-bottom:1px solid var(--line);position:relative}.note-kicker{display:flex;align-items:center;gap:9px;color:#8b9286;font-size:9px;letter-spacing:.5px}.note-kicker .note-type{border:1px solid #d6dccd;padding:0 5px;color:#718268}.note-row h3{font:500 18px/1.6 var(--serif);margin:8px 0 9px}.note-row .note-body{font-size:11px;color:#7b8475;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.note-source{font-size:9px;color:#969c90;margin-top:12px;padding-right:86px}.note-actions{position:absolute;bottom:19px;right:0;display:flex;gap:12px}.note-actions button{font-size:9px;color:var(--blue);padding:3px 0}.note-actions .delete-note{color:#9a8e83}.note-origin{margin-left:auto;font-size:9px;color:#8f988a}.notes-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:12px}.about{display:grid;grid-template-columns:150px 1fr 50px;gap:35px;align-items:center;padding:45px 0 57px;border-top:1px solid var(--line)}.about-symbol{font:120px/1 Georgia;color:#bdc7b2;text-align:center}.about h2{font-size:28px;margin:12px 0}.about p{font-size:11px;color:#8a9183;line-height:2;max-width:570px;margin:12px 0 0}.back-top{height:42px;width:42px;border:1px solid #cdd5c4;display:grid;place-items:center;font-size:19px;color:#6b8064}.back-top:hover{border-color:var(--blue);color:var(--blue)}footer{border-top:1px solid var(--line);padding-block:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8d9587;font-size:9px;letter-spacing:1px}.footer-brand{font:18px var(--serif);color:#4e5e48;display:flex;align-items:center;gap:12px}.footer-brand span{font:8px var(--sans);letter-spacing:1.5px}footer i{font-style:normal;padding-inline:8px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:35px;width:min(580px,calc(100% - 32px));max-height:88dvh;overflow:auto;box-shadow:0 20px 80px #18263f25}dialog::backdrop{background:#13201e80;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin-bottom:20px}dialog>p{font-size:13px;color:var(--muted)}.dialog-close{position:absolute;top:10px;right:14px;font:28px Georgia;z-index:3;color:#7b8577;padding:3px 7px;line-height:1.1}.dialog-close:hover{color:var(--blue)}.detail-dialog{width:min(760px,calc(100% - 32px))}.detail-header{display:flex;gap:30px;align-items:center;padding:12px 0 23px}.detail-cover{width:140px;flex:0 0 140px}.detail-cover .cover-title{font-size:18px;margin-top:13px}.detail-cover .cover-english{font-size:6px}.detail-header h2{font-size:27px;margin:10px 0 15px}.detail-header p{font-size:12px;color:var(--muted)}.detail-tags{font-size:10px;color:var(--blue);letter-spacing:1px}.detail-block{border-top:1px solid var(--line);padding:20px 0 0;margin-top:20px}.detail-block h3{font:19px var(--serif);margin:0 0 12px}.detail-block p,.detail-block li{font-size:12px;line-height:1.9;color:var(--muted)}.detail-block ul{padding-left:20px}.detail-block .source-note{font-size:10px;color:#989e91}.detail-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.detail-links{list-style:none;padding:0!important}.detail-links li{display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-links a{color:var(--blue);overflow-wrap:anywhere}.detail-links button{font-size:10px;color:#9b8576;white-space:nowrap}.link-form{display:grid;grid-template-columns:1fr 2fr auto;gap:7px;align-items:end}.link-form label{font-size:10px;color:var(--muted)}.link-form input{width:100%;border:1px solid #d3dbcb;background:#fbfcf5;padding:7px 8px;font-size:11px;color:var(--ink)}.link-form .button{font-size:11px;min-height:34px;padding:6px 13px}form>label,.form-row label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#75826d;margin-bottom:16px}form>label input,form>label textarea,.form-row select{width:100%;background:#fbfcf6;border:1px solid #d4dccb;color:var(--ink);padding:10px;font-size:13px;border-radius:0}textarea{resize:vertical;min-height:120px}.form-row{display:grid;grid-template-columns:1.4fr 1fr;gap:15px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.form-footer>span{color:#939c8a;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.button.danger{background:#86594e;color:#fff;border-color:#86594e}.muted{color:var(--muted);font-size:12px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);z-index:40;max-width:calc(100% - 35px);background:#283e34;color:#f5f5ed;padding:12px 22px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{padding-block:90px 80px}.hero-art{padding-inline:10px}.hero h1{font-size:76px}}
@media(max-width:1150px){.wrap,.site-header{width:calc(100% - 64px)}.hero{gap:35px;padding-block:55px}.site-header nav{gap:24px}.hero h1{font-size:59px}.hero-copy>p{font-size:13px}.project{padding:20px 20px 0}.project-body{gap:19px}.book-mini{flex-basis:100px;height:147px}.project-copy h3{font-size:18px}.project-foot{font-size:9px}.book-grid{gap:28px 20px}.book-cover{padding:15px 13px 12px}.cover-title{font-size:17px;margin-top:12px}.cover-english{font-size:7px}.shelf-toolbar{align-items:start;flex-direction:column;gap:12px}.search{width:100%}.search input{font-size:12px}.notes-section{gap:50px}.index-strip a{padding-inline:18px;gap:12px}}
@media(max-width:800px){.site-header{height:auto;min-height:88px;flex-wrap:wrap;padding-block:18px 15px;gap:20px}.site-header nav{order:3;width:100%;justify-content:space-between}.nav-link.active:after{bottom:-7px}.header-action{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-block:45px}.hero h1{font-size:47px;letter-spacing:2px}.hero-copy>p{font-size:12px}.hero-actions{gap:15px;align-items:start;flex-direction:column}.hero-actions .button{gap:28px}.hero-signature{font-size:9px;gap:5px;flex-wrap:wrap;margin-top:26px;max-width:240px}.hero-divider{display:none}.hero-signature{display:none}.art-top{font-size:7px;letter-spacing:.5px;padding-inline:5px}.hero-art{min-height:300px;padding-top:0}.art-note{font-size:12px;bottom:35px;right:-3px;padding:13px 13px 10px 30px}.art-note small{font-size:6px}.note-pin{left:10px;top:9px;font-size:14px}.art-bottom{font-size:7px;padding-inline:5px}.strip-label{display:none}.index-strip{grid-template-columns:repeat(3,1fr);padding-block:16px}.index-strip a:first-of-type{border-left:0;padding-left:0}.index-strip a{font-size:11px;padding-inline:15px;gap:8px}.section{padding-block:52px}.section-heading{margin-bottom:24px}h2{font-size:27px}.project-grid{grid-template-columns:1fr;gap:18px}.project{padding-inline:23px}.project-body{gap:27px;padding-block:22px}.project-copy h3{font-size:22px}.book-mini{flex-basis:110px;height:153px}.project-copy p{font-size:12px}.project-meta{font-size:11px}.project-foot{font-size:10px}.project-copy{flex:1}.project-number{font-size:9px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 21px}.cover-title{font-size:20px;margin-top:18px}.book-cover{padding:16px 17px 12px}.cover-english{font-size:8px}.shelf-section{padding-block:48px 25px}.shelf-section .section-aside{display:none}.notes-section{grid-template-columns:1fr 1.5fr;gap:35px}.notes-intro h2{font-size:30px}.notes-intro>p{font-size:11px}.notes-intro .button{font-size:11px;gap:12px;padding-inline:15px}.about{grid-template-columns:70px 1fr 35px;gap:22px;padding-block:35px 45px}.about-symbol{font-size:80px}.about h2{font-size:25px}.back-top{width:35px;height:35px}.snapshot-note{text-align:left;font-size:9px}footer{flex-wrap:wrap}.book-card h3{font-size:14px}}
@media(max-width:560px){.wrap,.site-header{width:calc(100% - 40px)}.brand{font-size:21px}.brand-symbol{width:34px;height:38px;font-size:24px}.brand small{font-size:8px}.site-header{gap:22px}.site-header nav{gap:8px}.nav-link{font-size:11px;letter-spacing:.5px}.header-action{font-size:10px;padding:5px 10px;gap:16px}.hero{grid-template-columns:1fr;gap:25px;padding-block:42px 30px}.hero .eyebrow{font-size:9px}.hero h1{font-size:52px;line-height:1.38;margin:22px 0}.hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:24px}.hero-actions{flex-direction:row;align-items:center;gap:24px}.hero-actions .button{font-size:12px;padding:11px 16px;gap:25px}.text-link{font-size:10px}.text-link>span{margin-left:3px}.hero-art{min-height:0;max-width:400px;width:100%;margin:auto}.curve-art{max-height:270px}.art-note{bottom:39px;right:16px;font-size:13px}.art-top{padding-inline:9px;font-size:8px}.art-bottom{font-size:8px}.index-strip{padding-block:16px}.index-strip a{font-size:10px;padding-inline:11px;gap:6px}.index-strip a>span{font-size:8px}.index-strip a>b{font-size:10px}.section{padding-block:44px}.section-heading{align-items:start}.section-aside{font-size:9px;max-width:80px;padding-top:25px;text-align:right}.eyebrow{font-size:8px;letter-spacing:1.8px}h2{font-size:25px;margin-top:8px}.project{padding:17px 17px 0}.project-body{gap:20px;padding-block:22px}.book-mini{flex-basis:88px;height:136px;padding:9px}.book-mini>small{font-size:5px}.book-mini>span{font-size:12px}.book-mini>i{font-size:6px}.cover-diagram{font-size:47px}.ai-diagram{width:59px}.ai-diagram>i:nth-child(3){left:25px;top:26px}.project-category{font-size:8px;letter-spacing:.5px}.project-copy h3{font-size:18px;line-height:1.6;margin:7px 0}.project-copy p{font-size:10px;line-height:1.8;margin-bottom:10px}.project-meta{font-size:9px}.project-foot{font-size:9px;gap:8px;padding-block:12px}.arrow-button{font-size:10px}.arrow-button span{padding-left:4px}.project-number{font-size:8px}.snapshot-note{line-height:1.8}.shelf-section{padding-top:40px}.tabs{gap:3px}.tab{font-size:10px;padding:5px 7px}.tab span{font-size:8px}.shelf-toolbar{gap:14px;padding-bottom:13px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.book-cover{padding:15px 14px 11px}.cover-title{font-size:19px;margin-top:15px}.cover-english{font-size:6.5px}.cover-art{margin-block:4px;min-height:54px}.cover-footer{font-size:6px;padding-top:7px;letter-spacing:.8px}.book-label{font-size:8px;margin-top:13px}.book-card h3{font-size:13px;margin-right:19px}.book-desc{font-size:9px;margin-right:15px}.fav-button{bottom:21px;font-size:18px}.shelf-bottom{font-size:8px;letter-spacing:.5px;gap:15px;align-items:center}.shelf-bottom>span:last-child{text-align:right;max-width:90px}.notes-section{grid-template-columns:1fr;gap:30px}.notes-intro{position:relative}.notes-intro h2{font-size:30px}.notes-intro>p{font-size:12px;margin-bottom:22px}.notes-intro>.button{position:absolute;right:0;top:81px;padding-inline:13px;gap:8px;font-size:11px}.notes-intro .storage-hint{font-size:10px}.notes-intro .data-actions{position:absolute;right:0;bottom:3px}.note-row h3{font-size:17px}.note-row .note-body{font-size:12px}.note-source{font-size:8px}.about{grid-template-columns:1fr 35px;gap:15px;padding-block:30px 35px}.about-symbol{display:none}.about h2{font-size:23px}.about p{font-size:10px}footer{gap:10px;padding-block:20px;font-size:8px}.footer-brand{font-size:17px;gap:9px}footer>p{display:none}.footer-brand span{font-size:7px}footer i{padding:0 4px}dialog{padding:30px 21px}dialog h2{font-size:23px}.detail-header{gap:20px;align-items:start}.detail-cover{flex-basis:100px;width:100px}.detail-cover .book-cover{padding:10px}.detail-cover .cover-title{font-size:14px;margin-top:8px;letter-spacing:1px}.detail-cover .cover-art{min-height:35px;height:45px}.detail-cover .cover-footer{font-size:5px}.detail-cover .cover-english{font-size:5px;min-height:14px}.detail-header h2{font-size:21px;line-height:1.5;margin:10px 0}.detail-header p{font-size:10px}.detail-tags{font-size:9px}.link-form{grid-template-columns:1fr}.link-form .button{margin-top:5px;justify-self:start}.form-row{grid-template-columns:1fr;gap:0}.form-footer{flex-wrap:wrap}.form-footer .button{margin-left:auto}.note-origin{font-size:8px}.note-kicker{gap:6px}.note-source{padding-right:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep reading copy comfortable while preserving the small editorial labels. */
.project-copy p{font-size:12px}.note-row .note-body{font-size:13px;line-height:1.95}.book-desc{font-size:11px}.book-card h3{font-size:14px}.detail-block p,.detail-block li{font-size:13px}
@media(max-width:560px){.project-copy p{font-size:11px}.book-card h3{font-size:13px}.book-desc{font-size:10px}.note-row .note-body{font-size:12px}}