@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";:root{--bg: #fff;--ink: #151515;--muted: #777;--line: #e9e9e9;--soft: #f5f4f0;--paper: #eeece5;--accent: #eb5a43}:root[data-theme=dark]{--bg: #131313;--ink: #f7f7f5;--muted: #a9a9a9;--line: #303030;--soft: #1d1d1d;--paper: #24231f;--accent: #ff826e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:var(--bg);font-family:Manrope,PingFang SC,sans-serif;transition:background .35s,color .35s}button,a{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{height:108px;padding:0 clamp(24px,5.2vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{border:0;background:none;padding:0;font-weight:800;font-size:clamp(30px,3.3vw,58px);letter-spacing:-.11em}.brand>span:first-child{color:#31a5e5}.brand-dot{color:var(--accent)}nav{display:flex;gap:clamp(22px,4vw,75px);margin-left:8vw}nav button{border:0;background:none;font-size:16px;padding:10px 0}nav button:hover,.text-link:hover{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:12px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ink);background:transparent;border:1px solid var(--line)}.contact-button{background:var(--ink);color:var(--bg);border:0;border-radius:5px;padding:16px 22px}.hero{min-height:790px;padding:64px 11.6vw 0;position:relative;overflow:hidden}.hero-intro{position:relative;z-index:3;text-align:center;font-size:clamp(15px,1.35vw,22px)}.hero h1,.hero-outline{margin:46px 0 0;position:relative;z-index:1;font-size:clamp(86px,15vw,270px);letter-spacing:-.09em;line-height:.77;font-weight:800;white-space:nowrap}.hero h1 span{display:inline-block}.hero-outline{margin:10px 0 0 7%;color:transparent;-webkit-text-stroke:1.8px color-mix(in srgb,var(--ink) 55%,transparent);z-index:0}.hero-portrait{position:absolute;z-index:2;width:min(38vw,565px);height:510px;bottom:0;left:50%;transform:translate(-50%);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:grayscale(1) contrast(1.05)}.hero-meta{position:absolute;z-index:3;bottom:132px;display:flex;flex-direction:column;gap:10px;max-width:240px}.hero-meta span,.id-label,.slash,.section-heading p,.works-head p,.library-heading>p,.contact-copy>p,.resume-panel>p{color:var(--muted);font-family:DM Mono,monospace;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.hero-meta strong{font-size:15px;font-weight:500;line-height:1.55}.hero-meta-left{left:11.6vw}.hero-meta-right{right:11.6vw;text-align:right}.hero-actions{position:absolute;z-index:4;display:flex;gap:10px;left:50%;bottom:42px;transform:translate(-50%)}.button{display:flex;gap:12px;align-items:center;border-radius:5px;padding:17px 24px;border:1.5px solid var(--ink);white-space:nowrap}.button-dark{color:var(--bg);background:var(--ink)}.button-light{color:var(--ink);background:var(--bg)}.hero-orbit{position:absolute;bottom:150px;left:3vw;font-size:34px;color:var(--accent);animation:float 3s ease-in-out infinite}.section{padding:150px max(8vw,48px)}.about{display:grid;grid-template-columns:minmax(270px,370px) 1fr;align-items:center;gap:clamp(50px,11vw,180px)}.id-card{width:100%;aspect-ratio:.68;padding:20px;position:relative;overflow:visible;border-radius:14px;background:repeating-linear-gradient(90deg,transparent 0 24px,color-mix(in srgb,var(--ink) 7%,transparent) 25px 26px),var(--paper);box-shadow:0 24px 50px color-mix(in srgb,var(--ink) 20%,transparent);text-align:center}.id-clip{position:absolute;top:-126px;height:132px;left:50%;width:16px;transform:translate(-50%);border:4px solid #7a7a76;border-bottom:0}.id-photo{height:44%;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:9px;background:#d9d8d0}.id-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 33%;filter:grayscale(1)}.id-card h2{margin:13px 0 0;font-family:"Noto Serif SC";font-size:37px}.id-card em{display:block;color:var(--muted);font-family:Georgia,serif}.id-role{color:var(--muted);font-size:12px}.id-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:5px}.id-tags span{border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:99px;padding:5px 9px;color:var(--muted);font-size:10px}.id-bars{position:absolute;left:20px;right:20px;bottom:20px;height:6px;background:repeating-linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 25px);opacity:.55}.about-copy{max-width:760px}.about-copy h2,.section-heading h2,.library-heading h2,.contact-copy h2{margin:28px 0;font-family:"Noto Serif SC",serif;font-size:clamp(37px,4.3vw,72px);line-height:1.25;letter-spacing:-.05em}.about-copy h2 i{color:var(--muted);font-style:normal}.about-copy>p:not(.slash){color:var(--muted);max-width:670px;font-size:16px;line-height:2}.text-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;border:0;padding:0 0 6px;background:none;border-bottom:1px solid var(--ink)}.trail{padding-top:90px}.section-heading{margin-left:6vw}.trail-stage{position:relative;overflow:hidden;max-width:1500px;height:620px;margin:60px auto 0;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:20px;background:linear-gradient(140deg,#e6d9c8,#f8d9cf 46%,#dce6c9);color:#2a2925}.trail-stage.hotel{background:linear-gradient(140deg,#f7d9ca,#f4eee4 54%,#e7cdb6)}.trail-stage.xiaomi{background:linear-gradient(140deg,#e7ecf1,#e9d8d0 55%,#eec8ae)}.trail-stage.creator{background:linear-gradient(140deg,#decfdc,#efdcca 50%,#cddbcc)}.trail-topbar{height:45px;display:flex;align-items:center;gap:10px;padding:0 20px;background:#ffffff6b}.trail-topbar span{font-size:18px;color:#eb6c54}.trail-topbar span:nth-child(2){color:#edba54}.trail-topbar span:nth-child(3){color:#59b86f}.trail-topbar strong{margin-left:auto;margin-right:45%;font-family:DM Mono;font-size:11px;color:#706b63;letter-spacing:.08em}.trail-route{position:absolute;top:100px;right:10%;bottom:70px;left:10%;border:4px dashed #c08363;border-radius:47% 42% 43% 47%;transform:rotate(-9deg);opacity:.75}.trail-route i{position:absolute;width:18px;height:18px;border-radius:50%;border:4px solid #d67d5c;background:#fff7e8}.trail-route i:nth-child(1){top:-10px;left:16%}.trail-route i:nth-child(2){bottom:-8px;left:48%}.trail-route i:nth-child(3){top:20%;right:8%}.trail-points{position:absolute;top:80px;right:7%;bottom:80px;left:7%}.trail-point{position:absolute;border:0;background:none;color:#2a2925;text-align:center;transform:translate(calc(var(--point) * 150%));left:calc(4% + var(--point) * 24%);top:calc(10% + (var(--point) % 2) * 58%)}.trail-point b{width:46px;height:46px;border:2px solid #d28864;background:#fff6e8;border-radius:50%;display:grid;place-items:center;margin:auto auto 8px;font-family:Georgia,serif;font-size:20px;color:#c87352}.trail-point span{display:block;padding:9px 13px;border-radius:12px;background:#fffc;box-shadow:0 8px 18px #6b40251f;font-size:13px;white-space:nowrap}.trail-point.selected b{transform:scale(1.14);background:#222;color:#fff;border-color:#222}.trail-detail{position:absolute;width:min(360px,80%);left:50%;top:50%;padding:28px;transform:translate(-50%,-50%);text-align:center;border-radius:20px;background:#fffaf2e0;box-shadow:0 18px 45px #5f361f33;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.trail-detail p,.trail-detail small{color:#8c7569;font:11px DM Mono;letter-spacing:.09em}.trail-detail h3{margin:10px 0;font:700 26px/1.45 "Noto Serif SC"}.trail-detail span{display:block;font-size:13px}.trail-detail small{display:block;margin-top:15px}.trail-description{max-width:690px;margin:28px auto 0;color:var(--muted);text-align:center;line-height:1.9}.works{padding:110px 0 130px;background:#111;color:#fff;overflow:hidden}.works-head{padding:0 max(8vw,48px) 48px;display:flex;align-items:flex-start;justify-content:space-between}.works-head p{color:#aaa}.works-head h2{margin:12px 0 0;font:900 clamp(44px,5vw,82px)/1.1 "Noto Serif SC";letter-spacing:-.06em}.carousel-controls{display:flex;gap:12px}.carousel-controls button{width:74px;height:74px;border-radius:50%;background:transparent;color:#fff;border:1px solid #7e7e7e;display:grid;place-items:center}.carousel-controls button:hover{background:#fff;color:#111}.project-rail{display:flex;width:max-content;gap:28px;padding-left:max(8vw,48px)}.project-card{position:relative;overflow:hidden;flex:0 0 clamp(280px,29vw,480px);height:580px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;border-radius:14px;isolation:isolate;background:#252525}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.9;transition:transform .5s}.project-card:hover:before{transform:scale(1.08)}.project-card.city:before{background:radial-gradient(circle at 78% 24%,#f4b278 0 2%,transparent 2.3%),linear-gradient(145deg,#284d59,#0e202a 60%,#d87b4f 160%)}.project-card.talk:before{background:linear-gradient(130deg,#826d61,#211e1f 58%,#4f7283)}.project-card.service:before{background:radial-gradient(circle at 20% 18%,#f4d5a6 0 1%,transparent 1.3%),linear-gradient(145deg,#424536,#171a14 58%,#a66b41 150%)}.project-card.books:before{background:repeating-linear-gradient(90deg,#7b4238 0,#7b4238 15%,#d3a143 15%,#d3a143 28%,#25495b 28%,#25495b 42%,#d8d6c8 42%,#d8d6c8 55%,#392c44 55%,#392c44 68%),linear-gradient(#333,#111)}.project-card:after{content:"";position:absolute;top:48%;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(transparent,#111)}.project-no{font:12px DM Mono;color:#d5d5d5}.project-play{align-self:center;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#111;opacity:0;transform:translateY(12px);transition:.3s}.project-card:hover .project-play{opacity:1;transform:none}.project-card h3{margin:0 0 12px;max-width:84%;font:900 clamp(28px,2.7vw,44px)/1.22 "Noto Serif SC";letter-spacing:-.05em}.project-card p{margin:0;color:#d6d6d6;font-size:14px}.library{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.library-heading{position:sticky;top:160px}.library-heading>p:last-child{max-width:300px;color:var(--muted);font:16px/1.9 Manrope;text-transform:none;letter-spacing:0}.shelf{border-top:1px solid var(--ink)}.book{width:100%;display:grid;grid-template-columns:58px 1fr auto 26px 20px;gap:18px;align-items:center;padding:30px 0;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;transition:padding .25s,color .25s}.book:hover{padding-left:14px;color:var(--accent)}.book-index{color:var(--muted);font:12px DM Mono}.book strong{font:600 22px "Noto Serif SC"}.book p{margin:6px 0 0;color:var(--muted);font-size:13px}.book em{color:var(--muted);font-size:12px;font-style:normal}.book svg{color:var(--accent)}.book-open-arrow{opacity:0;transform:translate(-7px);transition:.25s}.book:hover .book-open-arrow{opacity:1;transform:none}.contact{display:grid;grid-template-columns:minmax(280px,.75fr) 1.2fr;gap:9vw;align-items:center;border-top:1px solid var(--line)}.contact-image{max-width:500px;aspect-ratio:.98;overflow:hidden;border-radius:18px;background:#2c2d32;box-shadow:25px -18px color-mix(in srgb,var(--paper) 83%,transparent)}.contact-image img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:grayscale(1) contrast(1.1)}.contact-copy h3{margin:0 0 24px;font:600 22px/1.5 "Noto Serif SC"}.contact-copy>p:not(:first-child){color:var(--muted);line-height:1.9;max-width:440px}.contact-mail{margin-top:26px;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:13px 17px;color:var(--ink);text-decoration:none}.contact-mail:hover{border-color:var(--ink)}footer{padding:28px 8vw;border-top:1px solid var(--line);font:11px DM Mono;color:var(--muted);letter-spacing:.06em}.resume-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;background:#0000008c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.resume-panel{width:min(830px,100%);max-height:min(84vh,800px);overflow:auto;position:relative;padding:50px;border-radius:16px;color:#191919;background:#f8f6f0}.close-button{position:absolute;top:22px;right:22px;width:40px;height:40px;border:1px solid #ddd;border-radius:50%;background:transparent;display:grid;place-items:center}.resume-panel h2{margin:22px 0 40px;font:700 clamp(27px,3.5vw,49px)/1.3 "Noto Serif SC"}.resume-row{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:24px 0;border-top:1px solid #dcd9d3}.resume-row>span{color:#777;font:11px DM Mono}.resume-row strong{font:600 18px "Noto Serif SC"}.resume-row p{color:#666;line-height:1.75;margin:10px 0 0;font-size:14px}@keyframes float{50%{transform:translateY(-14px) rotate(20deg)}}@media(max-width:860px){.site-header{height:74px;padding:0 20px}.brand{font-size:36px}nav{display:none}.contact-button{display:none}.hero{min-height:700px;padding:72px 24px 0}.hero-intro{max-width:300px;margin-inline:auto;line-height:1.7}.hero h1,.hero-outline{font-size:14vw}.hero-outline{margin-left:0;font-size:12.7vw}.hero-portrait{width:78vw;height:420px;left:11vw;transform:none}.hero-meta{bottom:115px;max-width:175px}.hero-meta strong{font-size:12px}.hero-meta-left{left:24px}.hero-meta-right{display:none}.hero-actions{bottom:22px}.button{padding:13px 14px;font-size:13px}.section{padding:90px 24px}.about,.library,.contact{grid-template-columns:1fr;gap:70px}.id-card{max-width:330px;margin:60px auto 0}.about-copy h2,.section-heading h2,.library-heading h2,.contact-copy h2{font-size:42px}.section-heading{margin-left:0}.trail{padding-top:60px}.trail-stage{height:590px;margin-top:42px}.trail-topbar strong{margin-right:0}.trail-point{transform:none;left:calc(1% + var(--point) * 22%)}.trail-point span{font-size:10px;padding:7px}.trail-detail{top:47%}.works{padding-top:75px}.works-head{padding:0 24px 30px}.carousel-controls button{width:50px;height:50px}.project-rail{gap:18px;padding-left:24px}.project-card{height:460px;flex-basis:76vw}.library-heading{position:static}.contact-image{max-width:none}.resume-panel{padding:38px 24px}.resume-row{grid-template-columns:1fr;gap:8px}}.hero-portrait img,.id-photo img,.contact-image img{filter:none}.detail-back{display:inline-flex;gap:10px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:99px;color:var(--ink);background:var(--bg)}.detail-hero{min-height:560px;padding:10vw 12vw 70px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 25%,rgba(255,202,141,.8),transparent 18%),linear-gradient(145deg,#183f4b,#1c2b33 58%,#aa6043)}.detail-hero.talk:before{background:radial-gradient(circle at 74% 28%,#ffe2b8,transparent 18%),linear-gradient(140deg,#6e5c5a,#171616 58%,#3f5965)}.detail-hero.service:before{background:radial-gradient(circle at 25% 30%,#f1cf9b,transparent 12%),linear-gradient(140deg,#4d4e3f,#171a14 58%,#9c6642)}.detail-hero.books:before{background:repeating-linear-gradient(90deg,#7b4238 0,#7b4238 12%,#d3a143 12%,#d3a143 23%,#25495b 23%,#25495b 34%,#d8d6c8 34%,#d8d6c8 46%,#392c44 46%,#392c44 58%)}.detail-hero>*{position:relative}.detail-hero p{font:11px DM Mono;text-transform:uppercase;letter-spacing:.14em;opacity:.75}.detail-hero h1{margin:20px 0 12px;max-width:900px;font:900 clamp(55px,8vw,142px)/.95 "Noto Serif SC";letter-spacing:-.08em}.detail-hero span{font-size:17px}.detail-intro{display:flex;gap:10vw;justify-content:space-between;padding:90px 12vw;align-items:flex-start}.detail-intro>p{max-width:670px;margin:0;color:var(--muted);font:clamp(22px,2.5vw,37px)/1.65 "Noto Serif SC"}.material-section{padding:90px 12vw;background:var(--soft);display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.material-section>div:first-child p{color:var(--muted);font:11px DM Mono;letter-spacing:.14em}.material-section h2{margin:24px 0;font:700 clamp(35px,4vw,64px)/1.3 "Noto Serif SC";letter-spacing:-.06em}.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.material-card{min-height:270px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;overflow:hidden;color:#fff;position:relative;background:#262626;transition:transform .3s}.material-card:hover{transform:translateY(-7px)}.material-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.88;background:linear-gradient(145deg,#254b58,#19252c 65%,#d78353)}.material-card.talk:before{background:linear-gradient(145deg,#85716d,#252124 64%,#587684)}.material-card.service:before{background:linear-gradient(145deg,#675b3c,#24271e 64%,#b47445)}.material-card.books:before{background:repeating-linear-gradient(90deg,#7b4238 0,#7b4238 14%,#d3a143 14%,#d3a143 27%,#25495b 27%,#25495b 40%,#d8d6c8 40%,#d8d6c8 54%,#392c44 54%,#392c44 68%)}.material-card>*{position:relative}.material-card>span{font:12px DM Mono}.material-card h3{margin:auto 0 8px;font:700 28px/1.3 "Noto Serif SC"}.material-card p{margin:0;opacity:.76;font-size:12px}.material-card svg{position:absolute;right:23px;bottom:24px}.detail-note{padding:100px 12vw}.detail-note p{max-width:650px;margin:0;color:var(--muted);font:28px/1.65 "Noto Serif SC"}@media(max-width:860px){.detail-hero{min-height:430px;padding:80px 24px 48px}.detail-hero h1{font-size:58px}.detail-intro,.material-section{padding:70px 24px;grid-template-columns:1fr;gap:36px}.detail-intro{flex-direction:column}.material-grid{grid-template-columns:1fr}.detail-note{padding:70px 24px}.detail-note p{font-size:23px}}.hero h1,.hero-outline{z-index:5;pointer-events:none}.hero-portrait{z-index:2}.library-entry{margin-top:12px}.bookshelf-page{min-height:100vh;background:var(--bg)}.bookshelf-hero{padding:clamp(70px,10vw,150px) 12vw 72px;color:#fff;background:linear-gradient(130deg,#111,#111 55%,#4d3832)}.bookshelf-hero p,.inspector-top>span{font:11px DM Mono;letter-spacing:.14em;color:#bbb}.bookshelf-hero h1{margin:24px 0 22px;font:800 clamp(54px,8vw,130px)/.95 "Noto Serif SC";letter-spacing:-.08em}.bookshelf-hero>span{max-width:520px;display:block;color:#d4d4d4;font-size:16px;line-height:1.8}.bookshelf-toolbox{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:22px;padding:28px 8vw;border-bottom:1px solid var(--line)}.book-search{height:50px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);border-radius:6px}.book-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent}.book-filters{display:flex;gap:4px}.book-filters button{padding:10px 12px;border:0;border-radius:99px;color:var(--muted);background:transparent;font-size:13px}.book-filters button.active{color:var(--bg);background:var(--ink)}.add-book-button,.add-book-form button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border:0;border-radius:5px;color:var(--bg);background:var(--ink)}.add-book-form{display:grid;grid-template-columns:1.3fr 1fr 110px auto;gap:10px;padding:20px 8vw;background:var(--soft);border-bottom:1px solid var(--line)}.add-book-form input,.add-book-form select{min-width:0;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--bg)}.bookshelf-layout{display:grid;grid-template-columns:minmax(440px,1.25fr) minmax(350px,.75fr);gap:clamp(36px,7vw,120px);padding:65px 8vw 120px}.managed-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:22px}.managed-book{display:grid;grid-template-columns:92px 1fr;gap:15px;padding:0;color:var(--ink);text-align:left;border:0;background:none}.managed-book.selected .book-cover{transform:translateY(-6px);box-shadow:14px 16px 24px color-mix(in srgb,var(--ink) 23%,transparent)}.book-cover{position:relative;min-height:160px;padding:14px 13px;display:flex;flex-direction:column;overflow:hidden;color:#fff;box-shadow:8px 11px 17px #00000029;transition:transform .25s,box-shadow .25s}.book-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.46;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(255,255,255,.1) 9px 10px)}.book-cover.coral{background:#dc654f}.book-cover.blue{background:#2d5d7c}.book-cover.red{background:#8d342c}.book-cover.violet{background:#574368}.book-cover.ink{background:#292929}.book-cover>*{position:relative;z-index:1}.book-cover i{font:11px DM Mono;font-style:normal;opacity:.8}.book-cover b{margin:auto 0 5px;font:700 18px/1.22 "Noto Serif SC";writing-mode:vertical-rl;max-height:112px}.book-cover em{font-size:10px;font-style:normal;opacity:.78}.managed-book-info{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding-top:9px}.managed-book-info strong{font:700 18px/1.42 "Noto Serif SC"}.managed-book-info small{color:var(--muted);font-size:12px}.managed-book-info em{margin-top:auto;padding:4px 8px;border-radius:99px;color:var(--muted);background:var(--soft);font-style:normal;font-size:11px}.book-empty{color:var(--muted)}.book-inspector{position:sticky;top:136px;padding:30px;border:1px solid var(--line);background:var(--soft)}.inspector-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.inspector-top label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.inspector-top select{border:0;color:var(--ink);background:transparent;font:600 14px "Noto Serif SC"}.book-inspector h2{margin:32px 0 5px;font:700 clamp(30px,3vw,46px)/1.25 "Noto Serif SC";letter-spacing:-.05em}.inspector-author{margin:0;color:var(--muted);font-size:14px}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 26px}.tag-row span{border:1px solid var(--line);border-radius:99px;padding:5px 9px;color:var(--muted);font-size:11px}.note-label{display:flex;flex-direction:column;gap:10px;color:var(--ink);font-size:13px}.note-label svg{vertical-align:middle;margin-right:6px}.note-label textarea{min-height:205px;padding:13px;resize:vertical;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--bg);font:13px/1.75 Manrope}.file-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}.upload-note{display:inline-flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;font-size:12px;cursor:pointer}.upload-note input{display:none}.file-actions>span{display:inline-flex;max-width:230px;align-items:center;gap:5px;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.file-hint,.ai-note{color:var(--muted);font-size:11px;line-height:1.7}.inspector-actions{display:flex;gap:9px;margin-top:20px}.outline-button,.finish-button{flex:1;min-height:43px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:8px;border-radius:4px;font-size:12px}.outline-button{border:0;color:var(--bg);background:var(--ink)}.finish-button{border:1px solid var(--line);color:var(--ink);background:transparent}.ai-note{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}@media(max-width:860px){.bookshelf-hero{padding:80px 24px 56px}.bookshelf-hero h1{font-size:58px}.bookshelf-toolbox{grid-template-columns:1fr;gap:13px;padding:20px 24px}.book-filters{overflow-x:auto}.add-book-button{justify-content:center}.add-book-form{grid-template-columns:1fr;padding:18px 24px}.bookshelf-layout{grid-template-columns:1fr;gap:35px;padding:42px 24px 80px}.managed-shelf{grid-template-columns:1fr;gap:16px}.managed-book{grid-template-columns:76px 1fr}.book-cover{min-height:140px}.book-inspector{position:static;padding:23px}.inspector-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}