@font-face{font-family:Pretendard;font-weight:400 500;font-display:swap;src:url(/fonts/Pretendard-Regular.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600 800;font-display:swap;src:url(/fonts/Pretendard-SemiBold.subset.woff2) format("woff2")}:root{--bg: #efe6dd;--surface: #faf6f1;--text: #2a1f1c;--muted: #76665e;--line: #ddd0c3;--accent: #9a0002;--accent-text: #ffffff;--green: #2f6b4f;--green-text: #ffffff;--mention: #2b5f8e;--warn: #9a4b16;--scrim: rgb(0 0 0 / .4);--scanner-bg: #000;color-scheme:light;font-family:Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.5}@media(prefers-color-scheme:dark){:root{--bg: #1c1716;--surface: #262020;--text: #efe6dd;--muted: #a8998f;--line: #3a302d;--accent: #e8666a;--accent-text: #1c0a0a;--green: #6fbf95;--green-text: #0d1f15;--mention: #8cb8e6;--warn: #e59a62;--scrim: rgb(0 0 0 / .6);--scanner-bg: #000;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.4rem;margin:.5rem 0}h2{font-size:1.05rem;margin:1.5rem 0 .5rem}a{color:var(--accent)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;padding:.6rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}label{display:grid;gap:.3rem;margin:.5rem 0}button,.button{padding:.55rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;text-decoration:none;color:var(--text);white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.small{padding:.35rem .7rem;font-size:.9rem}button.link{border:0;background:none;color:var(--accent);padding:.3rem 0}button.icon{border:0;background:none;padding:.3rem .5rem;font-size:1.2rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:560px;margin:0 auto;padding:1rem 1rem 5rem}.center{display:grid;place-items:center;min-height:60vh}.muted{color:var(--muted)}.small{font-size:.85rem}.pre{white-space:pre-line}.msg{color:var(--warn)}.ok{color:var(--green);font-weight:600}.warn{color:var(--warn);font-size:.9rem}.row{display:flex;gap:.5rem;align-items:center}.row input{flex:1}.stats{text-align:center;margin-top:2rem}.topbar{display:flex;gap:.5rem;align-items:center}.topbar h1{flex:1}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:.8rem;color:var(--muted);text-decoration:none}.tabbar a.active{color:var(--accent);font-weight:600}.batch{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.5rem .75rem;margin-bottom:.75rem}.batch-head{font-size:.9rem;color:var(--muted);padding:.25rem 0}.book-row{display:flex;gap:.75rem;align-items:center;padding:.5rem 0;border-top:1px solid var(--line)}.book-row:first-of-type{border-top:0}a.book-row,.book-row.plain-btn{width:100%;text-decoration:none;color:var(--text)}.book-row.plain-btn{border:0;border-top:1px solid var(--line);border-radius:0;background:none;padding:.5rem 0;white-space:normal;text-align:left}.batch-head+.book-row{border-top:0}.book-meta{flex:1;min-width:0;display:grid;text-align:left}.book-title{font-weight:600;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis}.badge{font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.1rem .5rem;white-space:nowrap}.cover{object-fit:cover;border-radius:4px;background:var(--line);flex:none}.cover-sm{width:44px;height:64px}.cover-md{width:72px;height:104px}.cover-lg{width:110px;height:160px}.cover-empty{display:grid;place-items:center;color:var(--muted);font-size:.8rem}.searchbar{display:flex;gap:.5rem}.results{list-style:none;padding:0;margin:.75rem 0}.result{display:flex;gap:.75rem;width:100%;align-items:center;padding:.5rem;margin-bottom:.5rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);white-space:normal;text-decoration:none;color:var(--text)}.chips{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem}.chip{border-radius:8px;padding:.35rem .8rem}.chip.on{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.book-head{display:flex;gap:1rem;align-items:flex-start}.book-head p{margin:.25rem 0}.plain{list-style:none;padding:0}.plain li{padding:.5rem 0;border-bottom:1px solid var(--line)}details{margin:1rem 0}summary{cursor:pointer;font-weight:600}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:16px 16px 0 0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));display:grid;gap:.5rem}.sheet-title{margin:0 0 .5rem;font-size:1.1rem}.sheet-sub{font-size:.9rem;font-weight:400;color:var(--muted)}.menu{display:grid;gap:.5rem}.menu>button{text-align:left}.check{display:flex;gap:.5rem;align-items:center}.check input{width:auto}.lib-row{display:flex;justify-content:space-between;align-items:center}.rating{display:flex;gap:.75rem;align-items:center}.rating input{flex:1;accent-color:var(--accent)}.rating-value{min-width:5.5rem;font-weight:600}.scan{position:relative;width:100%;aspect-ratio:16 / 9;max-height:32vh;margin:.5rem 0;border-radius:12px;overflow:hidden;background:var(--scanner-bg)}.scan video{display:block;width:100%;height:100%;object-fit:cover}.scan .msg{margin:0;padding:1rem 5rem 1rem 1rem;color:#fff}.scan-guide{position:absolute;top:22%;right:14%;bottom:22%;left:14%;border:2px solid #fff;border-radius:8px;box-shadow:0 0 0 100vmax #00000073}.scan-guide:after{content:"";position:absolute;left:8px;right:8px;top:50%;height:2px;background:#ff3b30;animation:scan-line 1.6s ease-in-out infinite alternate}@keyframes scan-line{0%{top:15%}to{top:85%}}@media(prefers-reduced-motion:reduce){.scan-guide:after{animation:none}}.scan-hint{position:absolute;left:0;right:0;bottom:.4rem;margin:0;text-align:center;color:#fff;font-size:.85rem}.scan-close{position:absolute;top:.5rem;right:.5rem}.toasts{position:fixed;left:50%;bottom:5rem;transform:translate(-50%);z-index:20;width:max-content;max-width:calc(100% - 2rem);display:grid;gap:.4rem;justify-items:center}.toast{display:flex;gap:1rem;align-items:center;background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:10px}.toast .link{color:var(--bg);text-decoration:underline;flex:none;min-height:32px}.auth{max-width:360px;margin:10vh auto;padding:1rem;display:grid;gap:.5rem}.stats,.batch-head{font-variant-numeric:tabular-nums}.warn-text{color:var(--warn)}.banner{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.4rem .75rem}.metrics{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;margin:.5rem 0;font-variant-numeric:tabular-nums}.metrics dd{margin:0;text-align:right}.rail{display:flex;gap:1.25rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;scrollbar-width:none;margin:0 -1rem;padding:0 1rem .25rem}.rail::-webkit-scrollbar{display:none}.rail>*{flex:none;scroll-snap-align:start}.rail:after{content:"";flex:0 0 .375rem}.tile{width:12.5rem;display:grid;gap:.15rem;align-content:start;color:var(--text);text-decoration:none}.tile-cover{position:relative;margin-bottom:.35rem}.tile-cover>a{display:block}.cover-tile{width:12.5rem;height:18.125rem;object-fit:cover;display:block;border-radius:4px;box-shadow:0 1px 4px #0000002e}.cover-tile.cover-empty{display:grid}.tile-more{position:absolute;top:.2rem;right:.2rem;background:var(--surface);border-radius:999px;padding:0 .45rem;line-height:1.6;opacity:.9}.tile-title{font-weight:600;font-size:.9rem;line-height:1.35;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;word-break:keep-all}.tile-meta{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.tile-meta.warn-text{color:var(--warn)}.tile-meta.ok{color:var(--green);font-weight:600}.tile-lib{display:grid}a.tile-meta{color:var(--accent)}.tile button.small,.tile .badge{justify-self:start;margin-top:.3rem;min-height:36px;padding:.3rem .9rem;font-size:.85rem}.tile-reason{font-size:.82rem;line-height:1.4;margin:.15rem 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tile-note{font-size:.78rem;color:var(--muted)}.tile-badge{position:absolute;left:.25rem;top:.25rem;font-size:.72rem;background:var(--green);color:var(--green-text);border-radius:999px;padding:.05rem .45rem}.tile-actions{display:flex;justify-content:space-between;gap:.35rem;margin-top:.3rem}.tile-actions button.small{margin-top:0}.tile.skeleton{height:26rem;background:var(--surface);border-radius:8px;opacity:.6}.pick-tile{align-self:stretch;grid-template-rows:auto auto auto auto 1fr}.rail-wrap{position:relative}.rail.dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.rail-arrow{display:none}@media(hover:hover)and (pointer:fine){.rail{cursor:grab}.rail-arrow{position:absolute;top:8rem;z-index:2;width:2.25rem;height:2.25rem;padding:0;border-radius:999px;place-items:center;font-size:1.4rem;line-height:1;background:var(--surface);box-shadow:0 1px 4px #0003}.rail-arrow.prev{left:-.5rem}.rail-arrow.next{right:-.5rem}.rail-wrap:hover .rail-arrow{display:grid}}.menu>button.save{justify-self:end}.logo{margin:0;line-height:0;display:flex;align-items:center;gap:.4rem}.logo img{height:2rem;width:auto;display:block}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;color:var(--text)}.badge-dot{position:absolute;top:6px;right:4px;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.7rem;line-height:1.1rem;text-align:center}.home-search{display:flex;align-items:center;gap:.25rem;margin:.75rem 0 .25rem;padding-left:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.home-search input{flex:1;min-width:0;border:0;background:none;padding:.5rem 0}.home-search input:focus{outline:none}.home-search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.mention{color:var(--mention);font-weight:600}.one-liners>li{padding:.6rem 0;border-bottom:1px solid var(--line)}.one-liner-head{display:flex;align-items:center;justify-content:space-between}.one-liner-head .icon-button{min-width:36px;min-height:36px;color:var(--muted)}.one-liner-text{display:block;width:100%;white-space:normal;text-align:left;border:0;background:none;padding:.2rem 0;color:var(--text)}.replies{margin:.4rem 0 0 .75rem;padding-left:.75rem;border-left:2px solid var(--line)}.replies li{padding:.3rem 0}.row.end{justify-content:flex-end}.notes li{padding:.6rem 0;border-bottom:1px solid var(--line)}.notes li a{color:inherit;text-decoration:none;display:block}.notes li.unread{background:color-mix(in srgb,var(--accent) 6%,transparent)}.lib-results li{padding:.35rem 0;gap:.5rem}.one-liner>button.link{display:block}.tile-button{display:grid;gap:.15rem;width:100%;white-space:normal;border:0;background:none;padding:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.book-fields{margin:1rem 0 -.25rem}.clamp{display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.tile-rank{position:absolute;left:.3rem;top:.3rem;display:flex;align-items:center;gap:.3rem;padding-right:.3rem;font-size:.78rem;font-variant-numeric:tabular-nums;background:var(--surface);border-radius:4px;box-shadow:0 1px 3px #0003}.rank-num{min-width:1.4rem;padding:.05rem .3rem;border-radius:4px;background:var(--text);color:var(--bg);font-weight:700;text-align:center}.rank-up{color:var(--accent)}.rank-down{color:var(--mention)}.rank-same{color:var(--muted)}.tile-source{justify-self:start;font-size:.72rem;color:var(--muted);text-decoration:none;opacity:.8}.bb{display:flex;flex-direction:column;gap:12px;--paper: #fbf6ea;--paper-2: #f3ead6;--ink: #3b2f28;--ink-soft: #8b7b6e;--f-book: "Gowun Batang", "Noto Serif KR", serif;--f-hand: "Nanum Pen Script", "Gowun Batang", cursive}.bb h1,.bb h2{margin:0}.bb-top{display:flex;align-items:center;justify-content:space-between}.bb-seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.bb-seg button{border:0;border-radius:0;padding:6px 14px;font-size:14px;background:var(--surface);color:var(--muted)}.bb-seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:600}.bb-desk{position:relative;height:300px;border-radius:14px;overflow:hidden;background:radial-gradient(70% 60% at 50% 38%,rgba(255,222,170,.3),transparent 70%),repeating-linear-gradient(177deg,rgba(40,22,10,.1) 0 1px,transparent 1px 7px),repeating-linear-gradient(183deg,rgba(255,225,190,.06) 0 2px,transparent 2px 17px),linear-gradient(#6d4e37,#563c29);box-shadow:inset 0 0 40px #00000059}.bb-bookwrap{position:absolute;left:50%;top:34px;width:320px;height:222px;transform:translate(-50%);transition:transform .8s cubic-bezier(.3,.7,.3,1)}.bb-board{position:absolute;top:-7px;bottom:-9px;z-index:0;border-radius:5px;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 18px 26px #28190a47,0 3px 6px #28190a2e;transition:top .5s,bottom .5s,left .7s cubic-bezier(.3,.7,.3,1),right .7s cubic-bezier(.3,.7,.3,1)}.bb-board.shut{top:-4px;bottom:-6px;box-shadow:3px 4px 0 var(--c2),0 18px 26px #28190a47}.bb-layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.bb-layer{position:absolute;top:0;width:160px;height:222px;box-sizing:border-box;background:#fbf5e7;border-bottom:1px solid #d6c4a0}.bb-layer.l{border-left:1px solid #d6c4a0;border-radius:0 0 0 2px}.bb-layer.r{border-right:1px solid #d6c4a0;border-radius:0 0 2px}.bb-layer:nth-child(2n){background:#f4ead6}.bb-holder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.bbp{overflow:hidden}.bbp .pg{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;padding:18px 16px 22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);background:radial-gradient(140% 100% at 50% 0%,#fffcf4,var(--paper) 55%,var(--paper-2))}.bbp.l:not(.cover):not(.endpaper) .pg{background:linear-gradient(to left,#462d0f6b 0,#462d0f24 5%,#ffffff73 12%,#fff0 26%),linear-gradient(to right,rgba(90,60,25,.1),transparent 8%),radial-gradient(140% 100% at 50% 0%,#fffcf4,var(--paper) 55%,var(--paper-2))}.bbp.r:not(.cover):not(.endpaper) .pg{background:linear-gradient(to right,#462d0f6b 0,#462d0f24 5%,#ffffff73 12%,#fff0 26%),linear-gradient(to left,rgba(90,60,25,.1),transparent 8%),radial-gradient(140% 100% at 50% 0%,#fffcf4,var(--paper) 55%,var(--paper-2))}.bbp .pg>*{flex-shrink:0}.bbp .no{position:absolute;bottom:8px;font-family:var(--f-book);font-size:10px;color:var(--ink-soft)}.bbp.l .no{left:14px}.bbp.r .no{right:14px}.bbp .ruled{position:absolute;top:40px;right:18px;bottom:34px;left:18px;background:repeating-linear-gradient(to bottom,transparent 0 15px,rgba(120,100,70,.16) 15px 16px)}.bbp .entry img,.bbp .entry .nocover{width:62px;height:90px;object-fit:cover;border-radius:2px;box-shadow:0 2px 5px #00000040;margin-top:4px;background:#e8dcc4}.bbp .entry .t{font-family:var(--f-book);font-weight:700;font-size:14px;line-height:1.35;text-align:center;text-wrap:balance;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bbp .entry .d{font-family:var(--f-hand);font-size:19px;line-height:1;color:#5b4636}.bbp .entry .s{font-size:11px;color:#c58a12;letter-spacing:1px}.bbp .entry .k{font-family:var(--f-book);font-size:10px;color:var(--ink-soft);letter-spacing:.5px}.bbp .reading .bar{width:80%;height:4px;border-radius:2px;background:#78644633;overflow:hidden}.bbp .reading .bar i{display:block;height:100%;background:#2f6b4f}.bbp.endpaper .pg{background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.18) 0 2px,transparent 3px) 0 0 / 18px 18px,linear-gradient(160deg,var(--c3),var(--c4));color:#fff;justify-content:center}.bbp .note{font-family:var(--f-hand);font-size:24px;line-height:1.2;text-align:center;background:#fbf6ea;color:#4a3a2e;padding:12px 14px;border-radius:3px;transform:rotate(-2deg);box-shadow:0 2px 6px #0003}.bbp.cover .pg{background:linear-gradient(160deg,var(--c1),var(--c2));color:#fff;justify-content:center;gap:4px}.bbp.cover .pg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgba(0,0,0,.035) 0 2px,transparent 2px 4px)}.bbp.cover .pg:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(255,255,255,.28);border-radius:3px}.bbp.cover .yr{font-family:var(--f-book);font-weight:700;font-size:34px;letter-spacing:3px;text-shadow:0 1px 0 rgba(0,0,0,.25)}.bbp.cover .nm{font-size:12px;letter-spacing:3px;opacity:.9}.bbp.cover img{width:46px;margin-top:10px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.bbp.r.cover .pg{box-shadow:inset 10px 0 12px -8px #00000059}.bbp.l.cover .pg{box-shadow:inset -10px 0 12px -8px #00000059}.m-leather .bbp.cover .pg,.m-leather .bb-board,.bb-spine.m-leather{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0 1px,transparent 2px) 0 0 / 7px 6px,radial-gradient(circle at 70% 60%,rgba(0,0,0,.16) 0 1px,transparent 2px) 0 0 / 9px 8px,radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.22),transparent 55%),linear-gradient(160deg,var(--c1),var(--c2))}.m-leather .bbp.cover .pg:before{background:none}.m-leather .bbp.cover .pg:after{top:9px;right:9px;bottom:9px;left:9px;border:1.5px dashed rgba(255,236,205,.6);border-radius:6px}.m-leather .bbp.cover .yr{text-shadow:0 -1px 0 rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.25);color:#ffffffd9}.m-kraft .bbp.cover .pg,.m-kraft .bb-board,.bb-spine.m-kraft{background:radial-gradient(circle,rgba(70,40,15,.35) 0 .8px,transparent 1.2px) 0 0 / 11px 9px,radial-gradient(circle,rgba(255,240,210,.35) 0 .7px,transparent 1.1px) 5px 4px / 13px 12px,linear-gradient(160deg,#c9a172,#a97f52)}.m-kraft .bbp.cover .pg{color:#3b2a1c}.m-kraft .bbp.cover .pg:before{background:linear-gradient(90deg,var(--c2) 0 14%,transparent 14%)}.m-kraft .bbp.cover .pg:after{inset:auto;left:30px;right:16px;top:50%;height:92px;transform:translateY(-62%);border:0;border-radius:4px;background:#fbf6ea;box-shadow:0 0 0 2px var(--c1),0 2px 4px #0003}.m-kraft .bbp.cover .yr,.m-kraft .bbp.cover .nm{position:relative;z-index:1;text-shadow:none;color:#3b2a1c;margin-left:14px}.m-kraft .bbp.cover img{position:relative;z-index:1;margin-top:30px}.m-linen .bbp.cover .pg,.m-linen .bb-board,.bb-spine.m-linen{background:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 1px,transparent 1px 3px),linear-gradient(160deg,var(--c1),var(--c2))}.m-linen .bbp.cover .pg:before{background:none}.m-linen .bbp.cover .pg:after{top:14px;right:14px;bottom:14px;left:14px;border:2px solid transparent;border-image:linear-gradient(135deg,#f7e2a1,#b8892c,#f7e2a1) 1}.m-linen .bbp.cover .yr{background:linear-gradient(180deg,#fff1bf,#d6a640 55%,#a5761f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.m-linen .bbp.cover .nm{color:#f2d48a}.bb-bug{position:absolute;width:58px;z-index:5;pointer-events:none;transform-origin:30% 85%;animation:bbread 3.6s ease-in-out infinite;transition:left .7s cubic-bezier(.3,.7,.3,1),top .7s cubic-bezier(.3,.7,.3,1),opacity .5s}@keyframes bbread{0%,to{rotate:0deg}50%{rotate:-5deg}}.bb-star{position:absolute;width:16px;height:16px;z-index:6;pointer-events:none;filter:drop-shadow(0 0 4px rgba(245,200,76,.9));animation:bbtw 1.8s ease-in-out infinite}@keyframes bbtw{0%,to{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}.bb-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.bb-stat b{font-size:26px;font-variant-numeric:tabular-nums}.bb-msg{font-size:13px;font-weight:600;color:var(--muted);text-align:right}.bb-msg.done{color:var(--accent)}.bb>button.small{align-self:flex-start}.bb-goalcard{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.bb-goalrow{display:flex;align-items:center;gap:8px}.bb-goalrow input{width:90px}.bb-shelf{position:relative;display:flex;align-items:flex-end;gap:3px;height:168px;padding:0 18px;border-radius:10px;background:linear-gradient(#e9dccd,#d9c7b3);box-shadow:inset 0 8px 14px -8px #00000040;overflow:hidden}.bb-shelf:after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(#c49a6c,#8f6640);box-shadow:0 -2px 4px #0000002e}.bb-bookend{position:relative;z-index:1;margin-bottom:14px;width:10px;height:90px;border-radius:2px;background:linear-gradient(90deg,#8f6640,#c49a6c)}.bb-spine{position:relative;z-index:1;margin-bottom:14px;padding:10px 0 8px;border:0;border-radius:3px 3px 1px 1px;min-height:0;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;box-shadow:1px 0 #00000040;white-space:normal;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 18%,rgba(255,255,255,.14) 45%,transparent 60%,rgba(0,0,0,.25)),linear-gradient(var(--c1),var(--c2));transition:transform .45s cubic-bezier(.3,.7,.3,1),box-shadow .45s,opacity .3s}.bb-spine:before,.bb-spine:after{content:"";position:absolute;left:3px;right:3px;height:2px;background:#ffe6a08c}.bb-spine:before{top:22px}.bb-spine:after{bottom:26px}.bb-spine b{writing-mode:vertical-rl;font-family:var(--f-book);font-size:14px;letter-spacing:2px}.bb-spine span{writing-mode:vertical-rl;font-size:10px;letter-spacing:1px;opacity:.9;font-variant-numeric:tabular-nums}.bb-spine img{width:18px}.bb-spine.m-kraft{color:#3b2a1c;box-shadow:inset 0 22px 0 -16px var(--c2),inset 0 -26px 0 -20px var(--c2),1px 0 #00000040}.bb-spine.m-linen b{color:#f6dc93}.bb-spine.now{transform:translateY(-14px) rotate(-3deg);box-shadow:4px 8px 12px #00000047}.bb-spine.pulling{transform:translateY(-150px) rotate(-6deg);opacity:0}.bb-spine.miss{filter:saturate(.55) brightness(.92)}.bb-spine.over{animation:bbglow 2.8s ease-in-out infinite}.bb-spine.over:before,.bb-spine.over:after{background:#ffecaaf2;box-shadow:0 0 6px #ffdc8ce6}@keyframes bbglow{0%,to{filter:brightness(1.04) drop-shadow(0 0 5px rgba(255,214,120,.75)) drop-shadow(0 0 14px rgba(255,196,80,.4))}50%{filter:brightness(1.12) drop-shadow(0 0 9px rgba(255,226,150,1)) drop-shadow(0 0 24px rgba(255,200,90,.65))}}.bb-glint{position:absolute;z-index:2;width:13px;height:13px;pointer-events:none;fill:#ffe9a8;filter:drop-shadow(0 0 3px rgba(255,220,120,1));animation:bbtw 2.2s ease-in-out infinite}.bb-halo{position:relative;z-index:0;width:0;align-self:stretch;pointer-events:none}.bb-halo:before{content:"";position:absolute;bottom:14px;left:20px;width:80px;height:150px;transform:translate(-50%);background:radial-gradient(50% 60% at 50% 65%,rgba(255,214,130,.6),transparent 72%);animation:bbhalo 2.8s ease-in-out infinite}@keyframes bbhalo{0%,to{opacity:.55}50%{opacity:1}}.bb-reading{display:flex;flex-direction:column;gap:8px}.bb-rcard{display:flex;align-items:center;gap:12px;padding:10px 12px;text-align:left;white-space:normal;border-radius:10px}.bb-rcard img,.bb-rnone{width:44px;height:64px;object-fit:cover;border-radius:2px;flex:none;background:var(--line)}.bb-rmeta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.bb-bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.bb-bar i{display:block;height:100%;background:var(--green)}.bb-due{font-size:13px;font-weight:600;color:var(--accent)}.bb-chev{color:var(--muted);font-size:22px}.bb-pnow{display:flex;flex-direction:column;gap:2px}.bb-pnow b{font-size:30px}.bb-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bb-cal{display:flex;flex-direction:column;gap:6px;padding:6px 6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.bb-calhead{display:flex;align-items:center;justify-content:space-between}.bb-dow,.bb-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.bb-dow{text-align:center;font-size:12px;color:var(--muted)}.bb-dow span:first-child{color:var(--accent)}.bb-day{position:relative;height:66px;padding:0;overflow:hidden;border:0;border-radius:6px;background:var(--bg);min-height:0}.bb-day.sel{box-shadow:inset 0 0 0 2px var(--text)}.bb-day img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-num{position:absolute;left:3px;top:2px;z-index:1;font-size:12px;line-height:16px;padding:0 4px;border-radius:8px;color:var(--text)}.bb-num.sun{color:var(--accent)}.bb-num.due{color:var(--accent);font-weight:700}.bb-num.on{background:#2a1f1cb8;color:#fff;font-weight:600}.bb-num.today{background:var(--text);color:var(--bg);font-weight:700}.bb-mark{position:absolute;bottom:2px;z-index:1;height:15px;padding:0 3px;border-radius:4px;font-size:15px;font-weight:700;line-height:14px;background:#faf6f1e6}.bb-loans{list-style:none;margin:4px 0 0;padding:6px 4px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:2px;font-size:13px}.bb-daydetail{display:flex;flex-direction:column;gap:6px;padding:6px 4px 0}.bb-ev{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);text-decoration:none}.bb-ev .tag{flex:none;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;color:#fff}.bb-ev .tag.read{background:var(--green)}@media(prefers-reduced-motion:reduce){.bb-bug,.bb-star,.bb-spine.over,.bb-glint,.bb-halo:before{animation:none}}