:root{--bg:#fcfcfd;--surface:#fff;--surface-soft:#f4f5f7;--text:#16181d;--muted:#626874;--faint:#969ba4;--border:#dedfe3;--accent:#607e99;--accent-soft:#e6edf3;--shadow:0 14px 40px #181f2a14;--header-bg:#fcfcfdc7}:root[data-theme=dark]{--bg:#0d0f14;--surface:#13161d;--surface-soft:#181c24;--text:#f1f2f4;--muted:#a6abb4;--faint:#707782;--border:#2d323c;--accent:#9bb7cf;--accent-soft:#1c2935;--shadow:0 16px 44px #00000040;--header-bg:#0d0f14cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,select{color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:8px;padding:8px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{letter-spacing:.05em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.page-shell{width:min(70rem,100% - 48px);margin-inline:auto}.site-header{z-index:50;pointer-events:none;position:fixed;top:18px;left:0;right:0}.header-shell{background:var(--header-bg);border:1px solid color-mix(in srgb, var(--border) 82%, transparent);width:min(70rem,100% - 48px);height:64px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);pointer-events:auto;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;padding:0 13px 0 22px;display:grid;position:relative}.brand{letter-spacing:-.04em;width:fit-content;font-size:1.2rem;font-weight:750;line-height:1}.brand span{color:var(--accent)}.desktop-nav{gap:6px;display:flex}.desktop-nav a{color:var(--muted);border-radius:10px;padding:7px 12px;font-size:.88rem;line-height:1.4;transition:color .18s,background .18s}.desktop-nav a:hover{color:var(--text);background:var(--surface-soft)}.desktop-nav a[aria-current=page]{color:var(--text);background:var(--accent-soft)}.header-actions{justify-self:end;align-items:center;gap:2px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;transition:background .18s;display:grid}.icon-button:hover{background:var(--surface-soft)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:20px;height:20px}.github-link svg{fill:currentColor;stroke:none}.menu-button,.mobile-nav{display:none}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0 0 18px;font-family:SFMono-Regular,Consolas,monospace;font-size:.73rem;font-weight:650}.button{border:1px solid var(--border);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:46px;padding:8px 20px;font-size:.92rem;font-weight:600;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.button-secondary{background:var(--surface)}.text-link{color:var(--text);align-items:center;gap:7px;font-size:.9rem;font-weight:650;display:inline-flex}.text-link .arrow-icon{transition:transform .18s}.text-link:hover .arrow-icon{transform:translate(2px,-2px)}.arrow-icon{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.tag-list{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1.6}.hero{align-items:center;min-height:min(900px,100svh);padding:178px 0 90px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--accent-soft) 75%, transparent), transparent 67%);filter:blur(8px);border-radius:50%;width:min(720px,70vw);position:absolute;top:-22%;right:-14%}.hero-copy{z-index:2;width:min(760px,78%);position:relative}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(3.8rem,9vw,5.5rem);line-height:1.02}.hero-intro{max-width:660px;color:var(--muted);margin:34px 0 0;font-size:clamp(1.04rem,2vw,1.22rem);line-height:1.9}.hero-actions{gap:12px;margin-top:38px;display:flex}.hero-orbit{opacity:.85;width:390px;height:390px;position:absolute;top:50%;right:-15px;transform:translateY(-48%)}.orbit{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:50%;position:absolute;inset:0}.orbit-one{transform:rotate(28deg)scaleY(.42)}.orbit-two{transform:rotate(-35deg)scaleY(.68)}.orbit-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 8px color-mix(in srgb, var(--accent-soft) 75%, transparent);border-radius:50%;position:absolute;top:102px;right:47px}.now-line{color:var(--muted);align-items:center;gap:12px;font-size:.78rem;display:flex;position:absolute;bottom:38px;left:0}.now-line p{margin:0}.now-line .mono{color:var(--text);font-size:.68rem}.pulse{background:#65a574;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #65a57429}.home-sections{padding:40px 0 100px}.section-block{padding:145px 0 105px;position:relative}.backdrop-title{z-index:-1;color:#0000;letter-spacing:-.08em;-webkit-text-stroke:1px color-mix(in srgb, var(--border) 75%, transparent);-webkit-user-select:none;user-select:none;white-space:nowrap;opacity:.7;font-size:clamp(5rem,12vw,9.8rem);font-weight:780;line-height:1;position:absolute;top:42px;left:-6px}.section-heading{max-width:650px;margin-bottom:64px}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:1.2}.section-description{max-width:610px;color:var(--muted);margin:20px 0 0}.about-summary{grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,110px);padding-left:26%;display:grid}.about-summary p{color:var(--muted);margin:0}.about-summary>div p{margin-bottom:25px}.section-end-link{justify-content:flex-end;margin-top:28px;display:flex}.project-list{border-top:1px solid var(--border)}.project-row{border-bottom:1px solid var(--border);grid-template-columns:90px minmax(0,1fr) 44px;gap:24px;padding:30px 16px;transition:background .18s,transform .18s;display:grid;position:relative}.project-row:hover{background:var(--surface-soft);transform:translate(3px)}.project-year{color:var(--faint);padding-top:4px;font-size:.72rem}.project-title-line{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.project-row h3{letter-spacing:-.02em;margin:0;font-size:1.16rem;line-height:1.4}.project-row p{max-width:760px;color:var(--muted);margin:8px 0 0;font-size:.9rem;line-height:1.75}.project-link{width:38px;height:38px;color:var(--muted);border-radius:50%;align-self:center;place-items:center;display:grid}.project-link:hover{background:var(--surface);color:var(--text)}.project-list.detailed .project-row{padding-top:38px;padding-bottom:38px}.project-list.detailed .project-description{color:var(--text);margin-top:14px}.project-context{text-transform:uppercase;color:var(--faint)!important;font-size:.68rem!important}.status{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.67rem;line-height:1.6}.status-in-progress{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));color:var(--accent)}.content-note{color:var(--faint);margin:36px 0 0;font-size:.78rem}.reading-preview{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(50px,9vw,110px);display:grid}.reading-count{color:var(--accent);margin:0 0 24px;font-size:.75rem}.reading-philosophy>p:not(.reading-count){color:var(--muted);margin:0 0 28px}.mini-book-list{border-top:1px solid var(--border)}.mini-book{border-bottom:1px solid var(--border);grid-template-columns:48px 1fr;gap:16px;padding:22px 4px;display:grid}.mini-book>span{color:var(--faint);font-size:.68rem}.mini-book h3{margin:0;font-size:1rem}.mini-book p{color:var(--muted);margin:4px 0 0;font-size:.78rem}.inner-page{min-height:75vh;padding-top:190px;padding-bottom:130px}.page-intro{max-width:850px;margin-bottom:100px}.page-intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(2.7rem,7vw,5.1rem);line-height:1.13}.page-intro>p:last-child{max-width:640px;color:var(--muted);margin:32px 0 0;font-size:1.05rem}.reading-intro{grid-template-columns:1.4fr .6fr;align-items:end;gap:70px;max-width:none;display:grid}.reading-intro>p:last-child{margin-bottom:8px;font-size:.94rem}.reading-controls{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:1fr auto;gap:12px;padding:14px;display:grid}.search-field{position:relative}.search-field svg{fill:none;width:20px;height:20px;stroke:var(--faint);stroke-width:1.7px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-field input{width:100%;height:48px;color:var(--text);background:var(--surface-soft);border:0;border-radius:10px;outline:0;padding:0 16px 0 47px}.search-field input:focus-visible{outline:2px solid var(--accent)}.search-field input::placeholder{color:var(--faint)}.sort-field{align-items:center;gap:10px;display:flex}.sort-field label{color:var(--faint);font-size:.75rem}.sort-field select{border:1px solid var(--border);background:var(--surface);border-radius:10px;height:48px;padding:0 35px 0 14px}.status-filters{flex-wrap:wrap;gap:8px;margin:24px 0 50px;display:flex}.status-filters button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:.78rem}.status-filters button span{color:var(--faint);margin-left:4px;font-family:monospace}.status-filters button:hover,.status-filters button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.result-count{color:var(--faint);text-align:right;margin:0 0 15px;font-size:.68rem}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.book-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:150px minmax(0,1fr);gap:24px;min-width:0;min-height:270px;padding:20px;display:grid}.book-cover{background:var(--surface-soft);border-radius:10px;min-height:225px;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%}.text-cover{color:#f3f6f8;background:linear-gradient(145deg,#718ba0,#263a49);flex-direction:column;justify-content:space-between;height:100%;min-height:225px;padding:18px;display:flex;position:relative;overflow:hidden}.text-cover:after{content:"";border:1px solid #ffffff59;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-35px;right:-55px;box-shadow:0 0 0 20px #ffffff0f}.text-cover span{letter-spacing:.1em;opacity:.72;font-family:monospace;font-size:.58rem}.text-cover strong{z-index:1;letter-spacing:.04em;font-size:1.05rem;line-height:1.55;position:relative}.book-info{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.book-topline{width:100%;color:var(--accent);justify-content:space-between;gap:8px;font-size:.68rem;display:flex}.book-info h2{margin:16px 0 3px;font-size:1.1rem;line-height:1.45}.book-author{color:var(--muted);margin:0;font-size:.78rem}.book-info .tag-list{margin-top:14px}.reading-progress{width:100%;margin:auto 0 16px;padding-top:20px}.reading-progress>div:first-child{color:var(--faint);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.65rem;display:flex}.progress-track{background:var(--surface-soft);border-radius:4px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.book-info>.text-link{margin-top:auto;font-size:.76rem}.snapshot-label{color:var(--faint);margin-top:auto;font-size:.6rem}.empty-state{border:1px dashed var(--border);text-align:center;border-radius:18px;padding:80px 24px}.empty-state h2{margin:0}.empty-state>p:not(.eyebrow){color:var(--muted);margin:8px 0 25px}.sync-time{color:var(--faint);text-align:right;margin:35px 0 0;font-size:.65rem}.explorer-loading{color:var(--muted);border:1px solid var(--border);text-align:center;border-radius:18px;padding:60px}.about-story{grid-template-columns:230px minmax(0,700px);align-items:start;gap:clamp(60px,10vw,130px);display:grid}.about-aside{position:sticky;top:120px}.portrait-mark{aspect-ratio:4/5;background:linear-gradient(155deg, var(--accent-soft), var(--surface-soft));border-radius:120px 120px 18px 18px;place-items:center;margin-bottom:20px;display:grid;overflow:hidden}.portrait-mark span{color:color-mix(in srgb, var(--accent) 65%, transparent);letter-spacing:-.1em;font-size:8rem;font-weight:750;transform:translate(-4px)}.about-aside p{color:var(--faint);font-size:.65rem;line-height:1.8}.prose{color:var(--muted)}.prose p{margin:0 0 22px}.prose .lead{color:var(--text);font-size:1.35rem}.prose h2{color:var(--text);margin:65px 0 17px;font-size:1.55rem}.prose blockquote{border-left:2px solid var(--accent);color:var(--text);margin:70px 0;padding:30px 0 30px 28px;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.6}.contact-links{flex-wrap:wrap;gap:12px;display:flex}.contact-links a{border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 15px;font-size:.85rem}.contact-links a:hover{border-color:var(--accent)}.site-footer{border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:flex-end;gap:40px;width:min(70rem,100% - 48px);min-height:220px;margin:0 auto;padding:50px 0;display:flex}.footer-brand{margin:0 0 16px}.footer-inner p{color:var(--muted);margin:0;font-size:.8rem}.footer-meta{text-align:right}.footer-meta a{color:var(--muted);font-size:.8rem}.footer-meta a:hover{color:var(--text)}@media (max-width:900px){.hero-copy{width:86%}.hero-orbit{opacity:.55;right:-160px}.about-summary{padding-left:12%}.reading-intro{grid-template-columns:1fr;gap:20px}.book-card{grid-template-columns:120px minmax(0,1fr);gap:18px}.book-cover,.text-cover{min-height:200px}.about-story{grid-template-columns:180px minmax(0,1fr);gap:60px}}@media (max-width:720px){.page-shell,.header-shell,.footer-inner{width:min(100% - 28px,70rem)}.site-header{top:10px}.header-shell{grid-template-columns:1fr auto;height:58px;padding-left:17px}.desktop-nav{display:none}.menu-button{display:grid}.github-link{display:none}.mobile-nav{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);opacity:0;visibility:hidden;border-radius:14px;gap:3px;padding:9px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:65px;left:0;right:0;transform:translateY(-8px)}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav a{color:var(--muted);border-radius:8px;padding:10px 12px;font-size:.9rem}.mobile-nav a[aria-current=page]{color:var(--text);background:var(--accent-soft)}.menu-lines{width:18px;height:14px;position:relative}.menu-lines i{background:currentColor;border-radius:2px;width:18px;height:1.5px;transition:top .18s,transform .18s;position:absolute;left:0}.menu-lines i:first-child{top:4px}.menu-lines i:last-child{top:10px}.menu-lines.open i:first-child,.menu-lines.open i:last-child{top:7px}.menu-lines.open i:first-child{transform:rotate(45deg)}.menu-lines.open i:last-child{transform:rotate(-45deg)}.hero{align-items:flex-start;min-height:760px;padding-top:135px}.hero-copy{width:100%;margin-top:13vh}.hero h1{font-size:clamp(3.5rem,18vw,5.4rem)}.hero-intro{margin-top:24px;font-size:1rem}.hero-orbit{width:260px;height:260px;top:26%;right:-150px}.now-line{align-items:flex-start;right:0}.now-line p{line-height:1.6}.home-sections{padding-top:0}.section-block{padding:105px 0 70px}.backdrop-title{font-size:clamp(4.6rem,23vw,7rem);top:45px}.section-heading{margin-bottom:42px}.section-heading h2{font-size:2.35rem}.about-summary,.reading-preview{grid-template-columns:1fr;gap:26px;padding-left:0}.project-row{grid-template-columns:48px minmax(0,1fr) 32px;gap:10px;padding-inline:5px}.project-row:hover{transform:none}.project-link{width:32px;height:32px}.book-grid{grid-template-columns:1fr}.inner-page{padding-top:145px;padding-bottom:90px}.page-intro{margin-bottom:65px}.page-intro h1{font-size:clamp(2.55rem,12vw,4.1rem)}.reading-controls{grid-template-columns:1fr;padding:10px}.sort-field{justify-content:space-between}.sort-field select{flex:1}.status-filters{margin-bottom:36px}.about-story{grid-template-columns:1fr;gap:45px}.about-aside{grid-template-columns:130px 1fr;align-items:end;gap:20px;display:grid;position:static}.portrait-mark{margin:0}.portrait-mark span{font-size:5rem}.footer-inner{flex-direction:column;justify-content:center;align-items:flex-start;min-height:240px}.footer-meta{text-align:left}}@media (max-width:430px){body{font-size:15px}.hero-actions{flex-direction:column;width:min(100%,270px)}.hero{min-height:790px}.project-row{grid-template-columns:38px minmax(0,1fr) 30px}.project-row h3{font-size:1rem}.project-row p{font-size:.82rem}.book-card{grid-template-columns:104px minmax(0,1fr);gap:15px;min-height:235px;padding:14px}.book-cover,.text-cover{min-height:185px}.text-cover{padding:12px}.text-cover strong{font-size:.86rem}.book-info h2{margin-top:10px;font-size:1rem}.book-info .tag-list{margin-top:9px}.reading-progress{padding-top:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}