@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f4eee3;--paper-2:#ebe3d4;--card:#fbf8f2;--ink:#211b16;--ink-2:#5b5047;--ink-3:#8b8076;--line:#ddd2c0;--line-2:#e9e0d0;--accent:#b5412c;--accent-soft:#f1d9cf;--moss:#4d6a4f;--moss-soft:#dce6d6;--indigo:#3e5785;--indigo-soft:#dbe1ee;--rose:#a9506f;--rose-soft:#f0dbe2;--gold:#c08f22;--shadow:0 1px 2px #3c28140f, 0 8px 24px -12px #3c28142e;--shadow-lg:0 2px 6px #3c281414, 0 24px 48px -20px #3c281452;--serif:"Fraunces Variable", Georgia, serif;--sans:"Instrument Sans Variable", system-ui, sans-serif;--radius:14px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#16120f;--paper-2:#1e1915;--card:#221c17;--ink:#f1e8da;--ink-2:#c3b6a5;--ink-3:#8e8273;--line:#3a3029;--line-2:#2c251f;--accent:#e0694f;--accent-soft:#3b2219;--moss:#8db08c;--moss-soft:#22301f;--indigo:#93a9d6;--indigo-soft:#1f2639;--rose:#d98aa6;--rose-soft:#3a1f29;--gold:#e0b14a;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-lg:0 2px 6px #0000004d, 0 24px 48px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#16120f;--paper-2:#1e1915;--card:#221c17;--ink:#f1e8da;--ink-2:#c3b6a5;--ink-3:#8e8273;--line:#3a3029;--line-2:#2c251f;--accent:#e0694f;--accent-soft:#3b2219;--moss:#8db08c;--moss-soft:#22301f;--indigo:#93a9d6;--indigo-soft:#1f2639;--rose:#d98aa6;--rose-soft:#3a1f29;--gold:#e0b14a;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #0009;--shadow-lg:0 2px 6px #0000004d, 0 24px 48px -20px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);background-image:var(--grain);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,.serif{font-family:var(--serif);font-optical-sizing:auto;letter-spacing:-.01em;margin:0;font-weight:500}h1{font-variation-settings:"SOFT" 60, "WONK" 1;font-size:clamp(30px,4.4vw,46px);line-height:1.05}h2{font-size:24px;line-height:1.15}h3{font-size:18px;line-height:1.25}em.it,.it{font-family:var(--serif);font-style:italic;font-weight:400}p{margin:0}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.tiny{letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:600}.app{grid-template-columns:240px 1fr;min-height:100dvh;display:grid}.side{border-right:1px solid var(--line);flex-direction:column;gap:6px;height:100dvh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:0 10px 22px;display:flex}.brand-name{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "WONK" 1;font-size:27px;font-weight:600}.nav-link{color:var(--ink-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-link:hover{background:var(--paper-2);color:var(--ink)}.nav-link.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.nav-link.active svg{color:var(--accent)}.side-foot{flex-direction:column;gap:6px;margin-top:auto;display:flex}.search-trigger{border:1px solid var(--line);color:var(--ink-3);background:var(--card);border-radius:10px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;display:flex}.search-trigger kbd{font-family:var(--sans);border:1px solid var(--line);border-radius:5px;margin-left:auto;padding:1px 5px;font-size:11px}main{min-width:0}.page{max-width:1180px;margin:0 auto;padding:36px 40px 120px;animation:.45s cubic-bezier(.2,.7,.2,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar,.tabbar{display:none}@media (width<=900px){.app{grid-template-columns:1fr}.side{display:none}.page{padding:18px 16px 110px}.topbar{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.tabbar{z-index:30;background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-3);flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10.5px;font-weight:500;display:flex}.tabbar a.active{color:var(--accent)}}.section{margin-top:44px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-head a{color:var(--ink-2);align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.section-head a:hover,.eyebrow{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{border:1px solid var(--line);background:var(--card);border-radius:999px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn.primary:hover{background:color-mix(in srgb, var(--ink) 86%, var(--accent))}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--paper-2)}.btn.sm{height:32px;padding:0 12px;font-size:13px}.icon-btn{width:38px;height:38px;color:var(--ink-2);border-radius:999px;place-items:center;transition:background .15s;display:grid}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.chip{border:1px solid var(--line);background:var(--card);height:32px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.chip:hover{color:var(--ink);border-color:var(--ink-3)}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.tag{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:500}.pill{border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill.en-cours{background:var(--accent-soft);color:var(--accent)}.pill.lu{background:var(--moss-soft);color:var(--moss)}.pill.pal{background:var(--indigo-soft);color:var(--indigo)}.pill.envie{background:var(--rose-soft);color:var(--rose)}.pill.abandonne{background:var(--paper-2);color:var(--ink-3)}.input{border:1px solid var(--line);background:var(--card);border-radius:12px;outline:none;width:100%;height:42px;padding:0 14px;transition:border-color .15s}.input:focus{border-color:var(--ink-3)}textarea.input{resize:vertical;height:auto;min-height:110px;padding:12px 14px;line-height:1.5}.cover{aspect-ratio:2/3;background:var(--paper-2);border-radius:3px 7px 7px 3px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000014,0 10px 22px -10px #28190a8c}.cover img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.cover img.in{opacity:1}.cover:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000038 0,#ffffff2e 2.5%,#0000000d 5%,#0000 9% 92%,#0000000f);position:absolute;inset:0}.cover-fallback{color:#fff8ec;flex-direction:column;justify-content:space-between;padding:12% 10% 10% 14%;transition:opacity .4s;display:flex;position:absolute;inset:0}.cover-fallback .t{font-family:var(--serif);font-size:clamp(12px,1.3vw,19px);font-weight:600;line-height:1.05}.cover-fallback .a{letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:10px}.cover-fallback .rule{opacity:.6;background:currentColor;width:30%;height:1px;margin:8px 0}.book-card{flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.book-card:hover .cover{transform:translateY(-4px)rotate(-.6deg);box-shadow:0 2px 4px #0000001a,0 20px 30px -12px #28190a99}.book-card .title{font-family:var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.book-card .author{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.book-card .badge-tl{z-index:2;position:absolute;top:8px;left:8px}.book-card .badge-tr{z-index:2;position:absolute;top:8px;right:8px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px 22px;display:grid}.rail{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:158px;grid-auto-flow:column;gap:22px;margin:0 -2px;padding:6px 2px 18px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}@media (width<=600px){.grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.rail{grid-auto-columns:128px;gap:14px}}.match{background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:24px;color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:0 8px 0 4px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000002e}.match svg circle{transition:stroke-dashoffset 1s cubic-bezier(.2,.7,.2,1)}.stars{color:var(--gold);gap:2px;display:inline-flex}.stars.input-stars button{padding:2px;transition:transform .15s}.stars.input-stars button:hover{transform:scale(1.15)}.stars .pop{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.toast{z-index:100;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:10px;padding:11px 18px;font-size:14px;font-weight:500;animation:.35s cubic-bezier(.2,.9,.3,1.2) toast;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}@media (width<=900px){.toast{bottom:84px}}.overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140e0a73;justify-content:center;padding:10vh 16px 16px;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.palette{flex-direction:column;width:min(640px,100%);max-height:70vh;animation:.25s cubic-bezier(.2,.7,.2,1) rise;display:flex;overflow:hidden}.palette-input{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette-input input{background:0 0;border:0;outline:0;flex:1;font-size:17px}.palette-list{padding:8px;overflow-y:auto}.palette-item{text-align:left;border-radius:10px;align-items:center;gap:14px;width:100%;padding:8px 10px;display:flex}.palette-item.sel,.palette-item:hover{background:var(--paper-2)}.palette-item .cover{flex:none;width:38px}.progress{background:var(--paper-2);border-radius:99px;height:6px;overflow:hidden}.progress>div{background:var(--accent);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1)}.avatar{width:36px;height:36px;font-family:var(--serif);color:#fff8ec;border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:600;display:grid}.divider{background:var(--line);height:1px;margin:28px 0}.empty{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:12px;padding:56px 20px;display:flex}.empty svg{color:var(--ink-3)}.seg{background:var(--paper-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{height:32px;color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.spoiler{filter:blur(6px);-webkit-user-select:none;user-select:none;cursor:pointer;transition:filter .3s}.ribbon-drop{transform-origin:top;animation:.5s cubic-bezier(.3,1.4,.5,1) ribbon}@keyframes ribbon{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.home-head{margin-bottom:30px}.home-head h1{margin-top:6px}.home-sub{margin-top:10px;font-size:16px}.home-top{grid-template-columns:1.6fr 1fr;align-items:start;gap:28px;display:grid}.reading-list{gap:14px;display:grid}.reading{gap:18px;padding:16px;display:flex}.reading-cover{flex:none;width:92px}.reading-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.reading-title{font-size:21px;font-weight:500;line-height:1.15}.reading-title:hover{color:var(--accent)}.reading-meta{justify-content:space-between;margin-top:auto;display:flex}.reading-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.reading-empty{flex-direction:column;align-items:flex-start;gap:8px;padding:28px;display:flex}.goal{align-items:center;gap:20px;padding:22px;transition:transform .2s;display:flex}.goal:hover{transform:translateY(-2px)}.goal-ring{flex:none;position:relative}.goal-num{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.goal-num .serif{font-size:34px;font-weight:600}.reason{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.moods{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.mood{--tint:hsl(var(--h) 45% 46%);border-radius:var(--radius);background:color-mix(in srgb, var(--tint) 14%, var(--card));border:1px solid color-mix(in srgb, var(--tint) 22%, var(--line-2));flex-direction:column;justify-content:flex-end;min-height:168px;padding:16px 16px 14px;transition:transform .25s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.mood:hover{transform:translateY(-3px)}.mood-stack{width:64px;height:90px;position:absolute;top:14px;right:10px}.mood-stack .cover{width:50px;top:0;right:calc(var(--i) * 12px);transform:rotate(calc((var(--i) - 1) * 8deg));z-index:calc(3 - var(--i));transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute}.mood:hover .mood-stack .cover{transform:rotate(calc((var(--i) - 1) * 14deg)) translateY(-4px)}.mood-label{font-size:17px;font-weight:500;line-height:1.15;position:relative}.mood-hint{color:var(--tint);margin-top:4px;position:relative}.home-split{grid-template-columns:1fr 1fr;gap:28px;display:grid}.trend{margin:0;padding:6px;list-style:none}.trend li a{border-radius:10px;align-items:center;gap:14px;padding:10px;transition:background .15s;display:flex}.trend li a:hover{background:var(--paper-2)}.trend .cover{flex:none;width:44px}.trend-n{color:var(--ink-3);text-align:center;flex:none;width:24px;font-size:30px;font-style:italic;font-weight:300}.feed{margin:0;padding:6px 16px;list-style:none}.feed li{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:12px 0;display:flex}.feed li:last-child{border:0}.list-cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.list-card{flex-direction:column;gap:16px;padding:18px;transition:transform .25s cubic-bezier(.2,.7,.2,1);display:flex}.list-card:hover{transform:translateY(-3px)}.fan{aspect-ratio:2.2;margin:-4px;padding:4px;position:relative;overflow:hidden}.fan .cover{width:31%;left:calc(var(--i) * 22.5%);z-index:calc(4 - var(--i));transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;top:4px}.list-card:hover .fan .cover{transform:translateY(-3px) rotate(calc((var(--i) - 1.5) * 2deg))}@media (width<=1100px){.moods{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.home-top,.home-split,.list-cards{grid-template-columns:1fr}}@media (width<=600px){.moods{grid-template-columns:repeat(2,1fr);gap:10px}.mood{min-height:150px}.reading-cover{width:72px}.reading-title{font-size:18px}}.book-hero{--tint:hsl(var(--h) 40% 45%);background:color-mix(in srgb, var(--tint) 11%, var(--paper));border-bottom:1px solid color-mix(in srgb, var(--tint) 18%, var(--line-2));position:relative;overflow:hidden}.book-hero-inner{grid-template-columns:minmax(180px,240px) minmax(0,1fr) 270px;grid-auto-flow:dense;align-items:start;gap:36px;padding-top:44px;display:grid;padding-bottom:40px!important}.book-cover-wrap{position:relative}.book-cover-wrap .cover{box-shadow:0 2px 4px #0000001a,0 30px 50px -20px #28190a99}.ribbon{z-index:3;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);width:22px;height:64px;position:absolute;top:-6px;right:22px;box-shadow:inset 0 6px 6px -4px #00000059}.book-title{font-variation-settings:"SOFT" 50;margin-top:8px;font-size:clamp(32px,4.6vw,54px)}.book-author{color:var(--ink-2);margin-top:8px;font-size:19px}.book-meta{color:var(--ink-2);flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:14px;display:flex}.book-meta>span{align-items:center;gap:6px;display:inline-flex}.status-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.status-btn{background:var(--card);border:1px solid var(--line);height:44px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:14.5px;font-weight:600;transition:all .18s cubic-bezier(.2,.7,.2,1);display:inline-flex}.status-btn:hover{color:var(--ink);border-color:var(--c)}.status-btn.on{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 6px 16px -6px var(--c)}.status-btn.on svg{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.fav{border:1px solid var(--line);background:var(--card);width:44px;height:44px}.fav.on{color:var(--rose);border-color:var(--rose)}.fav.on svg{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}.menu{z-index:10;flex-direction:column;min-width:240px;padding:6px;animation:.2s rise;display:flex;position:absolute;top:46px;right:0}.menu button{text-align:left;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.menu button:hover{background:var(--paper-2)}.progress-box{max-width:460px;margin-top:18px;padding:16px 18px}.range{appearance:none;background:linear-gradient(90deg, var(--accent) var(--p), var(--paper-2) var(--p));border-radius:99px;outline:none;width:100%;height:6px}.range::-webkit-slider-thumb{appearance:none;background:var(--card);border:2px solid var(--accent);width:20px;height:20px;box-shadow:var(--shadow);cursor:grab;border-radius:50%}.range::-moz-range-thumb{background:var(--card);border:2px solid var(--accent);cursor:grab;border-radius:50%;width:18px;height:18px}.rate-box{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.match-card{padding:20px}.match-head{align-items:center;gap:16px;display:flex}.match-num{justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex;position:absolute;inset:0}.match-num small{font-size:12px}.reasons{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.reasons li{color:var(--ink-2);padding-left:18px;font-size:13.5px;line-height:1.35;position:relative}.reasons li:before{content:"";background:var(--accent);border-radius:2px;width:7px;height:7px;position:absolute;top:6px;left:2px;transform:rotate(45deg)}.book-body{grid-template-columns:1fr 280px;gap:56px;display:grid}.book-desc{font-family:var(--serif);max-width:680px;margin-top:14px;font-size:19px;font-weight:380;line-height:1.6}.book-desc:first-letter{float:left;color:var(--accent);padding:6px 10px 0 0;font-size:3.2em;font-weight:500;line-height:.85}.chars{flex-wrap:wrap;gap:10px;display:flex}.char{background:var(--card);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-size:14px;font-weight:500;display:inline-flex}.review-editor{padding:14px}.review-editor textarea{background:0 0;border:0;min-height:90px;padding:4px}.review-editor-foot{border-top:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:12px;display:flex}.btn:disabled{opacity:.45;pointer-events:none}.reviews{gap:14px;display:grid}.review{padding:18px 20px;position:relative}.review.mine{border-color:color-mix(in srgb, var(--accent) 35%, var(--line-2))}.review-head{align-items:center;gap:12px;display:flex}.review-text{margin-top:12px;font-size:15.5px;line-height:1.6}.reveal{margin-top:6px;text-decoration:underline}.like{color:var(--ink-3);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:13px;transition:all .15s;display:inline-flex}.like:hover{color:var(--ink)}.like.on{color:var(--accent);border-color:var(--accent)}.aside-lists{gap:8px;display:grid}.aside-list{background:var(--card);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:500;transition:transform .2s;display:flex}.aside-list:hover{transform:translate(3px)}.aside-list .rank{color:var(--accent);font-size:18px;font-style:italic;font-weight:600}@media (width<=1280px){.book-hero-inner{grid-template-columns:220px 1fr}.match-card{grid-column:2;max-width:520px}}@media (width<=900px){.book-body{grid-template-columns:1fr;gap:30px}}@media (width<=640px){.book-hero-inner{grid-template-columns:1fr;gap:22px;padding-top:22px}.book-cover-col{justify-content:center;display:flex}.match-card{text-align:left;grid-column:auto;max-width:none}.book-cover-wrap{width:180px}.book-info{text-align:center}.book-meta,.status-row,.rate-box{justify-content:center}.status-btn{height:40px;padding:0 14px;font-size:13.5px}.progress-box{text-align:left;margin-left:auto;margin-right:auto}.book-desc{font-size:17px}}