.uchilib-lp{--ulp-ink: #171713;--ulp-muted: #66665d;--ulp-paper: #f7f4ed;--ulp-card: #fffefa;--ulp-line: #ded9cd;--ulp-green: #194f45;--ulp-green-dark: #103d35;--ulp-lime: #dbe6aa;min-height:100vh;overflow-x:hidden;background:var(--ulp-paper);color:var(--ulp-ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}.uchilib-lp *,.uchilib-lp *:before,.uchilib-lp *:after{box-sizing:border-box}.uchilib-lp button,.uchilib-lp a{-webkit-tap-highlight-color:transparent}.uchilib-lp button:disabled{opacity:.58;cursor:wait}.ulp-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1240px,calc(100% - 48px));min-height:78px;margin:0 auto;border-bottom:1px solid var(--ulp-line)}.ulp-brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;color:inherit;font-size:1.18rem;font-weight:900;letter-spacing:-.035em;text-decoration:none}.ulp-brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--ulp-line);border-radius:11px;background:var(--ulp-card);color:var(--ulp-green)}.ulp-nav{display:flex;gap:28px}.ulp-nav a,.ulp-demo-link{color:var(--ulp-muted);font-size:.83rem;font-weight:700;text-decoration:none}.ulp-nav a:hover,.ulp-demo-link:hover{color:var(--ulp-ink)}.ulp-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.ulp-login-button{min-height:42px;padding:0 18px;border:1px solid var(--ulp-ink);border-radius:999px;background:var(--ulp-ink);color:#fff;font-weight:800}.ulp-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:clamp(40px,6vw,96px);width:min(1240px,calc(100% - 48px));min-height:670px;margin:0 auto;padding:72px 0 90px}.ulp-eyebrow,.ulp-kicker{color:var(--ulp-green);font-size:.73rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.ulp-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 22px;letter-spacing:.05em;text-transform:none}.ulp-eyebrow span{width:26px;height:2px;background:var(--ulp-green)}.ulp-hero h1{margin:0;font-size:clamp(3rem,5.4vw,5.55rem);line-height:1.02;letter-spacing:-.075em}.ulp-hero h1 em{color:var(--ulp-green);font-style:normal}.ulp-lead{max-width:600px;margin:28px 0 0;color:var(--ulp-muted);font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.9}.ulp-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.ulp-primary,.ulp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 22px;border-radius:12px;font-weight:900}.ulp-primary{border:1px solid var(--ulp-green);background:var(--ulp-green);color:#fff;box-shadow:0 12px 28px #194f452e}.ulp-primary:hover{background:var(--ulp-green-dark);transform:translateY(-1px)}.ulp-secondary{border:1px solid var(--ulp-line);background:var(--ulp-card);color:var(--ulp-ink)}.ulp-text-link{display:inline-flex;align-items:center;gap:6px;padding:10px 4px;color:var(--ulp-ink);font-size:.84rem;font-weight:800;text-decoration:none}.ulp-assurances{display:flex;flex-wrap:wrap;gap:8px 18px;margin:24px 0 0;padding:0;list-style:none;color:var(--ulp-muted);font-size:.78rem;font-weight:700}.ulp-assurances li{display:inline-flex;align-items:center;gap:5px}.ulp-assurances svg{color:var(--ulp-green)}.ulp-auth-error{display:flex;align-items:center;gap:12px;margin-top:14px;color:#a12b26;font-size:.85rem}.ulp-auth-error p,.ulp-checking{margin:0}.ulp-auth-error button{padding:7px 11px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit}.ulp-checking{margin-top:14px;color:var(--ulp-muted);font-size:.84rem}.ulp-product-wrap{position:relative;min-width:0;padding:38px 30px 42px}.ulp-orbit{position:absolute;border:1px solid rgba(25,79,69,.16);border-radius:50%}.ulp-orbit-one{inset:-46px -110px -54px 22px}.ulp-orbit-two{inset:20px -40px 8px 86px}.ulp-product{position:relative;z-index:2;overflow:hidden;border:1px solid #cfc9bb;border-radius:20px;background:#fff;box-shadow:0 34px 80px #2e2d2629;transform:rotate(1.2deg)}.ulp-product-bar{display:flex;align-items:center;gap:6px;height:45px;padding:0 14px;border-bottom:1px solid #e3ded3;background:#fbfaf6}.ulp-product-bar>span{width:7px;height:7px;border-radius:50%;background:#c9c4b9}.ulp-product-bar b{margin-left:10px;font-size:.7rem}.ulp-product-bar svg{margin-left:auto;color:#625f56}.ulp-product-body{display:grid;grid-template-columns:54px 1fr;min-height:390px}.ulp-product-body aside{display:flex;flex-direction:column;align-items:center;gap:26px;padding:25px 0;border-right:1px solid #e3ded3;background:#f8f6f0;color:#77736a}.ulp-product-body aside svg:first-child{color:var(--ulp-green)}.ulp-product-main{min-width:0;padding:25px 24px}.ulp-product-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ulp-product-heading small{display:block;margin-bottom:3px;color:#8c887e;font-size:.55rem;letter-spacing:.12em}.ulp-product-heading strong{display:block;font-size:1rem}.ulp-product-heading button{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:0;border-radius:8px;background:var(--ulp-green);color:#fff;font-size:.62rem;font-weight:800}.ulp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0 23px}.ulp-metrics div{padding:12px;border:1px solid #e3ded3;border-radius:10px;background:#fcfbf7}.ulp-metrics span{display:block;margin-bottom:5px;color:#77736a;font-size:.58rem}.ulp-metrics strong{font-size:1.25rem}.ulp-metrics small{margin-left:3px;color:#77736a;font-size:.55rem}.ulp-product-section{display:flex;justify-content:space-between;margin-bottom:9px;font-size:.65rem}.ulp-product-section span{color:var(--ulp-green)}.ulp-book-list{display:grid;gap:7px}.ulp-book-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border-radius:8px;background:#f8f6f0}.ulp-book-list i{width:28px;height:38px;border-radius:3px;background:#d8cba5;box-shadow:inset -5px 0 #0000000f}.ulp-book-list .cover-two{background:#b8d2cd}.ulp-book-list .cover-three{background:#cfb7a4}.ulp-book-list p{min-width:0;margin:0}.ulp-book-list b,.ulp-book-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ulp-book-list b{font-size:.62rem}.ulp-book-list span{margin-top:3px;color:#817d73;font-size:.52rem}.ulp-book-list em{color:var(--ulp-green);font-size:.54rem;font-style:normal;font-weight:800}.ulp-float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:180px;padding:11px 13px;border:1px solid #d5d0c4;border-radius:12px;background:#fffefaf5;box-shadow:0 16px 34px #2e2d2624;color:var(--ulp-green)}.ulp-float-card div{display:grid;gap:2px}.ulp-float-card small{color:#817d73;font-size:.55rem}.ulp-float-card b{color:var(--ulp-ink);font-size:.65rem}.ulp-float-search{top:8px;right:-12px}.ulp-float-return{bottom:5px;left:-8px}.ulp-problem{display:grid;grid-template-columns:.8fr repeat(3,1fr);width:min(1240px,calc(100% - 48px));margin:0 auto;border-block:1px solid var(--ulp-line)}.ulp-problem>p,.ulp-problem>div{min-height:112px;margin:0;padding:24px;border-right:1px solid var(--ulp-line)}.ulp-problem>p{display:flex;align-items:center;color:var(--ulp-muted);font-size:.78rem;font-weight:800}.ulp-problem>div{display:grid;align-content:center;gap:7px}.ulp-problem>div:last-child{border-right:0}.ulp-problem span{color:var(--ulp-muted);font-size:.72rem}.ulp-problem svg{display:none}.ulp-problem strong{font-size:.87rem}.ulp-section{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:120px 0}.ulp-section-head{display:grid;grid-template-columns:.55fr 1fr;gap:22px 60px}.ulp-section-head .ulp-kicker{grid-column:1 / -1;margin:0}.ulp-section-head h2{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:1.08;letter-spacing:-.055em}.ulp-section-head>p:last-child{max-width:540px;margin:6px 0 0;color:var(--ulp-muted);line-height:1.8}.ulp-feature-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:64px;border-block:1px solid var(--ulp-line)}.ulp-feature-list article{position:relative;min-height:310px;padding:32px;border-right:1px solid var(--ulp-line)}.ulp-feature-list article:last-child{border-right:0}.ulp-feature-number{color:#aaa59b;font:700 .68rem ui-monospace,monospace}.ulp-feature-icon{display:grid;place-items:center;width:52px;height:52px;margin-top:52px;border-radius:15px;background:var(--ulp-lime);color:var(--ulp-green-dark)}.ulp-feature-list h3{margin:19px 0 10px;font-size:1.18rem}.ulp-feature-list p{margin:0;color:var(--ulp-muted);font-size:.9rem;line-height:1.75}.ulp-more-features{display:flex;flex-wrap:wrap;justify-content:center;gap:28px 46px;padding-top:30px;color:var(--ulp-muted);font-size:.78rem;font-weight:800}.ulp-more-features span{display:inline-flex;align-items:center;gap:7px}.ulp-steps{width:100%;padding-inline:max(24px,calc((100% - 1240px)/2));background:var(--ulp-green-dark);color:#f9f8f2}.ulp-steps .ulp-section-head .ulp-kicker{color:var(--ulp-lime)}.ulp-steps .ulp-section-head>p:last-child{color:#b9c9c4}.ulp-steps ol{display:grid;grid-template-columns:repeat(3,1fr);margin:65px 0 0;padding:0;list-style:none}.ulp-steps li{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:32px;border-top:1px solid rgba(255,255,255,.22);border-right:1px solid rgba(255,255,255,.18)}.ulp-steps li:last-child{border-right:0}.ulp-steps li>span{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:var(--ulp-lime);font-size:.75rem;font-weight:900}.ulp-steps small{color:var(--ulp-lime);font-size:.6rem;letter-spacing:.1em}.ulp-steps h3{margin:9px 0;font-size:1rem}.ulp-steps li p{margin:0;color:#b9c9c4;font-size:.82rem;line-height:1.7}.ulp-scenes .ulp-section-head{grid-template-columns:1fr;max-width:720px}.ulp-scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}.ulp-scene-grid article{min-height:260px;padding:30px;border:1px solid var(--ulp-line);border-radius:16px;background:var(--ulp-card)}.ulp-scene-grid article>div{display:flex;align-items:center;justify-content:space-between;color:var(--ulp-green)}.ulp-scene-grid small{color:#9a958a;font-size:.58rem;font-weight:900;letter-spacing:.12em}.ulp-scene-grid h3{margin:74px 0 10px;font-size:1.25rem}.ulp-scene-grid p{margin:0;color:var(--ulp-muted);font-size:.88rem;line-height:1.75}.ulp-privacy{display:grid;grid-template-columns:1fr 1fr;gap:80px;width:min(1240px,calc(100% - 48px));margin:0 auto 120px;padding:64px;border-radius:24px;background:#e8e3d8}.ulp-privacy h2{margin:12px 0 0;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.12;letter-spacing:-.05em}.ulp-privacy-points{display:grid;gap:20px}.ulp-privacy-points p{display:grid;grid-template-columns:auto 1fr;gap:11px;margin:0;color:var(--ulp-green)}.ulp-privacy-points span{color:var(--ulp-muted);font-size:.84rem;line-height:1.65}.ulp-privacy-points b{display:block;margin-bottom:3px;color:var(--ulp-ink);font-size:.93rem}.ulp-final-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:86px max(24px,calc((100% - 1240px)/2));background:var(--ulp-ink);color:#fff}.ulp-final-cta p{margin:0 0 12px;color:var(--ulp-lime);font-size:.65rem;font-weight:900;letter-spacing:.12em}.ulp-final-cta h2{margin:0;font-size:clamp(2.3rem,4.2vw,4.2rem);line-height:1.06;letter-spacing:-.055em}.ulp-final-cta>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.ulp-primary-light{border-color:var(--ulp-lime);background:var(--ulp-lime);color:var(--ulp-green-dark);box-shadow:none}.ulp-primary-light:hover{background:#edf3cf}.ulp-final-cta a{color:#fff;font-size:.82rem;font-weight:800}.ulp-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:32px max(24px,calc((100% - 1240px)/2));background:var(--ulp-ink);color:#fff;border-top:1px solid rgba(255,255,255,.15)}.ulp-footer .ulp-brand-mark{border-color:#fff3;background:transparent;color:var(--ulp-lime)}.ulp-footer p{margin:0;color:#aaa9a2;font-size:.75rem}.ulp-footer small{justify-self:end;color:#aaa9a2;font-size:.7rem}@media (max-width: 980px){.ulp-header{grid-template-columns:1fr auto}.ulp-nav{display:none}.ulp-hero{grid-template-columns:1fr;padding-top:56px}.ulp-product-wrap{width:min(690px,100%);margin:0 auto}.ulp-problem{grid-template-columns:1fr 1fr}.ulp-problem>p{grid-column:1 / -1;min-height:70px;border-right:0;border-bottom:1px solid var(--ulp-line)}.ulp-problem>div{border-bottom:1px solid var(--ulp-line)}.ulp-problem>div:last-child{border-right:1px solid var(--ulp-line)}.ulp-section-head,.ulp-feature-list,.ulp-steps ol,.ulp-scene-grid{grid-template-columns:1fr}.ulp-feature-list article,.ulp-steps li{min-height:auto;border-right:0;border-bottom:1px solid var(--ulp-line)}.ulp-feature-icon{margin-top:28px}.ulp-scene-grid article{min-height:220px}.ulp-scene-grid h3{margin-top:48px}.ulp-privacy{grid-template-columns:1fr;gap:42px}.ulp-final-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 620px){.ulp-header,.ulp-hero,.ulp-problem,.ulp-section,.ulp-privacy{width:min(100% - 28px,1240px)}.ulp-header{min-height:68px}.ulp-demo-link{display:none}.ulp-brand-mark{width:34px;height:34px}.ulp-hero{min-height:auto;padding:52px 0 62px}.ulp-hero h1{font-size:clamp(2.85rem,14vw,4.2rem)}.ulp-lead{line-height:1.75}.ulp-hero-actions{align-items:stretch;flex-direction:column}.ulp-primary,.ulp-secondary{width:100%}.ulp-text-link{align-self:center}.ulp-assurances{align-items:flex-start;flex-direction:column}.ulp-product-wrap{padding:28px 0 30px}.ulp-product{border-radius:14px;transform:none}.ulp-product-body{grid-template-columns:42px 1fr;min-height:340px}.ulp-product-main{padding:18px 13px}.ulp-product-heading button{font-size:0}.ulp-product-heading button svg{width:17px;height:17px}.ulp-metrics div{padding:9px}.ulp-float-card{display:none}.ulp-problem{grid-template-columns:1fr}.ulp-problem>div,.ulp-problem>div:last-child{min-height:90px;border-right:0}.ulp-problem>div{grid-template-columns:1fr auto;align-items:center}.ulp-problem>div strong{grid-column:1}.ulp-problem>div svg{display:block;grid-column:2;grid-row:1 / 3}.ulp-section{padding:84px 0}.ulp-section-head h2{font-size:2.5rem}.ulp-feature-list{margin-top:42px}.ulp-feature-list article{padding:28px 8px}.ulp-more-features{justify-content:flex-start;gap:18px 26px}.ulp-steps{width:100%;padding:84px 14px}.ulp-steps ol{margin-top:42px}.ulp-steps li{padding:26px 8px}.ulp-scene-grid{margin-top:38px}.ulp-privacy{margin-bottom:80px;padding:34px 24px;border-radius:18px}.ulp-final-cta{padding-block:68px}.ulp-footer{grid-template-columns:1fr auto}.ulp-footer p{display:none}}@media (prefers-reduced-motion: reduce){.uchilib-lp *,.uchilib-lp *:before,.uchilib-lp *:after{scroll-behavior:auto!important;transition:none!important}}.demo-page{min-height:100dvh;background:var(--surface-sunken);color:var(--text)}.demo-page__header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-3) max(var(--space-4),calc((100vw - 1040px)/2));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px)}.demo-page__back,.demo-page__start{border:0;border-radius:var(--radius-md);cursor:pointer;font-weight:700}.demo-page__back{justify-self:start;background:transparent;color:var(--text)}.demo-page__start{justify-self:end;padding:var(--space-2) var(--space-3);background:var(--accent);color:#fff}.demo-page__badge{padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs)}.demo-page__main{width:min(960px,calc(100% - 32px));margin:0 auto;padding:var(--space-6) 0}.demo-page__intro{max-width:680px}.demo-page__intro h1{margin:var(--space-1) 0 var(--space-2);font-size:clamp(1.8rem,5vw,3rem)}.demo-page__intro>p:last-child{color:var(--text-secondary);line-height:1.7}.demo-page__eyebrow{margin:0;color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.14em}.demo-page__search{display:grid;gap:var(--space-1);margin-top:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm)}.demo-page__search input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-md)}.demo-page__count{color:var(--text-secondary);font-size:var(--text-sm)}.demo-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.demo-book{display:grid;grid-template-columns:12px 1fr auto;align-items:stretch;gap:var(--space-3);min-height:108px;padding:0 var(--space-3) 0 0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.demo-book__spine{background:var(--accent)}.demo-book__body{display:grid;align-content:center;gap:var(--space-1);min-width:0}.demo-book__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-book__body small,.demo-book__body span{color:var(--text-secondary)}.demo-book em{align-self:center;color:var(--success, #287a4b);font-size:var(--text-xs);font-style:normal}.demo-book em[data-status=loaned]{color:var(--danger, #b53b3b)}.demo-book em[data-status=reserved]{color:var(--warning, #9b6500)}.demo-page__empty{padding:var(--space-6);border:1px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.demo-page__how{margin-top:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface)}.demo-page__how div{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--text-secondary)}.demo-detail{position:relative;width:min(440px,calc(100vw - 24px));padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface)}.demo-detail__close{position:absolute;top:var(--space-3);right:var(--space-3);border:0;background:transparent;color:var(--text);cursor:pointer}.demo-detail dl div{display:grid;grid-template-columns:72px 1fr;padding:var(--space-2) 0;border-top:1px solid var(--border)}.demo-detail dt{color:var(--text-secondary)}.demo-detail dd{margin:0}@media (max-width: 680px){.demo-page__header{grid-template-columns:1fr auto}.demo-page__badge{display:none}.demo-page__grid{grid-template-columns:1fr}}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}.ui-icon-button:disabled{opacity:.55;cursor:not-allowed}.ui-icon-button--ghost:not(:disabled):hover{background:var(--surface-sunken)}.ui-icon-button--secondary{background:var(--surface-raised);border-color:var(--border-strong)}.ui-icon-button--secondary:not(:disabled):hover{background:var(--surface-sunken)}.ui-icon-button--primary{background:var(--accent);color:var(--text-on-accent)}.ui-icon-button--primary:not(:disabled):hover{background:var(--accent-hover)}.ui-icon-button--danger{color:var(--danger)}.ui-icon-button--danger:not(:disabled):hover{background:var(--danger-soft)}.notification-bell{position:relative;display:inline-flex}.notification-bell__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;border-radius:var(--radius-full);background:var(--danger);color:var(--text-on-accent);font-size:10px;font-weight:700;line-height:16px;text-align:center}.header-search-form{flex:1;min-width:0}.app-header .header-avatar-btn--mobile{display:none}.app-header .header-center{flex:1 1 auto;min-width:0;max-width:640px}.app-header .library-selector{display:inline-block;flex:0 0 auto;width:auto;max-width:220px;margin-bottom:0}@media (max-width: 768px){.app-header .header-center,.app-header .header-menu--desktop{display:none}.app-header .header-avatar-btn--mobile{display:inline-flex}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.app-header .header-left{display:contents}.app-header .header-avatar-btn--mobile{justify-self:start;grid-column:1;width:36px;height:36px;min-height:36px;padding:0}.app-header .app-logo{grid-column:2;justify-self:center}.app-header .header-right{grid-column:3;justify-self:end}}.app-drawer-overlay{position:fixed;inset:0;background:#0006;z-index:400}.app-drawer{position:fixed;top:0;left:0;bottom:0;width:min(78vw,320px);background:var(--surface);z-index:401;display:flex;flex-direction:column;padding:20px 0 24px;overflow-y:auto;box-shadow:4px 0 24px #0003;animation:app-drawer-in .18s ease-out}@media (prefers-reduced-motion: reduce){.app-drawer{animation:none}}@keyframes app-drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.app-drawer-user{padding:0 20px 14px}.app-drawer-avatar .header-avatar-img,.app-drawer-avatar .header-avatar-initial{width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.app-drawer-name{margin:8px 0 0;font-weight:700;font-size:1.05rem}.app-drawer-email{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.app-drawer-library{display:flex;flex-direction:column;gap:4px;padding:0 20px 10px;border-bottom:1px solid var(--border)}.app-drawer-library-label{font-size:.75rem;color:var(--text-secondary)}.app-drawer-library .library-selector{width:100%}.app-drawer-nav{display:flex;flex-direction:column;padding-top:6px}.app-drawer-nav button{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:16px;padding:14px 20px;background:none;border:none;color:var(--text);font-size:1.05rem;font-weight:600;text-align:left;cursor:pointer}.app-drawer-nav button:active,.app-drawer-nav button:hover{background:var(--surface-sunken)}.app-drawer-divider{height:1px;background:var(--border);margin:6px 20px}.app-drawer-logout{color:#c62828!important}@media (max-width: 768px){.app-sidebar{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.app-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-sidebar--scan-hidden{display:none!important}}.command-palette-overlay{position:fixed;inset:0;background:var(--overlay);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.command-palette{width:min(560px,90vw);background:var(--surface-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.command-palette__input{width:100%;height:56px;padding:0 var(--space-4);border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--text);font-size:var(--text-lg)}.command-palette__input:focus{outline:none}.command-palette__list{list-style:none;margin:0;padding:var(--space-2);max-height:320px;overflow-y:auto}.command-palette__item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text);font-size:var(--text-sm);font-weight:600;text-align:left;cursor:pointer}.command-palette__item--active{background:var(--surface-sunken)}.command-palette__empty{padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.ui-toast-container{position:fixed;left:50%;bottom:calc(72px + var(--space-4));transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(92vw,420px)}.ui-toast{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--ink);color:var(--text-on-accent);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.ui-toast--success{background:var(--success)}.ui-toast--error{background:var(--danger)}.ui-toast__message{flex:1}.ui-toast__undo{flex-shrink:0;border:none;background:transparent;color:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.ui-delayed-loading-message{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.ui-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.ui-error-state__message{margin:0;color:var(--text-muted);font-size:var(--text-sm);max-width:36ch}.ui-error-state__retry{height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;cursor:pointer}.ui-error-state__retry:hover{background:var(--surface-sunken)}.ui-skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:ui-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.ui-skeleton--text{height:1em;width:100%}.ui-skeleton-text-group{display:flex;flex-direction:column;gap:var(--space-2)}.ui-skeleton--cover{aspect-ratio:2 / 3;width:100%;border-radius:var(--radius-sm)}.ui-skeleton--row{height:60px;width:100%;border-radius:var(--radius-md)}@keyframes ui-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.ui-skeleton{animation:none;background:var(--surface-sunken)}}.library-route-state{display:grid;justify-items:center;gap:1rem}.library-route-loading{display:grid;gap:1rem}.library-route-loading>.ui-skeleton--row:first-of-type{min-height:3rem}.app-error-boundary{display:grid;min-height:100dvh;place-items:center;padding:var(--space-4);background:var(--surface-sunken)}.app-error-boundary__panel{width:min(520px,100%);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);text-align:center}.app-error-boundary__eyebrow{margin:0 0 var(--space-2);color:var(--accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.14em}.app-error-boundary h1{margin:0 0 var(--space-4);font-size:var(--text-xl)}.app-error-boundary__reload{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);cursor:pointer}.app-error-boundary__reference{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--text-xs)}.app-error-boundary__content{display:contents}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--surface-sunken)}.app-body{display:flex;flex:1;overflow:hidden}.app-main{flex:1;overflow-y:auto;background:var(--surface-sunken)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:sticky;top:0;z-index:200;box-shadow:0 1px 3px #0000000d}.sticky-header{position:sticky;top:0;z-index:200}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:1rem}.header-right,.header-menu{position:relative}.header-menu-dropdown{position:absolute;right:0;top:110%;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px #0f172a1f;padding:.35rem;min-width:140px;z-index:300}.header-menu-dropdown button{width:100%;text-align:left;background:transparent;border:none;padding:.65rem .75rem;border-radius:8px;font-weight:700;color:var(--text)}.header-menu-dropdown button:hover{background:var(--surface-sunken)}.header-center{flex:1;max-width:600px}.app-logo{font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s}.app-logo:hover{color:var(--accent)}.global-search-input{width:100%;padding:.625rem 1rem;border:2px solid var(--border);border-radius:.75rem;font-size:.95rem;transition:all .2s}.global-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.library-selector{padding:.625rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s;min-width:160px}.library-selector:hover{border-color:var(--border-strong)}.library-selector:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.header-icon-btn{width:40px;height:40px;border-radius:.75rem;border:2px solid var(--border);background:var(--surface);font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.header-icon-btn:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.header-avatar-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface-sunken);cursor:pointer;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s;flex-shrink:0}.header-avatar-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1f}.header-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.header-avatar-initial{font-size:.9rem;font-weight:700;color:var(--text-muted);user-select:none}.header-menu-user{padding:.6rem .75rem .5rem}.header-menu-name{font-size:.85rem;font-weight:700;color:var(--text);margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.header-menu-email{font-size:.75rem;color:var(--text-faint);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.header-menu-divider{height:1px;background:var(--surface-sunken);margin:.25rem 0}.header-menu-logout{color:var(--danger)!important}.header-menu-logout:hover{background:var(--danger-soft)!important}.modal-panel{background:var(--surface-raised);border-radius:1rem;width:90%;max-width:420px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.form-input{width:100%;padding:.65rem .875rem;border:2px solid var(--border);border-radius:.625rem;font-size:1rem;color:var(--text);background:var(--surface);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.form-error{font-size:.8rem;color:var(--danger);margin:.35rem 0 0}.user-info{display:flex;align-items:center}.user-name{font-size:.9rem;color:var(--text-muted);font-weight:500}.app-sidebar{position:relative;width:240px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transition:width var(--duration-base, .2s) ease}.app-sidebar--collapsed{width:72px}.app-sidebar--collapsed .nav-label{display:none}.app-sidebar--collapsed .nav-link{justify-content:center}.sidebar-collapse-btn{position:absolute;top:.75rem;right:.75rem;width:44px;height:44px;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;z-index:2}.sidebar-collapse-btn:hover{background:var(--surface-sunken);color:var(--text)}.sidebar-nav{padding:4.25rem 1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.app-sidebar--collapsed .sidebar-collapse-btn{right:14px}.sidebar-nav--mobile{display:none}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:.75rem;color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:all .2s}.nav-link:hover{background:var(--surface-sunken);color:var(--text)}.nav-link.active{background:var(--info-soft);color:var(--info);box-shadow:0 0 0 1px #1d4ed829 inset}.nav-icon{display:inline-flex}@media (max-width: 768px){.app-body{flex-direction:column;overflow:visible}.app-sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:72px;border-top:1px solid var(--border);border-right:none;background:var(--surface);z-index:30}.sidebar-nav--desktop,.sidebar-collapse-btn{display:none}.sidebar-nav--mobile{padding:.5rem .75rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:.25rem}.nav-link{flex-direction:column;gap:.25rem;padding:.35rem .75rem;font-size:.82rem;min-width:0}.app-main{padding-bottom:88px}.app-sidebar{display:block!important}}@media (max-width: 768px){.modal-backdrop{inset:0 0 calc(72px + env(safe-area-inset-bottom)) 0}}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;font-size:.85rem}.page-container{padding:1.5rem 2rem;max-width:1280px;margin:0 auto;width:100%}.page-header{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem 1.75rem;box-shadow:0 16px 30px #0f172a0f;margin-bottom:1.25rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:var(--text)}.page-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.page-content{background:var(--surface);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.book-view-switch{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-sunken);margin-bottom:.9rem}.book-view-btn{border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;border-radius:999px;padding:.32rem .78rem}.book-view-btn.active{background:var(--info);color:var(--text-on-accent)}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.25rem;padding:0}.pagination-status{font-size:.9rem;font-weight:600;color:var(--text-muted)}.pagination-status strong{font-weight:700;color:var(--text)}button.pagination-button{display:inline-flex;align-items:center;gap:.3rem;padding:.5rem .95rem;border-radius:.65rem;background:var(--surface);border:1.5px solid var(--border);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}button.pagination-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}button.pagination-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.pagination-button:disabled{opacity:.45;cursor:not-allowed}.pagination-icon{font-size:1.05rem}.library-tabs{display:flex;gap:.5rem;padding:1rem 0;overflow-x:auto;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.library-tab{padding:.625rem 1.25rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.95rem;border-radius:.5rem;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.library-tab:hover{background:var(--surface-sunken);color:var(--text)}.library-tab.active{color:var(--accent);background:linear-gradient(135deg,#fffbf5,#fef8f0)}.library-tab.active:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(to right,var(--accent),#9c6b3c);border-radius:3px 3px 0 0}@media (max-width: 640px){.pagination{justify-content:space-between;width:100%;border-radius:18px}.pagination-status{font-size:.9rem}}.dashboard-section{margin-bottom:2.5rem}.dashboard-section:last-child{margin-bottom:0}.dashboard-section h2{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:var(--text)}.home-v2{max-width:860px;display:flex;flex-direction:column;gap:1.25rem}.hv2-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hv2-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0}.hv2-lib-select{padding:.4rem 2rem .4rem .7rem;border:1.5px solid var(--border);border-radius:.6rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .55rem center;font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .2s;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv2-lib-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.hv2-lib-badge{font-size:.8rem;font-weight:600;color:var(--text-muted);background:var(--surface-sunken);padding:.3rem .7rem;border-radius:1rem}.hv2-actions{display:flex;flex-direction:column;gap:.6rem}@media (min-width: 720px){.hv2-actions{flex-direction:row;align-items:stretch;flex-wrap:wrap}.hv2-actions .hv2-search-form{flex:1}.hv2-actions .hv2-scan-btns{flex-shrink:0}.hv2-actions .hv2-scan-btn{flex:0 0 auto}}.hv2-search-form{display:flex;gap:.5rem}.hv2-search-input{flex:1;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:.75rem;font-size:.95rem;color:var(--text);background:var(--surface);transition:border-color .2s,box-shadow .2s;min-width:0}.hv2-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.hv2-search-btn{width:48px;height:48px;flex-shrink:0;border-radius:.75rem;border:none;background:var(--ink);color:var(--text-on-accent);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.hv2-search-btn:hover{background:var(--ink)}.hv2-scan-btns{display:flex;gap:.5rem}.hv2-scan-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.hv2-scan-btn:hover{border-color:var(--accent);background:var(--surface-sunken)}.hv2-scan-icon{display:inline-flex}.hv2-scan-label{font-size:.82rem}.hv2-scan-label--short{display:none}.hv2-reminders{border:1.5px solid var(--warning-soft);background:var(--warning-soft);border-radius:.875rem;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.5rem}.hv2-reminders.has-overdue{border-color:var(--danger);background:var(--danger-soft)}.hv2-reminders-head{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:800;color:var(--text)}.hv2-reminders-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#92400e;color:var(--text-on-accent);font-size:.72rem;font-weight:700}.has-overdue .hv2-reminders-count{background:#dc2626}.hv2-reminders-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.hv2-reminder-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .7rem;background:var(--surface);border:1.5px solid #fef3c7;border-radius:.6rem;cursor:pointer;text-align:left;transition:border-color .15s}.hv2-reminder-item:hover{border-color:var(--warning)}.hv2-reminder-item.due-overdue{border-color:var(--danger-soft)}.hv2-reminder-title{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hv2-reminder-when{font-size:.78rem;font-weight:700;white-space:nowrap;flex-shrink:0;color:var(--warning)}.hv2-reminder-when.due-overdue{color:var(--danger)}.hv2-alert{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:.875rem;border:none;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;overflow:hidden;transition:filter .2s}.hv2-alert:hover{filter:brightness(.96)}.hv2-alert-near{background:#fefce8;border:1.5px solid var(--warning-soft)}.hv2-alert-overdue{background:var(--danger-soft);border:1.5px solid var(--danger)}.hv2-alert-icon{font-size:1.4rem;flex-shrink:0}.hv2-alert-body{flex:1;min-width:0}.hv2-alert-head{font-size:.85rem;font-weight:700;color:var(--text);margin:0 0 .1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv2-alert-sub{font-size:.8rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv2-alert-arrow{font-size:1.3rem;color:var(--text-faint);flex-shrink:0}.hv2-section{display:flex;flex-direction:column;gap:.5rem}.hv2-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:.5rem}.hv2-recent-list{display:flex;gap:.75rem;overflow-x:auto;list-style:none;margin:0;padding:.1rem 0}.hv2-recent-item{display:flex;flex-direction:column;gap:.35rem;width:76px;flex-shrink:0;border:none;background:transparent;padding:0;cursor:pointer;text-align:left}.hv2-recent-cover{width:76px;height:108px;border-radius:var(--radius-sm);object-fit:cover;background:var(--surface-sunken)}.hv2-recent-cover--placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.hv2-recent-title{font-size:.75rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hv2-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ink);color:var(--text-on-accent);font-size:.7rem;font-weight:700}.hv2-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.hv2-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:.875rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}.hv2-item:hover{border-color:var(--border);box-shadow:0 2px 8px #0f172a0f}.hv2-cover{width:40px;height:56px;object-fit:contain;border-radius:4px;flex-shrink:0;box-shadow:0 1px 4px #0000001f}.hv2-item-body{flex:1;min-width:0}.hv2-item-title{font-size:.9rem;font-weight:600;color:var(--text);margin:0 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv2-item-meta{font-size:.78rem;color:var(--text-faint);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv2-item-lib{color:var(--text-faint)}.hv2-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.hv2-pill{display:inline-block;padding:.2rem .55rem;border-radius:.375rem;font-size:.72rem;font-weight:700;white-space:nowrap}.hv2-pill.active{background:var(--info-soft);color:var(--info)}.hv2-pill.pending{background:var(--warning-soft);color:var(--warning)}.hv2-pill.ready{background:var(--success-soft);color:var(--success)}.hv2-due{font-size:.75rem;font-weight:600;white-space:nowrap}.hv2-due-ok{color:var(--text-muted)}.hv2-due-near{color:var(--warning)}.hv2-due-overdue{color:var(--danger)}.hv2-empty{display:flex;align-items:center;gap:.75rem;padding:.75rem 0}.hv2-empty p{margin:0;font-size:.88rem;color:var(--text-faint)}@media (max-width: 640px){.hv2-scan-label{font-size:.78rem}.hv2-scan-label--full{display:none}.hv2-scan-label--short{display:inline}.hv2-scan-btn{flex:1 1 auto;padding:.6rem .9rem}.hv2-cover{display:none}}.search-v2{max-width:860px;display:flex;flex-direction:column;gap:1rem}.list-page{display:flex;flex-direction:column;gap:1rem}.sv2-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sv2-header-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 480px){.sv2-header-actions{width:100%}.sv2-header-actions .sv2-scan-btn,.sv2-header-actions .sv2-search-btn{flex:1}}.sv2-title{font-size:1.5rem;font-weight:800;color:var(--text);margin:0}.sv2-settings{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;padding:.45rem .8rem;border-radius:.6rem;cursor:pointer;transition:border-color .15s,background .15s}.sv2-settings:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.sv2-search-form{display:flex;gap:.5rem}.sv2-search-wrap{flex:1;position:relative;display:flex;align-items:center;min-width:0}.sv2-search-icon{position:absolute;left:.85rem;display:grid;place-items:center;color:var(--text-secondary);pointer-events:none}.sv2-search-input{width:100%;padding:.7rem 1rem .7rem 2.5rem;border:1.5px solid var(--border);border-radius:.75rem;font-size:.95rem;color:var(--text);background:var(--surface);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.sv2-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.sv2-search-btn{flex-shrink:0;padding:0 1.3rem;border:none;border-radius:.75rem;background:var(--ink);color:var(--text-on-accent);font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s}.sv2-search-btn:hover{background:var(--ink)}.sv2-scan-btn{flex-shrink:0;width:48px;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:1.1rem;cursor:pointer;transition:border-color .15s,background .15s}.sv2-scan-btn:hover{border-color:var(--accent);background:var(--surface-sunken)}@media (max-width: 400px){.sv2-search-btn{padding:0 .75rem}.sv2-search-input{padding-left:2.1rem}.sv2-search-icon{left:.6rem}}.sv2-libs{display:flex;flex-wrap:wrap;gap:.5rem}.sv2-lib{padding:.4rem .85rem;border:1.5px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.sv2-lib:hover:not(.active){border-color:var(--border-strong);background:var(--surface-sunken)}.sv2-lib.active{border-color:var(--ink);background:var(--ink);color:var(--text-on-accent)}.sv2-empty{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 1.5rem;text-align:center}.sv2-empty-icon{font-size:2.2rem;opacity:.4;margin-bottom:.3rem}.sv2-empty p{margin:0;font-size:.95rem;color:var(--text-muted);font-weight:600}.sv2-empty-sub{font-size:.82rem!important;color:var(--text-faint)!important;font-weight:400!important}.search-v2 .page-content{padding:0}.lib-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lib-filter-search{max-width:280px;flex:0 1 280px}.mypage-v2{max-width:720px}.myp-profile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--surface);border:1.5px solid var(--border);border-radius:1rem}.myp-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--ink);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.myp-avatar img{width:100%;height:100%;object-fit:cover}.myp-name{margin:0 0 .15rem;font-size:1.1rem;font-weight:800;color:var(--text)}.myp-email{margin:0;font-size:.85rem;color:var(--text-faint)}.myp-section{display:flex;flex-direction:column;gap:.6rem}.myp-section-head{display:flex;align-items:center;justify-content:space-between}.myp-section-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.myp-about-text{font-size:.8125rem;color:var(--text-muted);margin:.5rem 0}.myp-theme-options{display:flex;gap:.5rem;flex-wrap:wrap}.myp-theme-option{padding:.5rem .875rem;border-radius:var(--radius-md, 10px);border:1px solid var(--border-strong, var(--border-strong));background:var(--surface, var(--surface));color:var(--text, var(--text));font-size:.8125rem;font-weight:600;cursor:pointer}.myp-theme-option.active{background:var(--accent, #8a5a2b);border-color:var(--accent, #8a5a2b);color:var(--text-on-accent, var(--text-on-accent))}.rakuten-credit-link{display:inline-block;font-size:.75rem;color:var(--text-faint);text-decoration:none}.rakuten-credit-link:hover{text-decoration:underline}.myp-link-btn{border:none;background:none;color:var(--accent);font-size:.85rem;font-weight:700;cursor:pointer;padding:.2rem .3rem;align-self:flex-start;text-align:left}.myp-link-btn:hover{text-decoration:underline}.myp-toggle-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text);margin-bottom:.5rem;cursor:pointer}.myp-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.myp-stat{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:1rem 1.1rem;background:var(--surface);border:1.5px solid var(--border);border-radius:.875rem;cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.myp-stat:hover{border-color:var(--border);box-shadow:0 2px 8px #0f172a0f}.myp-stat-num{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1}.myp-stat-label{font-size:.8rem;color:var(--text-muted)}.myp-account{display:flex}.myp-logout{padding:.6rem 1.2rem;border:1.5px solid var(--danger-soft);background:var(--surface);color:var(--danger);font-size:.9rem;font-weight:700;border-radius:.65rem;cursor:pointer;transition:background .15s,border-color .15s}.myp-logout:hover{background:var(--danger-soft);border-color:var(--danger)}@media (max-width: 640px){.myp-stats{grid-template-columns:1fr}}.sv2-lib-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:.3rem;border-radius:9px;background:#0f172a14;font-size:.7rem;font-weight:700}.sv2-lib.active .sv2-lib-count{background:#ffffff38;color:var(--text-on-accent)}.home-cta{max-width:1180px}.home-hero{background:radial-gradient(circle at 15% 20%,rgba(16,185,129,.16),transparent 36%),radial-gradient(circle at 85% 10%,rgba(37,99,235,.14),transparent 38%),var(--surface);border:1px solid var(--border);border-radius:22px;padding:1.45rem 1.6rem 1.25rem;box-shadow:0 20px 36px #0f172a14;margin-bottom:1rem}.home-hero-row{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}.home-hero-main{display:flex;flex-direction:column;gap:.2rem}.home-kicker{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#0f766e}.home-hero h1{margin:0;font-size:2.05rem;font-weight:900;color:var(--text);line-height:1.1}.home-hero .page-subtitle{margin:0}.home-hero-hint{margin:.25rem 0 0;color:#3f4f62;font-size:.92rem;font-weight:600}.home-library-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.18rem;padding:.55rem .85rem;border-radius:999px;border:1px solid #cbdde6;background:#ffffffe0;backdrop-filter:blur(8px);color:var(--text);font-weight:700}.home-library-chip.active{border-color:#0f766e59;background:#f0fdfa}.home-library-chip-label{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#0f766e;line-height:1}.home-library-chip-value{font-size:.84rem;font-weight:800;color:var(--text)}.home-summary-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.home-summary-card{background:#ffffffdb;border:1px solid #d8e4ef;border-radius:16px;padding:.7rem .82rem;display:flex;flex-direction:column;gap:.1rem}.home-summary-label{margin:0;color:#516277;font-size:.76rem;font-weight:800;letter-spacing:.03em}.home-summary-value{margin:0;color:var(--text);font-size:1.42rem;font-weight:900;line-height:1.1}.home-summary-value span{font-size:.82rem;color:#5f6f81;margin-left:.28rem;font-weight:800}.home-summary-inline{margin:0;color:var(--text);font-size:1rem;font-weight:900;line-height:1.2}.home-summary-meta{margin:.14rem 0 0;color:#66788c;font-size:.78rem;font-weight:700}.cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:stretch}.cta-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.28rem 1.28rem 1.1rem;box-shadow:0 14px 30px #0f172a0f;display:flex;flex-direction:column;gap:.55rem;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#bad4e5}.cta-card.cta-search:before{background:var(--info)}.cta-card.cta-add:before{background:var(--success)}.cta-icon{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;background:#f1f7fb;border:1px solid var(--border)}.cta-card h2{margin:.1rem 0 0;font-size:1.18rem;font-weight:900;color:var(--text)}.cta-text{margin:0;color:#506277;line-height:1.5;font-size:.92rem;font-weight:600}.cta-actions{margin-top:auto;padding-top:.25rem;display:flex;gap:.6rem;flex-wrap:wrap}.quick-search-form{flex:1 1 100%;display:flex;gap:.5rem}.quick-search-form input{flex:1 1 auto;border-radius:12px;border:1px solid #c7d7e8;padding:.58rem .9rem;font-size:.95rem;background:#f8fbff}.quick-search-form button{white-space:nowrap}.libraries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem;align-items:stretch;margin-top:1.25rem}.libraries-page .page-header{margin-bottom:.4rem}.libraries-page .libraries-grid{margin-top:.35rem}.lib-cta-card{cursor:pointer;text-align:left;outline:none}.lib-cta-card:focus-visible{box-shadow:0 0 0 3px #2563eb2e}.lib-cta-card.selected{border-color:#2563eb8c;box-shadow:0 16px 30px #2563eb1a}.lib-cta-card:before{background:#cbd5e1}.lib-cta-card.lib-cta-owned:before{background:var(--info)}.lib-cta-card.lib-cta-linked:before{background:var(--info)}.lib-cta-card.lib-cta-shared:before{background:#8b5cf6}.lib-cta-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.lib-cta-tags{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.lib-cta-pill{display:inline-flex;align-items:center;padding:.32rem .55rem;border-radius:999px;background:var(--info);border:1px solid rgba(29,78,216,.35);color:var(--text-on-accent);font-weight:900;font-size:.82rem;white-space:nowrap}.lib-cta-pill.subtle{background:var(--surface-sunken);border-color:var(--border);color:var(--text-muted);font-weight:800}.lib-cta-title{margin:.2rem 0 0;font-size:1.25rem;font-weight:900;line-height:1.25}.lib-cta-meta{display:flex;gap:.6rem;flex-wrap:wrap;color:var(--text-muted);font-weight:700;font-size:.85rem}.lib-cta-open{display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-sunken);color:var(--text);font-weight:900}@media (max-width: 900px){.libraries-grid{grid-template-columns:1fr}}@media (max-width: 900px){.cta-grid{grid-template-columns:1fr}.home-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.home-hero{padding:1rem 1rem .95rem}.home-hero h1{font-size:1.6rem}.home-kicker{font-size:.68rem}.home-summary-grid{grid-template-columns:1fr}.home-library-chip{width:100%;border-radius:14px}.home-activity-head{flex-direction:column;align-items:flex-start;gap:.25rem}.cta-card{padding:1.05rem 1.05rem .95rem}.cta-actions button{width:100%;justify-content:center}}.home-activity{margin-top:1rem}.home-activity-head{display:flex;align-items:flex-end;justify-content:space-between;gap:.6rem;margin-bottom:.55rem;padding:0 .1rem}.home-activity-head h2{margin:0;color:var(--text);font-size:1.05rem;font-weight:900}.home-activity-head p{margin:0;color:var(--text-muted);font-size:.84rem;font-weight:600}.home-tabs{display:flex;gap:.25rem;padding:.35rem .45rem .45rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 24px #0f172a0d;position:relative;overflow:visible}.home-tab{flex:1;padding:.65rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:800;box-shadow:none;position:relative}.home-tab:after{content:"";position:absolute;left:50%;bottom:-3px;height:3px;width:40%;border-radius:999px;background:transparent;transform:translate(-50%);transition:background .2s ease,width .2s ease}.home-tab.active{background:transparent;border-color:transparent;color:var(--info);box-shadow:none}.home-tab.active:after{background:var(--info);width:55%}.home-tab-count{margin-left:.4rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.35rem;padding:0 .45rem;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border-strong);color:var(--text);font-size:.8rem;font-weight:800}.home-tab.active .home-tab-count{background:var(--info);border-color:var(--info);color:var(--text-on-accent)}.home-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5a2b38}.home-panel{margin-top:.55rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:.85rem .95rem;box-shadow:0 16px 30px #0f172a0f;display:flex;flex-direction:column;max-height:clamp(260px,52vh,560px);overflow:hidden}.home-panel-top{flex:0 0 auto}.home-panel-scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.25rem}.home-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.home-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem .95rem;border-radius:16px;border:1px solid #dde6f0;background:var(--surface);transition:all .15s;cursor:pointer}.home-item:hover{border-color:#c0d2e6;box-shadow:0 8px 16px #0f172a0d;background:#f4f8fd}.home-item-main{flex:1;min-width:0}.home-item-title{font-size:1rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-item-meta{margin-top:.25rem;color:var(--text-muted);font-size:.9rem;display:flex;flex-wrap:wrap;gap:.35rem}.home-item-side{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}.home-pill{display:inline-flex;align-items:center;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-sunken);color:var(--text);font-size:.8rem;font-weight:800;white-space:nowrap}.home-pill.active{border-color:var(--info-soft);background:var(--info-soft);color:var(--info)}.home-pill.pending{border-color:var(--warning-soft);background:var(--warning-soft);color:var(--warning)}.home-pill.ready{border-color:var(--success-soft);background:#e7f9ef;color:var(--success)}.home-pill.subtle{background:var(--surface);color:var(--text-muted)}button.btn-sm{padding:.5rem .8rem;border-radius:12px;font-size:.85rem}@media (max-width: 640px){.home-item{align-items:flex-start;flex-direction:column}.home-item-side{justify-content:flex-start}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:2px solid var(--border);border-radius:1rem;padding:1.5rem;display:flex;gap:1.25rem;align-items:center}.stat-icon{font-size:2.5rem}.stat-info{flex:1}.stat-label{font-size:.85rem;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text)}.search-box{margin-bottom:2rem;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:1px solid var(--border);border-radius:1rem;padding:1.25rem;box-shadow:0 12px 24px #0f172a14}.search-box-inline{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-input-wrap{flex:1 1 320px;display:flex;align-items:center;gap:.5rem;padding:.25rem;background:var(--surface);border:1.5px solid var(--border);border-radius:999px;box-shadow:inset 0 1px 2px #0f172a0a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search-input-wrap:focus-within{border-color:var(--info);box-shadow:0 0 0 4px #2563eb1f;background:var(--surface)}.search-input-icon{margin-left:.75rem;color:var(--text-muted);font-size:1rem}.search-input-large{flex:1;min-width:0;padding:.9rem .5rem;border:none;border-radius:999px;font-size:1rem;background:transparent;color:var(--text)}.search-input-large::placeholder{color:var(--text-faint)}.search-input-large:focus{outline:none;box-shadow:none}.search-submit{flex-shrink:0;white-space:nowrap;border-radius:999px;padding:.7rem 1.35rem;font-size:.95rem;letter-spacing:.02em}.search-scan{flex-shrink:0;white-space:nowrap;border-radius:999px;padding:.7rem 1.2rem;min-width:120px}.search-scan-icon{font-size:1rem}@media (max-width: 768px){.app-header{padding:0 1rem;gap:1rem}.header-center{max-width:none}.app-logo{font-size:1rem}.library-selector{min-width:120px;font-size:.85rem}.app-sidebar{display:none}.page-container{padding:1.5rem 1rem}.page-header h1{font-size:1.5rem}.page-header{padding:1.25rem;border-radius:16px}.search-box{padding:1rem}.search-box-inline{flex-direction:column;align-items:stretch}.search-input-wrap{width:100%;flex:0 0 auto}.search-scan{width:100%;justify-content:center}}.settings-grid{display:flex;flex-direction:column;gap:1.5rem;min-height:600px;max-height:600px;overflow-y:auto}.settings-grid::-webkit-scrollbar{width:6px}.settings-grid::-webkit-scrollbar-track{background:transparent}.settings-grid::-webkit-scrollbar-thumb{background:var(--surface-sunken);border-radius:3px}.settings-grid::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.mypage-content{display:flex;flex-direction:column;gap:2rem}.profile-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:2px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.profile-header{display:flex;align-items:center;gap:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid var(--accent)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent) 0%,#9c6b3c 100%);color:var(--text-on-accent);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.profile-info h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text)}.profile-email{color:var(--text-muted);margin:0 0 .25rem;font-size:.95rem}.profile-uid{color:var(--text-faint);margin:0;font-size:.85rem;font-family:monospace}.mypage-section{background:var(--surface);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px -1px #0000001a}.mypage-section h2{margin:0 0 1.5rem;font-size:1.25rem;font-weight:700;color:var(--text)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-items:stretch}.library-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}.library-toolbar__titles h1{margin:0 0 .35rem}.library-toolbar__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;flex:1}.library-search{padding:.55rem .75rem;border:1px solid var(--border);border-radius:10px;min-width:220px;flex:1 1 260px;max-width:360px}.lib-filter{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.lib-filter-btn{padding:.45rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-sunken);color:var(--text-muted);font-weight:700;white-space:nowrap}.lib-filter-btn.active{border-color:var(--info);color:var(--info);background:var(--info-soft)}.lib-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;padding:0 .4rem;margin-left:.35rem;background:var(--surface-sunken);border-radius:999px;font-size:.8rem;font-weight:800}@media (max-width: 640px){.library-toolbar{align-items:stretch}.library-toolbar__actions{flex-direction:column;align-items:stretch;gap:.6rem}.lib-filter{width:100%}.library-search{flex:0 0 auto;max-width:none;width:100%}.library-toolbar__actions .primary{width:100%}}.library-card{background:var(--surface);border:2px solid var(--border);border-radius:.75rem;padding:1rem 1.05rem;transition:all .2s;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.45rem}.library-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #2563eb14;border-color:var(--border-strong)}.library-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.library-card-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0;flex:1 1 auto}.library-card-name{min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.library-card-badges{display:inline-flex;gap:.35rem;align-items:center;flex:0 0 auto}.library-card-header h3{margin:0;font-size:1rem;color:var(--text)}.library-card-meta-line{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-muted);font-size:.85rem;font-weight:700}.library-card-desc{margin:.15rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-card-meta{display:flex;gap:.5rem;font-size:.88rem;color:var(--text-muted);font-weight:600;line-height:1.5}.library-card-footer{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.4rem}.library-card-selected{border-color:var(--info);box-shadow:0 8px 20px #2563eb1f}.lib-chip-neutral{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .55rem;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:.85rem;font-weight:700}.lib-role-chip{padding:.35rem .65rem;border-radius:999px;background:var(--info);color:#fff;font-weight:700;font-size:.85rem;white-space:nowrap}.lib-access-chip{padding:.32rem .55rem;border-radius:999px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-weight:800;font-size:.82rem;white-space:nowrap}@media (max-width: 900px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.account-actions{display:flex;gap:1rem}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.library-grid{grid-template-columns:1fr}}.app-grid{display:grid;gap:1.5rem;padding:1.5rem;max-width:1200px;margin:0 auto}.layout-two-col{display:grid;gap:1.5rem;grid-template-columns:280px 1fr;align-items:start;padding:1.5rem;max-width:1200px;margin:0 auto}.card{background:var(--surface);border-radius:1rem;padding:1.25rem;box-shadow:0 12px 30px #0f172a1f}.card-header{display:flex;align-items:center;justify-content:space-between}button{border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600;font-size:.95rem;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}button.primary{background:var(--info);color:var(--text-on-accent);box-shadow:0 1px 2px #0f172a14;border:1px solid var(--info);text-shadow:none}button.primary:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0f172a1f;background:var(--info)}button.primary:active{transform:translateY(0);box-shadow:0 1px 2px #0f172a24 inset;background:#1b46b4}button.secondary{background:#fdfbf7;color:#5d4e40;border:1px solid #d6c4a2;box-shadow:0 1px 2px #0000000d}button.secondary:hover{background:var(--surface);border-color:#c0ad8a;color:#3e3328;box-shadow:0 2px 4px #0000000d}button.secondary:active{background:#f4ecd8;box-shadow:inset 0 1px 2px #0000000d}button.primary:after{display:none}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem}.app-header .welcome{margin:0;font-weight:600}.app-header .uid{color:var(--text-muted)}.scanner{width:100%;aspect-ratio:3 / 2;border-radius:1rem;overflow:hidden;margin-top:1rem;background:var(--ink);position:relative}.scanner video{width:100%;height:100%;object-fit:cover}.scanner-overlay .scanner-mask{position:absolute;inset:0;background:radial-gradient(circle,#0000 45%,#000000a6 60%);pointer-events:none}.scanner-overlay .scanner-frame{position:absolute;inset:15% 20%;pointer-events:none;--c: rgba(255, 255, 255, .95);--w: 22px;--t: 3px;background-image:linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c)),linear-gradient(var(--c),var(--c));background-size:var(--t) var(--w),var(--w) var(--t),var(--t) var(--w),var(--w) var(--t),var(--t) var(--w),var(--w) var(--t),var(--t) var(--w),var(--w) var(--t);background-position:top left,top left,top right,top right,bottom left,bottom left,bottom right,bottom right;background-repeat:no-repeat;border-radius:8px}.scanner.state-success .scanner-frame{--c: rgba(16, 185, 129, .95)}.scanner.state-error .scanner-frame{--c: rgba(248, 113, 113, .95)}.scanner-camera-state{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.75rem;font-weight:700;backdrop-filter:blur(6px)}.scanner-camera-state>span{width:8px;height:8px;border-radius:50%;background:#94a3b8}.scanner-camera-state.state-scanning>span{background:#22c55e}.scanner-camera-state.state-starting>span{background:#f59e0b}.scanner-camera-state.state-error>span{background:#ef4444}.scanner.pulse:after{content:"";position:absolute;inset:0;background:#10b98129;animation:scannerPulse .2s ease-out;pointer-events:none;z-index:3}.scanner-guide{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#0f172ab3;color:var(--text-faint);padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;z-index:4}.scanner-camera-state+.scanner-guide{top:48px}@keyframes scannerPulse{0%{opacity:.85}to{opacity:0}}.scanner-actions{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap;z-index:5}.chip{border:none;background:#ffffffe6;color:var(--text);padding:.4rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem;box-shadow:0 6px 14px #0000001f;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}.chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000029}.chip.ghost{background:#fff9}.history{margin-top:.75rem}.history-title{font-weight:700;color:var(--text);margin-bottom:.4rem}.history-chips{display:flex;gap:.5rem;flex-wrap:wrap}.browse-shelf-panel{margin-bottom:1rem;padding:.95rem 1rem 1rem;border:1px solid #dbe6f2;border-radius:16px;background:linear-gradient(145deg,#f8fbff 0%,var(--info-soft) 100%)}.browse-shelf-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.browse-shelf-head h2{margin:0;font-size:1.06rem;color:var(--text)}.browse-shelf-head p{margin:.3rem 0 0;color:var(--text-muted);font-size:.88rem}.browse-shelf-total{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.22rem .6rem;border-radius:999px;border:1px solid #cbd9e8;background:var(--surface);color:var(--text);font-size:.78rem;font-weight:700}.browse-shelf-tabs{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.4rem}.browse-shelf-tab{border:1px solid #cddaea;background:var(--surface);color:var(--text);border-radius:999px;padding:.3rem .65rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700}.browse-shelf-tab.active{border-color:var(--info);background:var(--info-soft);color:var(--info)}.browse-shelf-count{min-width:1.6rem;height:1.25rem;border-radius:999px;background:#0f172a14;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}.browse-shelf-tab.active .browse-shelf-count{background:#2563eb2e}.browse-shelf-selector{display:grid;grid-template-columns:max-content minmax(180px,320px) minmax(0,1fr);align-items:center;gap:.5rem .75rem;margin-top:.75rem}.browse-shelf-selector label{font-size:.82rem;font-weight:800;color:var(--text)}.browse-shelf-selector select{width:100%;min-height:2.35rem;border:1px solid #cddaea;border-radius:9px;background:var(--surface);color:var(--text);padding:.35rem .65rem;font-weight:700}.browse-shelf-selector>span{color:var(--text-muted);font-size:.8rem}.browse-shelf-strip{margin-top:.8rem;display:flex;align-items:stretch;gap:.55rem;overflow-x:auto;padding-bottom:.2rem;-webkit-overflow-scrolling:touch}.browse-shelf-card{flex:0 0 136px;border:1px solid #d8e4f0;border-radius:12px;background:var(--surface);color:inherit;text-align:left;padding:.5rem;display:flex;flex-direction:column;gap:.35rem;min-height:100%;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.browse-shelf-card:hover{transform:translateY(-2px);border-color:#c4d6ea;box-shadow:0 10px 22px #0f172a14}.browse-shelf-card img{width:100%;aspect-ratio:3 / 4;object-fit:contain;border-radius:8px;background:linear-gradient(135deg,#f7f9fc,#eef2f7);border:1px solid var(--border)}.browse-shelf-card-title{font-size:.8rem;font-weight:700;color:var(--text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.browse-shelf-card-meta{font-size:.74rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.book-list-skeleton-cards{pointer-events:none}.book-list-skeleton-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--space-4);padding:var(--space-4)}.book-list-skeleton-cover{width:92px}.book-list-skeleton-copy{padding-top:var(--space-2)}.book-list-skeleton-spines{pointer-events:none}.book-list-skeleton-spine{flex:0 0 44px;width:44px;height:220px;border-radius:3px 3px 0 0}.book-spine-list{list-style:none;width:fit-content;max-width:100%;margin:0 auto;padding:1.35rem 1rem 1.25rem;display:flex;flex-wrap:wrap;column-gap:.32rem;row-gap:1.4rem;align-items:flex-end;border:1px solid #d8c8b5;border-radius:18px;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent 12%,transparent 88%,rgba(92,63,38,.08)),linear-gradient(180deg,#f7f1e8,#eee3d5);box-shadow:inset 0 1px #ffffffd1,inset 0 -18px 24px #4d321c1a,0 12px 28px #46301c14;position:relative}.book-spine-list:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.62rem;height:12px;border-radius:3px 3px 8px 8px;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 20%,rgba(55,31,14,.12) 70%,transparent),linear-gradient(180deg,#a77c50,#765031 58%,#5b3a22);box-shadow:inset 0 2px #ffffff38,0 5px 8px #331f103d;pointer-events:none}.book-spine-item{width:var(--spine-width, 66px);display:flex;flex-direction:column;position:relative;z-index:1}.book-spine-item:after{content:"";position:absolute;left:-.24rem;right:-.24rem;bottom:-.5rem;height:9px;border-radius:2px 2px 5px 5px;background:linear-gradient(180deg,#a77c50,#765031 62%,#5b3a22);box-shadow:inset 0 2px #fff3,0 3px 5px #331f1033;z-index:-1}.book-spine-item:hover,.book-spine-item:focus-within{z-index:20}.book-spine-link{width:100%;height:var(--spine-height, 240px);border-radius:5px 7px 2px 2px;border:1px solid rgba(15,23,42,.42);text-decoration:none;color:var(--spine-title, var(--text-on-accent));padding:.5rem .3rem .34rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.32rem;background:linear-gradient(180deg,rgba(255,255,255,.74),transparent 10%,transparent 82%,rgba(80,64,45,.1)),linear-gradient(90deg,var(--spine-edge, var(--ink)) 0%,var(--spine-edge, #0f172a) 9%,var(--spine-bg, #fffdf8) 9%,var(--spine-bg, #fffdf8) 82%,var(--spine-bg-2, #f1ede4) 100%);box-shadow:inset 0 0 0 1px #ffffff94,inset 7px 0 10px #ffffff26,inset -4px 0 7px #3c2e1e1a,2px 7px 12px #28190e3b;transition:transform .18s ease,box-shadow .22s ease,filter .22s ease;transform-origin:bottom center;transform:rotate(var(--spine-tilt, 0deg));position:relative;overflow:hidden;appearance:none}.book-spine-link:before{content:"";position:absolute;inset:4px 4px 5px;border:1px solid rgba(66,53,39,.11);border-radius:3px 4px 1px 1px;pointer-events:none}.book-spine-link:after{content:"";position:absolute;inset:0 auto 0 7%;width:1px;background:#ffffff47;box-shadow:3px 0 4px #3c2e1e1f;pointer-events:none}.book-spine-link:hover{transform:translateY(-7px) rotate(var(--spine-tilt, 0deg));filter:saturate(1.08) brightness(1.04);box-shadow:inset 0 0 0 1px #ffffffb3,inset 7px 0 10px #ffffff26,inset -4px 0 7px #3c2e1e1a,3px 14px 20px #28190e4d}.book-spine-link:focus-visible{outline:3px solid rgba(37,99,235,.48);outline-offset:3px}.book-spine-link.tone-available{--spine-status: #22c55e}.book-spine-link.tone-busy{--spine-status: #fb923c}.book-spine-link.tone-pending{--spine-status: #fbbf24}.book-spine-link.tone-denied{--spine-status: #f87171}.book-spine-cap{position:absolute;top:2px;left:10%;right:4%;height:3px;border-radius:2px 3px 0 0;background:#ffffffe0;box-shadow:0 2px #3b2b1b21;z-index:1}.book-spine-band{max-width:calc(100% - .15rem);border-radius:999px;padding:.08rem .3rem;border:1px solid color-mix(in srgb,var(--spine-edge, #475569) 82%,#000000);color:var(--text-on-accent);background:var(--spine-edge, #475569);font-size:.52rem;font-weight:700;line-height:1.2;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;z-index:1}.book-spine-copy{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:flex-start;gap:.2rem;padding:.12rem 0;overflow:hidden;z-index:1}.book-spine-title{writing-mode:vertical-rl;text-orientation:mixed;font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:var(--spine-title-size, .82rem);font-weight:800;color:var(--spine-title, var(--text-on-accent));line-height:1.18;letter-spacing:.04em;height:100%;min-height:0;max-height:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:none;z-index:1}.book-spine-meta{writing-mode:vertical-rl;text-orientation:mixed;font-size:.56rem;color:color-mix(in srgb,var(--spine-title, #222222) 76%,transparent);line-height:1.1;max-height:82%;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;z-index:1}.book-spine-imprint{width:1.15rem;height:1.15rem;flex:0 0 auto;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--spine-edge, #475569) 82%,#000000);border-radius:50%;background:var(--spine-edge, #475569);color:var(--text-on-accent);font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:.56rem;font-weight:800;line-height:1;z-index:1}.book-spine-foot{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.22rem;border-radius:3px;padding:.12rem .24rem;border:1px solid rgba(69,56,40,.16);background:#ffffffad;color:color-mix(in srgb,var(--spine-title, #222222) 88%,transparent);font-size:.5rem;font-weight:800;line-height:1.2;letter-spacing:.02em;z-index:1}.book-spine-status{min-width:.38rem;display:inline-flex;align-items:center;gap:.2rem;overflow:hidden;white-space:nowrap}.book-spine-status-dot{width:.38rem;height:.38rem;flex:0 0 auto;border-radius:50%;background:var(--spine-status, #cbd5e1);box-shadow:0 0 0 2px #ffffff21}.spine-fmt-bunko .book-spine-title,.spine-fmt-shinsho .book-spine-title{font-size:min(var(--spine-title-size, .72rem),.72rem)}.spine-fmt-bunko .book-spine-band{width:100%;border-radius:4px;border-color:transparent;background:var(--spine-edge, var(--ink));color:var(--text-on-accent);font-size:.5rem;letter-spacing:.12em}.spine-fmt-shinsho .book-spine-band{width:100%;border-radius:4px;background:var(--spine-edge, #475569);letter-spacing:.1em}.spine-fmt-large .book-spine-title{font-size:.95rem;min-height:150px}.spine-fmt-large .book-spine-band{font-size:.62rem}.book-spine-detail{position:absolute;left:50%;bottom:calc(100% + .8rem);width:min(210px,72vw);padding:.7rem .75rem;display:flex;flex-direction:column;gap:.25rem;border:1px solid rgba(148,163,184,.35);border-radius:10px;background:#fffffff7;color:var(--text);box-shadow:0 14px 30px #0f172a2e;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:30}.book-spine-detail:after{content:"";position:absolute;left:50%;bottom:-6px;width:11px;height:11px;border-right:1px solid rgba(148,163,184,.35);border-bottom:1px solid rgba(148,163,184,.35);background:var(--surface);transform:translate(-50%) rotate(45deg)}.book-spine-item:hover .book-spine-detail,.book-spine-item:focus-within .book-spine-detail{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.book-spine-detail>strong{color:#172033;font-size:.76rem;line-height:1.4}.book-spine-detail>span{color:var(--text-muted);font-size:.68rem;line-height:1.35}.book-spine-sub{display:flex;flex-direction:column;gap:.15rem;font-size:.66rem;color:var(--text-muted);line-height:1.25;padding-top:.3rem;margin-top:.15rem;border-top:1px solid var(--border)}.book-spine-actions{display:flex;gap:.35rem;flex-wrap:wrap;padding-top:.25rem}.book-spine-actions button{padding:.16rem .4rem;font-size:.66rem}.book-item{display:flex;flex-direction:row;background:var(--surface);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #0f172a14,0 1px 2px #0f172a0a;border:1px solid var(--border);transition:transform .2s ease,box-shadow .3s ease,border-color .2s ease;position:relative;min-height:180px;padding:1.1rem 1.25rem}.book-item:hover{transform:translateY(-2px);box-shadow:0 16px 38px #0f172a1f;border-color:#d6e2f3}.book-main{text-decoration:none;color:inherit;display:flex;flex-direction:row;flex:1}.book-item img{width:120px;min-width:120px;height:100%;object-fit:contain;border-radius:14px;background:linear-gradient(135deg,#f7f9fc,#eef2f7);border:1px solid var(--border);margin-right:1rem}.book-item>.book-main>div{padding:1.25rem;flex:1;display:flex;flex-direction:column}.book-item h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-item p{margin:0 0 .35rem;color:var(--text-muted);font-size:.95rem;font-weight:500}.book-item small{display:block;color:var(--text-faint);font-size:.85rem;margin-bottom:.25rem}.book-actions{padding:0 1.25rem 1.25rem;display:flex;gap:.5rem;align-items:flex-end}.book-actions button{flex:0 0 auto}@media (max-width: 768px){.browse-shelf-panel{padding:.85rem;border-radius:14px}.browse-shelf-head{flex-direction:column;align-items:flex-start}.browse-shelf-total{font-size:.74rem}.browse-shelf-strip{gap:.5rem}.browse-shelf-card{flex-basis:clamp(116px,42vw,156px)}.book-item{flex-direction:column;min-height:auto}.book-spine-list{padding:1rem .65rem .92rem;column-gap:.24rem;row-gap:1.1rem}.book-spine-list:after{left:.45rem;right:.45rem;bottom:.45rem;height:8px}.book-spine-link{height:min(var(--spine-height, 220px),230px);padding:.38rem .2rem .26rem}.book-spine-title{height:100%;min-height:0;font-size:min(var(--spine-title-size, .76rem),.76rem)}.book-spine-meta{font-size:.52rem}.book-spine-foot{font-size:.47rem}.book-main{flex-direction:column}.book-item img{width:100%;height:240px}.book-item>.book-main>div{padding:1rem}.book-item h3{font-size:.95rem}}.book-detail{max-width:800px;color:var(--text);padding:1.5rem}.book-detail-page{max-width:960px;margin:0 auto;padding:.75rem 1rem 1.5rem}.bd-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.bd-topbar-label{font-size:1.05rem;font-weight:700;color:var(--text)}.bd-back{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.88rem;font-weight:600;padding:.45rem .8rem;border-radius:.6rem;cursor:pointer;transition:border-color .15s,background .15s}.bd-back:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.bd-topbar-actions{position:relative;display:flex;align-items:center;gap:.5rem;margin-left:auto}.bd-section{margin-top:1.25rem}.bd-section h4{margin:0 0 .6rem;font-size:.95rem;font-weight:700;color:var(--text)}.book-detail-page .book-detail-body{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1rem 1.1rem 1.25rem;box-shadow:0 12px 28px #0000000a;display:flex;flex-direction:column;gap:.9rem}.book-detail-page .book-actions{padding:0;margin-top:.25rem}.book-detail-page .page-header{margin-bottom:1.25rem}.book-detail-page .page-header h2{font-size:1.4rem}.loan-status-card{margin:0}.book-info-header{display:flex;gap:1.1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border);margin-bottom:0}.book-cover-compact{width:100px;height:150px;object-fit:contain;border-radius:.375rem;border:1px solid var(--border);flex-shrink:0}.book-cover-compact-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.book-cover-source-link{font-size:.6875rem;color:var(--text-faint);text-decoration:none}.book-cover-source-link:hover{text-decoration:underline}.book-info-content{flex:1;min-width:0}@media (max-width: 768px){.book-info-header{flex-direction:row;align-items:flex-start;gap:.9rem}.book-cover-compact{width:84px;height:126px}.book-detail-page{max-width:none;width:100%;padding:.5rem .75rem 1.25rem;margin:0}.book-detail{max-width:none;padding:1rem}.book-detail-page .book-detail-body{padding:.875rem 1rem 1.1rem}.book-detail-page .page-header{align-items:flex-start;gap:.75rem}}.book-title-compact{margin:0 0 .4rem;font-size:1.125rem;font-weight:700;color:var(--text);line-height:1.4}.book-meta{margin:0 0 .375rem;font-size:.9375rem;color:var(--text);line-height:1.5}.book-meta-small{margin:0 0 .25rem;font-size:.8125rem;color:var(--text-muted);line-height:1.5}.book-status-inline{display:flex;gap:.625rem;margin-top:.75rem;flex-wrap:wrap}.book-description-section{padding:1rem 1.25rem;margin:.75rem 0;background:var(--surface-sunken);border-radius:.5rem}.book-description-text{margin:0;font-size:.9375rem;line-height:1.7;color:var(--text);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.book-description-text.expanded{-webkit-line-clamp:unset;overflow:visible}.book-description-toggle{margin-top:.5rem;padding:0;border:none;background:none;font-size:.8125rem;font-weight:600;color:var(--info);cursor:pointer}.book-description-toggle:hover{text-decoration:underline}.book-description-source{margin:.5rem 0 0;font-size:.75rem;color:var(--text-faint)}.status-badge-compact{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.status-badge-compact.available{border-color:var(--text-faint)}.status-badge-compact.removed{background:var(--surface-sunken);color:var(--text-muted)}.status-badge-compact.reference{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-soft)}.status-badge-compact.restricted{background:#ede9fe;color:#6d28d9;border-color:#ddd6fe}.reference-note{margin:0;padding:.7rem .9rem;background:var(--warning-soft);border:1.5px solid var(--warning-soft);border-radius:.7rem;font-size:.88rem;color:var(--warning)}.due-badge-compact{padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500;border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text-muted)}.book-detail-grid{display:grid;grid-template-columns:160px 1fr;gap:1rem}.book-detail-grid img{width:160px;height:220px;object-fit:contain;border-radius:8px;background:var(--surface-sunken)}.badge{display:inline-flex;align-items:center;margin-left:.5rem;padding:.35rem .75rem;border-radius:999px;background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%);color:var(--warning);font-size:.75rem;font-weight:700;border:1px solid var(--warning);letter-spacing:.025em}.badge.loaning{background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%);color:var(--warning);border-color:var(--warning)}.badge.pending{background:linear-gradient(135deg,#e0ecff,#c7ddff);color:var(--info);border-color:var(--info)}.modal-backdrop{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:450}.modal{background:var(--surface-raised);border-radius:1rem;padding:2rem;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.book-detail-modal{max-width:900px;max-height:80vh;padding:0;overflow:hidden auto}.book-detail-modal .book-detail-page{max-width:none;width:100%;padding:.75rem 1rem 1.25rem}.book-detail-modal .book-detail-body{width:100%}@media (max-width: 640px){.modal,.book-detail-modal{width:100vw;height:calc(100vh - 72px - env(safe-area-inset-bottom));max-width:none;max-height:calc(100vh - 72px - env(safe-area-inset-bottom));margin:0;border-radius:0;padding:1rem;box-sizing:border-box}.modal-backdrop{align-items:stretch;justify-content:stretch;padding:0}.book-detail-modal .book-detail-page{padding:.75rem .75rem 1rem}}.icon-button{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.2rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.icon-button:hover{background:var(--surface-sunken)}.dropdown-menu{position:absolute;top:40px;right:0;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 12px 24px #00000014;min-width:180px;z-index:10;padding:.25rem 0}.dropdown-item{width:100%;text-align:left;padding:.6rem .9rem;background:none;border:none;color:var(--text);font-weight:600;cursor:pointer}.dropdown-item:hover{background:var(--surface-sunken)}.dropdown-item.danger{color:var(--danger)}.modal-header{padding:1.5rem 2rem;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text)}.modal-close{width:32px;height:32px;border-radius:.5rem;border:none;background:var(--surface-sunken);color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface-sunken);color:var(--text)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-panel .modal-body{padding:1.25rem 1.5rem;max-height:none}.book-status-section{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.book-status-badge{padding:.5rem 1rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text)}.book-status-badge.available{background:var(--surface);border-color:var(--text-faint)}.book-status-badge.removed{background:var(--surface-sunken);color:var(--text-muted);border-color:var(--border-strong)}.due-date-badge{padding:.5rem 1rem;border-radius:.375rem;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);font-size:.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.due-icon{font-size:1rem;color:var(--text-muted)}.loan-status-card{background:var(--surface-sunken);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin:1rem 0}.card-mini-header{margin-bottom:.875rem}.card-mini-header h4{margin:0;font-size:.9375rem;font-weight:700;color:var(--text)}.loan-status-list{display:flex;flex-direction:column;gap:.5rem}.loan-status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.375rem;transition:all .15s}.loan-status-item:hover{border-color:var(--border-strong)}.loan-borrower{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text);font-size:.875rem}.borrower-icon{font-size:.875rem;color:var(--text-faint)}.loan-info{display:flex;align-items:center;gap:.625rem}.loan-status-badge{padding:.2rem .55rem;border-radius:.375rem;font-size:.72rem;font-weight:700;border:none;background:var(--surface-sunken);color:var(--text-muted)}.loan-status-badge.active{background:var(--info-soft);color:var(--info)}.loan-status-badge.pending{background:var(--warning-soft);color:var(--warning)}.loan-status-badge.denied,.badge.denied{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.loan-due{font-size:.75rem;color:var(--text-faint);font-weight:500}.loan-list{margin-bottom:1rem;padding:.75rem .5rem .25rem;background:#fffaf3;border:1px solid #efdcc5;border-radius:12px;box-shadow:0 6px 16px #0000000f}.loan-list-table{display:flex;flex-direction:column;gap:.35rem}.loan-row{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border-radius:10px;background:linear-gradient(135deg,#fffefc,#fff7eb);border:1px solid #f0e2cf}.loan-main{display:flex;flex-direction:column;gap:.15rem}.loan-title{font-weight:700;color:#3b2c17}.loan-meta{font-size:.85rem;color:#6b5a45}.loan-side{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end;font-size:.9rem;color:#5a4630}.loan-due-chip{background:#fff1d6;padding:.15rem .5rem;border-radius:8px;border:1px solid #f2d9a6}.loan-status-chip{font-weight:700}.book-actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.action-btn-primary{width:100%;padding:.875rem 1.5rem;border-radius:.5rem;border:2px solid #111827;background:var(--ink);color:var(--text-on-accent);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.action-btn-primary.compact{max-width:420px;padding:.85rem 1.25rem;margin:0 auto}.action-btn-primary:hover:not(:disabled){background:#1f2937;border-color:var(--text);transform:translateY(-1px)}.action-btn-primary:disabled{opacity:.5;cursor:not-allowed}.action-buttons-secondary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;align-items:center}.action-btn-secondary{padding:.75rem 1rem;border-radius:.5rem;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.action-btn-secondary:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-faint)}.action-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.action-btn-destructive{width:100%;padding:.625rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s;margin-top:.5rem}.action-btn-destructive:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.action-btn-destructive:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.action-buttons-secondary{grid-template-columns:1fr}}.reservation-queue-card{background:#fffaf3;border:1px solid #f5e0c3;border-radius:12px;padding:1rem;margin-top:1rem;box-shadow:0 10px 22px #0000000a}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;padding-bottom:.5rem;border-bottom:1px solid #f1e2c8}.queue-title{display:flex;align-items:center;gap:.5rem}.queue-icon{font-size:1rem;color:#9a6b2f}.queue-title h4{margin:0;font-size:.9375rem;font-weight:700;color:var(--text)}.queue-count{background:var(--surface);padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700;color:#9a6b2f;border:1px solid #f1e2c8}.reservation-list{display:flex;flex-direction:column;gap:.4rem}.reservation-item{display:grid;grid-template-columns:32px 1fr 120px;align-items:center;gap:.55rem;padding:.55rem .75rem;background:#fffefc;border-radius:10px;border:1px solid #f0e2cf;transition:all .15s}.reservation-item:hover{border-color:var(--border-strong)}.reservation-item.my-reservation{background:#fff7e6;border-color:var(--warning)}.reservation-number{font-weight:700;font-size:.9rem;color:var(--warning);text-align:center}.reservation-user{font-weight:600;color:#3b2c17;font-size:.875rem}.reservation-date{font-size:.75rem;color:var(--text-faint);text-align:right}@media (max-width: 768px){.action-buttons-grid{grid-template-columns:1fr}.reservation-item{grid-template-columns:30px 1fr}.reservation-date{grid-column:2;text-align:left;font-size:.75rem;margin-top:.25rem}}.modal h2{margin-top:0;color:var(--text);font-size:1.5rem}.modal button{margin-top:1.5rem}@media (min-width: 641px){.modal-wide{width:min(900px,94vw)}}.modal h3{margin-top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-modal{padding:0;max-width:1300px;width:min(100%,1300px);background:var(--surface);box-shadow:0 25px 50px -12px #00000040;display:flex;overflow:hidden;min-height:600px;position:relative}.settings-close-x{position:absolute;top:1rem;right:1rem;z-index:10;width:34px;height:34px;border-radius:50%;border:none;background:var(--surface-sunken);color:var(--text-muted);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.settings-close-x:hover{background:var(--surface-sunken);color:var(--text)}.settings-backdrop{align-items:center;justify-content:center}.settings-sidebar{width:240px;background:var(--surface-sunken);border-right:1px solid var(--border);padding:1.5rem 1.25rem;display:flex;flex-direction:column}.settings-content{flex:1;padding:2rem;overflow-y:auto;background:var(--surface);max-height:calc(100vh - 100px)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--text-faint);margin:0 0 .35rem;text-transform:uppercase}.settings-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.5rem;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--info-soft) 100%)}.settings-hero h3{margin:0;font-size:1.4rem;font-weight:700;color:var(--text)}.hero-desc{margin:.4rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.6}.settings-general-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:1.5rem;align-items:start}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 10px 24px #0f172a0f}.settings-form{display:flex;flex-direction:column;gap:1rem}.settings-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.inline-hint{margin:0;font-size:.85rem;color:var(--text-muted)}.field-hint{display:block;margin-top:.35rem;font-size:.8rem;color:var(--text-faint)}.settings-readonly{padding:.75rem 1rem;border-radius:12px;border:1px dashed var(--border-strong);background:var(--surface-sunken);color:var(--text-muted);font-size:.85rem;margin-bottom:1rem}.header-badge{margin-left:auto;align-self:flex-start}.settings-sidebar-head{padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.settings-sidebar-head h3{margin:.15rem 0 0}.settings-sidebar-footer{margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border)}.settings-menu{display:flex;flex-direction:column;gap:.35rem}.settings-menu-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-radius:.85rem;border:1px solid transparent;background:var(--surface-sunken);color:var(--text-muted);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.settings-menu-item .settings-menu-left{display:flex;align-items:center;gap:.8rem}.settings-menu-item:hover:not(:disabled){background:var(--info-soft);color:var(--info)}.settings-menu-item:disabled{opacity:.5;cursor:not-allowed}.settings-menu-item.active{background:var(--info-soft);color:var(--info);border-color:var(--info-soft);box-shadow:0 0 0 1px #1d4ed82e inset}.settings-menu-icon{font-size:1.2rem}.settings-menu-label{flex:1}.settings-menu-arrow{color:#cbd5f5;font-weight:700;font-size:1.25rem}.settings-menu-group{display:flex;flex-direction:column;gap:.15rem}.settings-menu-group+.settings-menu-group{margin-top:1rem}.settings-menu-group-label{font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase;margin:0 0 .3rem;padding:0 .5rem}.settings-menu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:.7rem;font-weight:700;flex-shrink:0}.settings-menu-badge.warn{background:var(--warning-soft);color:var(--warning)}.settings-menu-badge.neutral{background:var(--surface-sunken);color:var(--text-muted)}.settings-menu-item.active .settings-menu-badge.warn{background:var(--warning);color:#422006}.settings-menu-item.active .settings-menu-badge.neutral{background:#ffffff40;color:var(--text-on-accent)}.settings-menu.mobile .settings-menu-item{background:var(--surface);border-bottom:1px solid var(--border);border-radius:0;padding-left:0;padding-right:0}.settings-menu.mobile .settings-menu-item.active{background:var(--surface-sunken);border-color:var(--border)}.settings-menu.mobile .settings-menu-icon{font-size:1rem}.settings-mobile-menu{flex:1;padding:calc(1rem + env(safe-area-inset-top)) 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;background:var(--surface)}.settings-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.settings-mobile-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.settings-mobile-toolbar .ghost{border:none;background:transparent;color:var(--info);font-weight:600;padding:.35rem .5rem}.settings-mobile-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.settings-mobile-menu .settings-menu{flex:1}.settings-content.mobile-detail{padding:1.5rem}@media (min-width: 769px){.mobile-header,.mobile-tabs{display:none!important}}@media (max-width: 768px){.settings-backdrop{inset:0!important;align-items:stretch!important;justify-content:stretch!important;padding:0!important;min-height:100vh!important;height:100vh!important}.settings-modal{position:fixed!important;inset:0!important;max-width:100%!important;width:100%!important;min-height:100vh!important;height:100vh!important;max-height:none!important;border-radius:0!important;flex-direction:column;box-shadow:none!important;margin:0!important;padding:0!important;overflow:hidden!important}.settings-sidebar{display:none}.settings-content{order:1;flex:1;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-general-grid{grid-template-columns:1fr}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:5}.mobile-header h2{font-size:1rem;font-weight:700;margin:0}.mobile-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:3.5rem;z-index:4;margin:0 -1rem;padding:0 1rem}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.8rem;cursor:pointer;position:relative;transition:color .2s ease;white-space:nowrap}.mobile-tab:disabled{opacity:.4;cursor:not-allowed}.mobile-tab.active{color:var(--text)}.mobile-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.mobile-tab .tab-icon{font-size:1.25rem}.mobile-tab .tab-label{font-size:.75rem}.action-panel{grid-template-columns:1fr;gap:1rem}.action-block{padding:1.25rem}.section-header{padding:0 0 1rem;margin-bottom:1.5rem}.section-header h2{font-size:1.3rem}button{min-height:44px;padding:.75rem 1.25rem}input,select,textarea{min-height:44px;font-size:16px}.data-item{flex-direction:column;align-items:flex-start;gap:.5rem}.data-secondary{font-size:.8rem}}@media (min-width: 769px) and (max-width: 1024px){.settings-modal{max-width:700px}.settings-sidebar{width:200px}.settings-content{padding:1.5rem}.action-panel{grid-template-columns:repeat(2,1fr)}}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-header h2{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.section-desc{color:var(--text-muted);font-size:1rem;margin:0}.settings-linear-form{max-width:600px;display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.status-strip{display:flex;gap:2rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:1rem 0}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);font-weight:700}.status-value{font-weight:600;color:var(--text)}.sharing-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.sharing-action-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:2px solid var(--border);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;transition:all .3s ease}.sharing-action-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001a;border-color:var(--border-strong)}.sharing-action-card.accent{background:linear-gradient(135deg,#fffbf5,#fef8f0);border-color:#e0d5c7}.sharing-action-card.accent:hover{border-color:var(--accent);box-shadow:0 12px 24px #8b5a2b26}.card-icon-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.icon-badge{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.icon-badge.user{background:linear-gradient(135deg,var(--info-soft) 0%,var(--info-soft) 100%)}.icon-badge.library{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.icon-badge.redeem{background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%)}.card-icon-header h4{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.card-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted);line-height:1.4}.card-content{flex:1;margin-bottom:1rem}.modern-label{display:block}.label-text{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.modern-select{width:100%;padding:.75rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:.95rem;color:var(--text);cursor:pointer;transition:all .2s}.modern-select:hover{border-color:var(--border-strong)}.modern-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.code-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:.95rem;font-family:monospace;transition:all .2s}.code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.info-text{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.card-footer{margin-top:auto}button.full-width{width:100%;justify-content:center;gap:.5rem}.card-section-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.header-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.card-section-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text)}.section-desc-small{margin:.25rem 0 0;font-size:.875rem;color:var(--text-muted)}.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-faint)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:0 0 .5rem;font-size:1rem;font-weight:500;color:var(--text-muted)}.empty-hint{display:block;font-size:.875rem;color:var(--text-faint)}.spinner{font-size:2rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.invite-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:var(--surface-sunken);border:2px solid var(--border);border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d}.invite-list::-webkit-scrollbar{width:8px}.invite-list::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:4px;margin:4px 0}.invite-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px;border:2px solid var(--border)}.invite-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.invite-item{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface) 100%);border:2px solid var(--border);border-radius:.75rem;padding:1.25rem;transition:all .2s}.invite-item:hover{border-color:var(--border);box-shadow:0 4px 8px #0000000d}.invite-main{display:flex;flex-direction:column;gap:.75rem}.invite-code{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.invite-code code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:1rem;font-weight:600;color:var(--text);background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);padding:.5rem .875rem;border-radius:.5rem;border:1px solid var(--border)}.type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600}.type-badge.user,.type-badge.library{background:var(--info-soft);color:var(--info)}.invite-meta{display:flex;flex-wrap:wrap;gap:1rem}.meta-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem}.meta-label{color:var(--text-muted)}.meta-item strong{color:var(--text);font-weight:600}.library-link-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:var(--surface-sunken);border:2px solid var(--border);border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d}.library-link-list::-webkit-scrollbar{width:8px}.library-link-list::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:4px;margin:4px 0}.library-link-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px;border:2px solid var(--border)}.library-link-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.library-link-item{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface) 100%);border:2px solid var(--border);border-radius:.75rem;padding:1.25rem;transition:all .2s}.library-link-item:hover{border-color:var(--border);box-shadow:0 4px 8px #0000000d;transform:translate(4px)}.library-link-icon{width:48px;height:48px;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.library-link-info{flex:1}.library-link-info h4{margin:0 0 .5rem;font-size:1.05rem;font-weight:700;color:var(--text)}.library-link-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.visibility-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.8125rem;font-weight:600}.visibility-badge.public{background:var(--info-soft);color:var(--info)}.visibility-badge.shared{background:#ede9fe;color:#5b21b6}.visibility-badge.private{background:var(--surface-sunken);color:var(--text-muted)}.meta-separator{color:#cbd5e1}.role-text{font-size:.875rem;color:var(--text-muted);font-weight:500}.member-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:var(--surface-sunken);border:2px solid var(--border);border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d}.member-list::-webkit-scrollbar{width:8px}.member-list::-webkit-scrollbar-track{background:var(--surface-sunken);border-radius:4px;margin:4px 0}.member-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#94a3b8,#64748b);border-radius:4px;border:2px solid var(--border)}.member-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#64748b,#475569)}.member-item{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:2px solid var(--border);border-radius:.75rem;padding:1.25rem;transition:all .2s}.member-item:hover{border-color:var(--border);box-shadow:0 4px 8px #0000000d}.member-info{flex:1;display:flex;align-items:center;gap:1.5rem}.member-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.member-name{font-size:1rem;font-weight:600;color:var(--text)}.member-uid{font-size:.8125rem;font-family:monospace;color:var(--text-faint)}.member-role-badge{display:flex;align-items:center}.role-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:600}.role-badge.director{background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%);color:var(--warning)}.role-badge.librarian{background:linear-gradient(135deg,var(--info-soft) 0%,var(--info-soft) 100%);color:var(--info)}.role-badge.member{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);color:var(--text-muted)}.role-select{padding:.625rem 1rem;border:2px solid var(--border);border-radius:.5rem;background:var(--surface);font-size:.875rem;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s;min-width:140px}.role-select:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.role-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.owner-label{padding:.625rem 1rem;background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%);color:var(--warning);border-radius:.5rem;font-size:.875rem;font-weight:600;border:2px solid var(--warning)}.role-definition-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.role-definition-card{border:1px solid var(--border);border-radius:16px;padding:1.25rem;background:var(--surface);box-shadow:0 8px 20px #0f172a0d}.role-definition-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.role-definition-header h3{margin:0;font-size:1.1rem}.role-actions{display:flex;gap:.5rem}.role-definition-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1rem}.role-permission-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text)}.role-policy-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.role-policy-field{display:flex;flex-direction:column;gap:.35rem;min-width:120px}.role-policy-field input{max-width:140px}.role-name-input{padding:.5rem .75rem;border-radius:10px;border:1px solid var(--border);font-size:1rem}.role-create-card{border:1px dashed var(--border-strong);border-radius:16px;padding:1.25rem;background:var(--surface-sunken);margin-bottom:1.5rem}.role-create-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}.role-badge.custom{background:linear-gradient(135deg,var(--info-soft) 0%,#bae6fd 100%);color:#0c4a6e}button.small{padding:.5rem 1rem;font-size:.875rem}@media (max-width: 768px){.sharing-actions-grid{grid-template-columns:1fr}}.action-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-block{background:var(--surface-sunken);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease}.action-block:hover{background:var(--surface);box-shadow:0 10px 25px -5px #0000000d;border-color:var(--border-strong);transform:translateY(-2px)}.action-icon{width:40px;height:40px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--text-muted)}.action-title{font-weight:700;color:var(--text);margin:0}.action-desc{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5}.data-section h3{font-size:1.1rem;color:var(--text);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.data-list{display:flex;flex-direction:column;gap:.75rem}.data-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}.data-main{display:flex;flex-direction:column;gap:.25rem}.data-primary{font-weight:600;color:var(--text)}.data-secondary{font-size:.85rem;color:var(--text-muted)}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e8dcc3;color:#5b4630;font-weight:800;font-size:.95rem;cursor:help;position:relative;margin-left:.1rem}.help-icon .tooltip{display:none;position:absolute;top:130%;left:50%;transform:translate(-50%);min-width:220px;background:var(--ink);color:var(--text-on-accent);padding:.65rem .75rem;border-radius:10px;box-shadow:0 10px 30px #0000002e;font-size:.9rem;line-height:1.4;z-index:10;white-space:normal}.help-icon .tooltip:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #111827}.help-icon:hover .tooltip{display:block}.pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.tone-amber{background:var(--warning-soft);color:var(--warning)}.tone-slate{background:var(--surface-sunken);color:var(--text-muted)}.tone-green{background:var(--success-soft);color:var(--success)}.tone-indigo{background:var(--info-soft);color:var(--info)}.form-field{margin-bottom:1rem}.form-field span{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.form-field input,.form-field textarea,.invite-actions input,select{width:100%;padding:.65rem .8rem;border-radius:.625rem;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:.95rem;box-sizing:border-box}.form-field textarea{resize:vertical;min-height:110px}.form-field input:hover,.form-field textarea:hover,.form-field select:hover,.invite-actions input:hover{border-color:var(--border-strong)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus,.invite-actions input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.toast{position:fixed;top:16px;right:16px;min-width:240px;max-width:320px;padding:.85rem 1rem;border-radius:12px;color:var(--text);box-shadow:0 16px 30px #0f172a2e;z-index:60;font-weight:700;line-height:1.4;background:var(--surface);border:1px solid var(--border)}.toast-success{background:#ecfdf3;border-color:var(--success-soft);color:var(--success)}.toast-error{background:var(--danger-soft);border-color:#fecdd3;color:var(--danger)}.toast-info{background:var(--info-soft);border-color:#cbd5f5;color:var(--info)}.search-bar input{width:100%;padding:.75rem 1rem;border-radius:999px;border:1px solid #cbd5f5;margin-bottom:1rem;font-size:1rem}.library-selector{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.library-selector select{padding:.5rem .75rem;border-radius:.5rem;border:1px solid #94a3b8;margin-left:.5rem}.status-text{min-height:1.5rem}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;font-weight:600}.status-scanning{background:var(--info-soft);color:var(--info)}.status-success{background:var(--success-soft);color:var(--success)}.status-error{background:var(--danger-soft);color:var(--danger)}.scanner-wrap{display:flex;flex-direction:column;gap:.75rem}.fab{position:fixed;right:1.5rem;bottom:1.5rem;width:56px;height:56px;border-radius:50%;border:none;background:var(--info);color:var(--text-on-accent);font-size:24px;box-shadow:0 10px 25px #2563eb59;cursor:pointer}.library-list{background:linear-gradient(to bottom,var(--surface),var(--surface-sunken));border-radius:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;border:1px solid var(--border)}.library-list h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:var(--text)}.library-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.library-item{width:100%;text-align:left;border:2px solid var(--border);border-radius:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.library-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--accent),#9c6b3c);opacity:0;transition:opacity .3s ease}.library-item:hover{border-color:var(--border-strong);background:var(--surface);transform:translateY(-2px);box-shadow:0 12px 24px -8px #00000026}.library-item:hover:before{opacity:1}.library-item.selected{border-color:var(--accent);background:linear-gradient(135deg,#fffbf5,#fef8f0);box-shadow:0 0 0 3px #8b5a2b1a,0 8px 16px -4px #8b5a2b33;transform:translateY(-2px)}.library-item.selected:before{opacity:1}.library-item__name{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:.5rem;color:var(--text);margin-bottom:.5rem}.library-item__meta{color:var(--text-muted);font-size:.9rem;font-weight:500}.lib-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .6rem;border-radius:.5rem;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.025em}.lib-chip-public{background:linear-gradient(135deg,var(--info-soft) 0%,var(--info-soft) 100%);color:var(--info);border:1px solid var(--info)}.lib-chip-private{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);color:var(--text);border:1px solid var(--border-strong)}.library-tag{display:inline-block;margin-top:.2rem;padding:.1rem .4rem;border-radius:.4rem;background:var(--info-soft);color:var(--info);font-size:.8rem}.library-tag-row{display:inline-flex;align-items:center;gap:.35rem}.fab:hover{filter:brightness(1.05)}.manual-input input{width:200px}.scan-history ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.scan-history li{display:flex;align-items:center;gap:.35rem;font-size:.95rem}.scan-history .isbn{font-weight:600}.badge-success{background:var(--success-soft);color:var(--success)}.badge-error{background:var(--danger-soft);color:var(--danger)}.error{color:var(--danger);overflow-wrap:break-word;word-break:break-word}.hint{color:var(--text-muted);margin-top:.4rem}.modern-lp{--lp-bg: #fdfbf7;--lp-primary: #ea580c;--lp-secondary: #0ea5e9;--lp-accent: #facc15;--lp-text: #171717;--lp-text-muted: #57534e;--lp-font: "Courier Prime", "Courier New", monospace;--lp-radius-lg: 2px;--lp-radius-md: 4px;min-height:100vh;background-color:var(--lp-bg);background-image:linear-gradient(rgba(231,229,228,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(231,229,228,.8) 1px,transparent 1px);background-size:24px 24px;color:var(--lp-text);font-family:var(--lp-font);position:relative;overflow-x:hidden}.lp-ambient-bg{display:none}.lp-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1024px;margin:0 auto;border-bottom:2px solid #171717;background:var(--lp-bg)}.lp-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.5rem;color:var(--lp-text);letter-spacing:-.05em;text-transform:uppercase}.logo-icon{font-size:1.5rem;transform:none;border:2px solid #171717;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--lp-accent);border-radius:0}.lp-btn-login-ghost{background:transparent;border:2px solid #171717;color:var(--lp-text);padding:.5rem 1.25rem;border-radius:4px;cursor:pointer;transition:all .1s;font-weight:700;box-shadow:2px 2px #171717}.feature-card:after{content:"貸出可";position:absolute;bottom:1rem;right:1.5rem;font-size:.9rem;color:var(--lp-primary);border:2px solid var(--lp-primary);padding:.2rem .5rem;border-radius:4px;transform:rotate(-15deg);opacity:.8;font-weight:900;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%'><filter id='noise'><feTurbulence type='fractalNoise' baseFrequency='0.8' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23noise)' opacity='0.5'/></svg>")}.lp-btn-login-ghost:hover{transform:translate(2px,2px);box-shadow:2px 2px #171717}.lp-btn-login-ghost:active{transform:translate(4px,4px);box-shadow:none}.lp-main{position:relative;z-index:10}.lp-hero{display:flex;align-items:center;justify-content:space-between;min-height:70vh;padding:4rem 2rem;max-width:1024px;margin:0 auto;gap:3rem}.lp-hero-content{flex:1;max-width:500px}.lp-badge{display:inline-block;padding:.25rem .75rem;background:#171717;color:#fff;border:2px solid #171717;font-size:.85rem;margin-bottom:2rem;font-weight:700;box-shadow:none;transform:none;border-radius:2px}.lp-title{font-size:3rem;line-height:1.2;font-weight:900;margin-bottom:1.5rem;color:var(--lp-text);background:none;-webkit-text-fill-color:initial}.lp-title span{background:linear-gradient(180deg,transparent 60%,var(--lp-accent) 60%)}.lp-subtitle{font-size:1.05rem;color:var(--lp-text-muted);line-height:1.7;margin-bottom:2.5rem;font-weight:400;font-family:sans-serif}.lp-cta-group{display:flex;gap:1.25rem;align-items:center}.lp-btn-primary{background:var(--lp-primary);color:#fff;border:2px solid #171717;padding:.9rem 2rem;border-radius:4px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .1s;box-shadow:6px 6px #171717}.lp-btn-primary:hover{transform:translate(3px,3px);box-shadow:3px 3px #171717}.lp-btn-primary:active{transform:translate(6px,6px);box-shadow:none}.lp-link-secondary{color:var(--lp-text);text-decoration:underline;text-decoration-thickness:2px;font-weight:700;border-bottom:none;transition:all .2s;background:var(--surface);border:2px solid #171717;padding:.5rem 1rem;border-radius:4px;box-shadow:4px 4px #e5e5e5}.lp-link-secondary:hover{color:var(--lp-text);transform:translate(2px,2px);box-shadow:2px 2px #e5e5e5}.lp-hero-visual{flex:1;position:relative;height:500px;display:flex;align-items:center;justify-content:center;background:#f5f5f4;border:4px solid #171717;border-radius:4px;box-shadow:12px 12px #0000001a;overflow:hidden}.glass-card{all:unset}.card-main{width:280px;height:380px;background:var(--surface);border:3px solid #171717;border-radius:4px;position:relative;z-index:2;box-shadow:8px 8px #0ea5e9;padding:0;display:flex;flex-direction:column}.card-main:before{content:"";position:absolute;top:-15px;left:50%;transform:translate(-50%) rotate(2deg);width:60px;height:30px;background:#eab41499;z-index:10}.card-header{height:40px;border-bottom:3px solid #171717;display:flex;align-items:center;padding:0 1rem;gap:.5rem;background:#ffedd5;border-radius:0;margin:0}.dot{width:10px;height:10px;border:2px solid #171717;border-radius:50%;background:var(--surface)}.card-content{padding:1.5rem;flex:1;background:var(--surface);background-image:linear-gradient(#e5e7eb 1px,transparent 1px);background-size:100% 24px}.mock-row{display:flex;gap:.75rem;margin-bottom:24px;background:var(--surface);border:2px solid #171717;padding:.5rem;box-shadow:3px 3px #d1d5db;border-radius:4px}.mock-cover{width:40px;height:56px;background:var(--lp-primary);border:2px solid #171717;border-radius:2px}.mock-cover.color-2{background:var(--lp-secondary)}.mock-lines{gap:.5rem}.line{background:#171717;height:4px;border-radius:2px}.mock-status{margin-top:1rem;gap:.75rem}.pill{border:2px solid #171717;background:var(--surface);color:#171717;font-weight:700;box-shadow:2px 2px #171717;border-radius:4px}.pill.active{background:var(--success);color:#fff;box-shadow:2px 2px #14532d}.card-float-1,.card-float-2{position:absolute;background:var(--surface);border:3px solid #171717;padding:.75rem 1.25rem;font-weight:700;font-size:.9rem;z-index:5;box-shadow:4px 4px #0003;display:flex;align-items:center;gap:.5rem;border-radius:2px}.card-float-1{top:40px;right:-20px;transform:rotate(5deg);background:#fef08a}.card-float-2{bottom:40px;left:-20px;transform:rotate(-3deg);background:var(--success-soft)}.card-float-1 .icon,.card-float-2 .icon{font-size:1.25rem}.lp-features{padding:4rem 2rem 6rem;max-width:1024px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;margin-bottom:4rem;font-weight:900;color:var(--lp-text);background:none;-webkit-text-fill-color:initial;position:relative;display:inline-block;left:50%;transform:translate(-50%);border-bottom:4px solid var(--lp-primary)}.section-title:after{content:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:var(--surface);border:3px solid #171717;padding:2rem;border-radius:4px;transition:all .1s;text-align:left;box-shadow:8px 8px #e5e5e5}.feature-card:before{content:none}.feature-card:hover{transform:translate(4px,4px);box-shadow:4px 4px #e5e5e5}.feature-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:3px solid #171717;border-radius:50%;background:var(--lp-accent)}.feature-card:nth-child(2) .feature-icon{background:var(--lp-secondary)}.feature-card:nth-child(3) .feature-icon{background:var(--lp-primary)}.feature-card h3{font-size:1.25rem;margin-bottom:.75rem;font-weight:800}.feature-card p{color:var(--lp-text-muted);line-height:1.6;font-weight:400;font-family:sans-serif}.lp-footer{padding:4rem 2rem;text-align:center;color:var(--lp-text);border-top:2px solid #171717;margin-top:4rem;font-weight:700;font-family:var(--lp-font);background:var(--surface)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}@media (max-width: 900px){.lp-hero{flex-direction:column;text-align:center;gap:2rem;padding-top:4rem}.lp-hero-content{max-width:100%}.lp-cta-group{justify-content:center}.lp-title{font-size:2.5rem}.lp-hero-visual{width:100%;transform:scale(.9)}.card-float-1{right:0}.card-float-2{left:0}}.modern-lp-v2{--lp2-bg: #fff7ed;--lp2-surface: #ffffff;--lp2-border: rgba(148, 163, 184, .45);--lp2-text: #0f172a;--lp2-muted: #475569;--lp2-primary: #8b5a2b;--lp2-primary-strong: #70451d;--lp2-accent: #f59e0b;min-height:100vh;background:var(--lp2-bg);color:var(--lp2-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;overflow-x:hidden}.modern-lp-v2 .lp2-bg{position:fixed;inset:0;background:var(--lp2-bg);pointer-events:none;z-index:0}.modern-lp-v2 .lp2-header,.modern-lp-v2 .lp2-main,.modern-lp-v2 .lp2-footer{position:relative;z-index:1}.modern-lp-v2 .lp2-header{max-width:1120px;margin:0 auto;padding:1.2rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.modern-lp-v2 .lp2-logo{display:flex;align-items:center;gap:.65rem}.modern-lp-v2 .lp2-logo-mark{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--lp2-surface);border:1px solid var(--lp2-border);box-shadow:0 1px 2px #0f172a0f}.modern-lp-v2 .lp2-logo-text{font-weight:900;letter-spacing:-.02em;font-size:1.1rem}.modern-lp-v2 .lp2-btn-ghost{background:var(--lp2-surface);border:1px solid var(--lp2-border);color:var(--lp2-text);border-radius:12px;padding:.55rem .95rem;font-weight:900;box-shadow:0 1px 2px #0f172a0f}.modern-lp-v2 .lp2-btn-ghost:hover{transform:translateY(-1px);border-color:#0f172a33}.modern-lp-v2 .lp2-btn-ghost:active{transform:translateY(0);box-shadow:none}.modern-lp-v2 .lp2-main{max-width:1120px;margin:0 auto}.modern-lp-v2 .lp2-hero{padding:2.75rem 1.5rem 2.25rem;display:grid;grid-template-columns:1.05fr .95fr;gap:2.25rem;align-items:center}.modern-lp-v2 .lp2-badge{display:inline-flex;align-items:center;padding:.35rem .65rem;border-radius:999px;background:#ffffffbf;border:1px solid var(--lp2-border);color:var(--lp2-primary);font-weight:900;font-size:.85rem}.modern-lp-v2 .lp2-title{margin:.9rem 0;font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.15;letter-spacing:-.03em}.modern-lp-v2 .lp2-subtitle{margin:0 0 1.6rem;color:var(--lp2-muted);font-size:1.05rem;line-height:1.75}.modern-lp-v2 .lp2-cta{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}.modern-lp-v2 .lp2-btn-primary{background:var(--lp2-primary);border:1px solid rgba(112,69,29,.8);color:#fffaf3;border-radius:14px;padding:.9rem 1.4rem;font-weight:900;box-shadow:0 12px 24px #8b5a2b2e}.modern-lp-v2 .lp2-btn-primary:hover{background:var(--lp2-primary-strong);transform:translateY(-1px);box-shadow:0 16px 28px #8b5a2b38}.modern-lp-v2 .lp2-btn-primary:active{transform:translateY(0);box-shadow:0 4px 10px #8b5a2b2e}.modern-lp-v2 .lp2-link{color:var(--lp2-text);text-decoration:none;font-weight:900;border-bottom:1px solid rgba(15,23,42,.25);padding-bottom:2px}.modern-lp-v2 .lp2-link:hover{border-bottom-color:#0f172a8c}.modern-lp-v2 .lp2-trust{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;color:var(--lp2-muted);font-size:.92rem;font-weight:700}.modern-lp-v2 .lp2-trust .dot{opacity:.55}.modern-lp-v2 .lp2-hero-visual{position:relative;min-height:420px;display:flex;justify-content:flex-end}.modern-lp-v2 .lp2-card{background:#ffffffeb;border:1px solid var(--lp2-border);border-radius:18px;box-shadow:0 18px 40px #0f172a14}.modern-lp-v2 .lp2-card-main{width:min(440px,100%);padding:1.1rem 1.1rem 1.05rem}.modern-lp-v2 .lp2-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.modern-lp-v2 .lp2-card-title{font-weight:900;letter-spacing:-.01em}.modern-lp-v2 .lp2-pill{display:inline-flex;align-items:center;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--lp2-border);background:var(--surface);color:var(--lp2-muted);font-weight:900;font-size:.85rem;white-space:nowrap}.modern-lp-v2 .lp2-pill-warn{border-color:#f59e0b59;color:var(--warning)}.modern-lp-v2 .lp2-pill-accent{border-color:#8b5a2b59;color:var(--lp2-primary)}.modern-lp-v2 .lp2-card-row{display:flex;gap:.75rem;align-items:center;padding:.65rem 0;border-top:1px solid rgba(148,163,184,.25)}.modern-lp-v2 .lp2-card-row:first-of-type{border-top:none}.modern-lp-v2 .lp2-book{width:46px;height:60px;border-radius:12px;background:var(--surface-sunken);border:1px solid rgba(148,163,184,.35)}.modern-lp-v2 .lp2-book.b2{background:var(--warning-soft);border-color:#f59e0b59}.modern-lp-v2 .lp2-lines{flex:1;min-width:0}.modern-lp-v2 .lp2-line{height:10px;border-radius:999px;background:var(--surface-sunken);margin:.35rem 0}.modern-lp-v2 .lp2-line.w80{width:80%}.modern-lp-v2 .lp2-line.w55{width:55%}.modern-lp-v2 .lp2-line.w70{width:70%}.modern-lp-v2 .lp2-line.w45{width:45%}.modern-lp-v2 .lp2-card-bottom{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.modern-lp-v2 .lp2-card-float{position:absolute;padding:.55rem .75rem;border-radius:14px;background:#fffffff2;border:1px solid var(--lp2-border);font-weight:900;box-shadow:0 14px 30px #0f172a14;white-space:nowrap}.modern-lp-v2 .lp2-f1{right:6px;top:18px}.modern-lp-v2 .lp2-f2{left:10px;bottom:92px}.modern-lp-v2 .lp2-f3{right:44px;bottom:26px}.modern-lp-v2 .lp2-features{padding:2.1rem 1.5rem 3.5rem}.modern-lp-v2 .lp2-section-head h2{margin:0 0 .4rem;font-size:1.6rem;letter-spacing:-.02em}.modern-lp-v2 .lp2-section-head p{margin:0;color:var(--lp2-muted);font-weight:600}.modern-lp-v2 .lp2-feature-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.modern-lp-v2 .lp2-feature{background:#ffffffeb;border:1px solid var(--lp2-border);border-radius:18px;padding:1.15rem 1.05rem}.modern-lp-v2 .lp2-feature-icon{width:42px;height:42px;border-radius:14px;background:var(--surface);border:1px solid var(--lp2-border);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.8rem}.modern-lp-v2 .lp2-feature h3{margin:0 0 .35rem;font-weight:900;font-size:1.05rem}.modern-lp-v2 .lp2-feature p{margin:0;color:var(--lp2-muted);line-height:1.65;font-weight:600;font-size:.95rem}.modern-lp-v2 .lp2-cta-row{margin-top:1.6rem;display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}.modern-lp-v2 .lp2-cta-note{color:var(--lp2-muted);font-weight:700}.modern-lp-v2 .lp2-footer{padding:2.5rem 1.5rem 3rem;text-align:center;color:var(--lp2-muted);font-weight:700}@media (max-width: 960px){.modern-lp-v2 .lp2-hero{grid-template-columns:1fr}.modern-lp-v2 .lp2-hero-visual{min-height:340px;justify-content:center}.modern-lp-v2 .lp2-card-float{display:none}.modern-lp-v2 .lp2-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.modern-lp-v2 .lp2-header{padding:1rem}.modern-lp-v2 .lp2-hero{padding:2.2rem 1rem 1.75rem}.modern-lp-v2 .lp2-features{padding:1.8rem 1rem 3rem}.modern-lp-v2 .lp2-feature-grid{grid-template-columns:1fr}}.status-card{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface) 100%)}.status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border)}.status-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.status-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text)}.status-grid{display:flex;flex-direction:column;gap:.875rem}.status-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-sunken) 100%);border:2px solid var(--border);border-radius:.75rem;transition:all .2s}.status-item:hover{border-color:var(--border-strong);box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.status-label{font-size:.875rem;font-weight:600;color:var(--text-muted);min-width:100px}.status-value{font-size:.9375rem;font-weight:700;padding:.5rem 1rem;border-radius:.5rem;display:inline-flex;align-items:center;gap:.5rem;margin-left:auto;box-shadow:0 2px 4px #0000001a}.status-value.visibility-public{background:linear-gradient(135deg,var(--info-soft) 0%,var(--info-soft) 100%);color:var(--info)}.status-value.visibility-shared{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6}.status-value.visibility-private{background:linear-gradient(135deg,var(--surface-sunken) 0%,var(--surface-sunken) 100%);color:var(--text-muted)}.status-value.role{background:linear-gradient(135deg,var(--warning-soft) 0%,var(--warning-soft) 100%);color:var(--warning)}.status-value.access{background:linear-gradient(135deg,var(--success-soft) 0%,var(--success-soft) 100%);color:var(--success)}.status-value.date{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#6b21a8}.settings-modal{max-width:1080px;width:min(100%,1080px);min-height:560px;border-radius:1.25rem;box-shadow:0 25px 60px -15px #0f172a4d}.settings-modal .settings-sidebar{width:232px;background:#fafbfc;border-right:1px solid var(--border);padding:1.4rem 1rem}.settings-modal .settings-sidebar-head{border-bottom:1px solid var(--border)}.settings-modal .settings-sidebar-head .eyebrow{color:var(--text-faint)}.settings-modal .settings-sidebar-head h3{font-size:1.05rem;font-weight:800;color:var(--text)}.settings-modal .settings-sidebar-footer{border-top:1px solid var(--border)}.settings-modal .settings-menu-item{background:transparent;border:none;border-radius:.7rem;padding:.6rem .75rem;font-size:.9rem;color:var(--text-muted)}.settings-modal .settings-menu-item .settings-menu-left{gap:.65rem}.settings-modal .settings-menu-icon{font-size:1.05rem}.settings-modal .settings-menu-item:hover:not(:disabled):not(.active){background:var(--surface-sunken);color:var(--text)}.settings-modal .settings-menu-item.active{background:var(--ink);color:var(--text-on-accent);border-color:transparent;box-shadow:none}.settings-modal .settings-menu.mobile .settings-menu-item.active{background:var(--surface-sunken);color:var(--text);border-color:var(--border)}.settings-modal .settings-content{padding:1.75rem 2rem}.settings-modal .settings-hero{background:none;border:none;border-radius:0;padding:0 0 .25rem;margin-bottom:.25rem}.settings-modal .settings-hero .eyebrow{color:#b0894f}.settings-modal .settings-hero h3{font-size:1.3rem;font-weight:800}.settings-modal .hero-desc{font-size:.9rem}.settings-modal .settings-card{border:1.5px solid var(--border);border-radius:.875rem;box-shadow:none;padding:1.25rem}.settings-request-limit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.settings-request-limit-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.settings-request-limit-input>span{color:var(--text-muted);font-size:.82rem;white-space:nowrap}.settings-request-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}@media (max-width: 640px){.settings-request-limit-grid{grid-template-columns:1fr}.settings-request-links>button{width:100%}}.settings-modal .status-card{background:#fafbfc}.settings-modal .status-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.6rem}.settings-modal .status-icon{background:var(--surface-sunken)}.settings-modal .status-header h3{font-size:1rem}.settings-modal .status-item{background:var(--surface);border:1.5px solid var(--border);border-radius:.7rem;padding:.7rem .9rem}.settings-modal .status-item:hover{border-color:var(--border);box-shadow:none;transform:none}.settings-modal .status-label{font-size:.82rem;min-width:80px}.settings-modal .status-value{font-size:.82rem;font-weight:700;padding:.25rem .6rem;border-radius:.5rem;box-shadow:none}.settings-modal .status-value.visibility-public{background:var(--info-soft);color:var(--info)}.settings-modal .status-value.visibility-shared{background:#ede9fe;color:#6d28d9}.settings-modal .status-value.visibility-private{background:var(--surface-sunken);color:var(--text-muted)}.settings-modal .status-value.role{background:var(--warning-soft);color:var(--warning)}.settings-modal .status-value.access{background:var(--success-soft);color:var(--success)}.settings-modal .status-value.date{background:var(--surface-sunken);color:var(--text-muted)}.sort-select{width:auto;padding:.4rem 2rem .4rem .7rem;border:1.5px solid var(--border);border-radius:.6rem;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .55rem center;font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;flex-shrink:0}.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.book-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.borrower-card-body{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.borrower-card-library{margin:0;font-weight:700;font-size:1.05rem}.borrower-card-qr{display:flex;justify-content:center}.borrower-card-countdown{margin:0;font-size:.85rem;color:var(--text-muted)}.borrower-card-countdown strong{font-variant-numeric:tabular-nums;color:var(--text)}.book-tools-toggle{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:700;padding:.42rem .7rem;cursor:pointer}.book-tools-toggle.open{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.book-admin-toggle{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:.3rem .7rem;cursor:pointer;margin-left:auto}.book-browse-toggle{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:.65rem;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:700;padding:.42rem .7rem;cursor:pointer}.book-browse-toggle.open{border-color:var(--info);color:var(--info);background:var(--info-soft)}.book-admin-toggle.open{border-color:var(--accent);color:var(--accent)}.book-admin-tools{margin-top:.5rem;padding:.6rem .75rem;border:1px dashed var(--border);border-radius:.75rem;background:var(--surface-sunken)}.book-tools-badge{background:var(--accent);color:#fff;border-radius:999px;min-width:1.3em;padding:0 .4em;font-size:.75em;font-weight:700;text-align:center;margin-left:.35em}.book-toolbar-more{display:none;flex-direction:column;gap:.5rem;margin-top:.5rem}.book-toolbar-more.open{display:flex}.book-toolbar-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}@media (max-width: 768px){.book-toolbar-row{row-gap:.5rem;justify-content:flex-start}.book-toolbar-row .sort-select{flex:1 1 auto;min-width:0}.book-tools-toggle{display:inline-flex;align-items:center;border:1.5px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:.3rem .7rem;cursor:pointer}.book-tools-toggle.open{border-color:var(--accent);color:var(--accent)}.book-toolbar-more{display:none}.book-toolbar-more.open{display:flex}.book-toolbar-actions .csv-actions{display:flex;flex-wrap:wrap;gap:.5rem}.browse-shelf-head p{display:none}}.sv2-libs-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.sv2-libs-row .sv2-libs{flex:1}.lib-view-switch{display:inline-flex;gap:.25rem;background:var(--surface-sunken);border-radius:.6rem;padding:.2rem;margin-top:.25rem}.lib-view-btn{border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;padding:.35rem .9rem;border-radius:.45rem;cursor:pointer}.lib-view-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0f172a1a}.lib-graph{display:flex;flex-direction:column;gap:.75rem}.lib-graph-hint{margin:0;font-size:.85rem;color:var(--text-faint)}.lib-graph-svg{width:100%;height:auto;max-height:460px}.lib-graph-node{cursor:pointer}.lib-graph-node:hover circle{filter:brightness(.95)}.lib-graph-node:focus{outline:none}.lib-graph-label{font-weight:600;pointer-events:none}.lib-graph-legend{display:flex;gap:1rem;justify-content:center;font-size:.78rem;color:var(--text-muted)}.lib-graph-legend span{display:inline-flex;align-items:center;gap:.35rem}.lgl-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.lgl-dot.owner{background:var(--ink)}.lgl-dot.linked{background:var(--info-soft);border:1px solid var(--info-soft)}.lgl-dot.shared{background:var(--success-soft);border:1px solid var(--success-soft)}.csv-actions{display:flex;gap:.4rem}.csv-action-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:.4rem .7rem;border-radius:.55rem;cursor:pointer;white-space:nowrap}.csv-action-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-sunken)}.csv-action-btn:disabled{opacity:.5;cursor:default}.csv-drop{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.csv-file-btn{display:inline-flex;align-items:center;padding:.5rem .9rem;border:1.5px solid var(--border);border-radius:.6rem;background:var(--surface);font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer}.csv-file-btn:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.csv-hint{font-size:.78rem;color:var(--text-faint)}.csv-textarea{width:100%;box-sizing:border-box;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:.625rem;font-family:monospace;font-size:.85rem;resize:vertical}.csv-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.csv-count{margin:0;font-size:.85rem;color:var(--text-muted)}.csv-preset-label{display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.csv-preset-label select{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text)}.csv-preset-result{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken);font-size:var(--text-sm)}.csv-preset-result label{display:flex;gap:var(--space-2);align-items:flex-start;font-weight:600}.csv-preset-result small{color:var(--text-muted)}.csv-progress{margin:0;font-size:.85rem;color:var(--accent);font-weight:600}.csv-result{font-size:.85rem;color:var(--text)}.csv-result p{margin:.2rem 0}.csv-error{color:var(--danger);font-size:.78rem}.book-filter-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.book-filter-chips{display:flex;gap:.4rem;flex-wrap:wrap}.book-filter-chip{padding:.3rem .7rem;border:1.5px solid var(--border);border-radius:1rem;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.book-filter-chip:hover:not(.active){border-color:var(--border-strong);background:var(--surface-sunken)}.book-filter-chip.active{border-color:var(--ink);background:var(--ink);color:var(--text-on-accent)}.book-filter-stock{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.reading-panel{border:1.5px solid var(--border);border-radius:.875rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.related-books{margin-top:1.1rem;border-top:1.5px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.related-books-head{display:flex;align-items:center;gap:.5rem}.related-books-head h4{margin:0;font-size:.95rem;font-weight:800;color:var(--text)}.related-books-list{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}.related-book-card{flex:0 0 auto;width:148px;display:flex;flex-direction:column;gap:.45rem;padding:.6rem;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .1s}.related-book-card:hover{border-color:var(--info-soft);box-shadow:0 4px 14px #4f46e51a;transform:translateY(-1px)}.ndc-group-title{display:flex;align-items:baseline;gap:.5rem;margin:1.25rem 0 .5rem;padding-bottom:.35rem;border-bottom:2px solid var(--border);font-size:1.05rem}.ndc-group-count{font-size:.8rem;font-weight:600;color:var(--text-muted)}a.purchase-candidate-card{text-decoration:none;color:inherit}.related-book-cover{width:100%;height:116px;object-fit:contain;border-radius:.4rem;background:var(--surface-sunken)}.related-book-info{display:flex;flex-direction:column;gap:.3rem}.related-book-title{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-book-author{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-book-reasons{display:flex;flex-wrap:wrap;gap:.25rem}.related-book-reason{font-size:.66rem;font-weight:700;color:var(--info);background:var(--info-soft);border-radius:.4rem;padding:.12rem .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.reading-panel-head{display:flex;align-items:center;gap:.6rem}.reading-panel-head h4{margin:0;font-size:.95rem;font-weight:800;color:var(--text)}.reading-saved{font-size:.75rem;font-weight:700;color:var(--success)}.reading-status{display:flex;gap:.5rem;flex-wrap:wrap}.reading-status-btn{padding:.45rem .8rem;border:1.5px solid var(--border);border-radius:.6rem;background:var(--surface);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.reading-status-btn:hover:not(.active){border-color:var(--border-strong);background:var(--surface-sunken)}.reading-status-btn.active{border-color:var(--ink);background:var(--ink);color:var(--text-on-accent)}.reading-timer{padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--surface-sunken)}.reading-timer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.reading-timer h5{margin:0 0 .2rem;font-size:.8rem;color:var(--text-muted)}.reading-timer-clock{font-size:1.45rem;font-variant-numeric:tabular-nums;font-weight:800;color:var(--text)}.reading-timer-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.reading-timer-pomodoro{display:flex;align-items:center;gap:.4rem;margin-top:.65rem;font-size:.78rem;color:var(--text-muted)}.reading-timer-message,.reading-timer-hint{margin:.55rem 0 0;font-size:.78rem;color:var(--text-muted)}@media (max-width: 480px){.reading-timer-row{align-items:flex-start;flex-direction:column}.reading-timer-actions{justify-content:flex-start}}.reading-rating{display:flex;align-items:center;gap:.75rem}.reading-rating-label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.reading-stars{display:flex;align-items:center;gap:.15rem}.reading-star{border:none;background:none;font-size:1.4rem;line-height:1;color:var(--text-on-accent);cursor:pointer;padding:0 .05rem;transition:color .1s}.reading-star:hover,.reading-star.on{color:var(--warning)}.reading-rating-value{font-size:.8rem;color:var(--text-faint);margin-left:.4rem}.reading-note{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.reading-note textarea{width:100%;padding:.6rem .8rem;border:1.5px solid var(--border);border-radius:.625rem;font-size:.9rem;color:var(--text);resize:vertical;box-sizing:border-box;font-family:inherit}.reading-note textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.role-editor{display:flex;flex-direction:column;gap:.85rem}.role-card{border:1.5px solid var(--border);border-radius:.875rem;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.role-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.role-card-toggle{border:none;background:transparent;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:.2rem .35rem;min-height:0;flex:0 0 auto}.role-card-head .role-card-title{flex:1 1 auto}.role-card-summary{margin:0;color:var(--text-muted);font-size:.82rem;padding-left:1.6rem}.role-card-title{display:flex;align-items:center;gap:.5rem;min-width:0}.role-card-title h4{margin:0;font-size:1rem;font-weight:800;color:var(--text)}.role-default-badge{font-size:.68rem;font-weight:700;color:var(--text-muted);background:var(--surface-sunken);padding:.15rem .5rem;border-radius:.4rem}.role-name-field{padding:.4rem .7rem;border:1.5px solid var(--border);border-radius:.5rem;font-size:.95rem;font-weight:700;color:var(--text);max-width:220px}.role-card-actions{display:flex;gap:.4rem;flex-shrink:0}.role-delete{color:var(--danger)!important;border-color:var(--danger-soft)!important}.role-perm-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem}.role-perm-group{display:flex;flex-direction:column;gap:.4rem}.role-perm-group-label{font-size:.72rem;font-weight:700;color:var(--text-faint);letter-spacing:.04em}.role-perm-toggles{display:flex;flex-wrap:wrap;gap:.35rem}.role-perm-toggle{padding:.3rem .65rem;border:1.5px solid var(--border);border-radius:.5rem;background:var(--surface);color:var(--text-faint);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.role-perm-toggle:hover:not(.on){border-color:var(--border-strong);color:var(--text-muted)}.role-perm-toggle.on{background:var(--ink);border-color:var(--ink);color:var(--text-on-accent)}.role-policy{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.role-policy-title{font-size:.78rem;font-weight:700;color:var(--text-muted)}.role-policy-fields{display:flex;gap:.75rem;flex-wrap:wrap}.role-policy-fields label{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.role-policy-fields input{width:56px;padding:.35rem .45rem;border:1.5px solid var(--border);border-radius:.45rem;font-size:.85rem;text-align:center}.role-policy-fields small{color:var(--text-faint)}.role-create{display:flex;gap:.5rem;align-items:center;padding-top:.5rem}.role-create .role-name-field{flex:1;max-width:none;font-weight:500}.role-create button{white-space:nowrap;flex:0 0 auto}@media (max-width: 640px){.role-create{flex-direction:column;align-items:stretch}}.invite-options{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.25rem}.invite-option{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}.invite-option select{width:auto;padding:.4rem .6rem;border:1.5px solid var(--border);border-radius:.5rem;font-size:.85rem}.invite-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.7rem 0;border-bottom:1px solid var(--border)}.invite-row:last-child{border-bottom:none}.invite-row-main{display:flex;align-items:center;gap:.5rem}.invite-row-code{font-family:monospace;font-size:.95rem;font-weight:700;letter-spacing:.05em;color:var(--text);background:var(--surface-sunken);padding:.25rem .55rem;border-radius:.4rem}.invite-row-meta{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.78rem;color:var(--text-faint);margin-left:auto}.invite-row-actions{display:flex;gap:.4rem}.invite-revoke{color:var(--danger)!important;border-color:var(--danger-soft)!important}.sharing-receive-note{font-size:.83rem;color:var(--text-faint);margin:.25rem 0 0}.share-sheet{max-width:380px}.share-sheet-body{align-items:center;text-align:center}.share-target{margin:0;font-size:.9rem;color:var(--text)}.share-qr{display:flex;flex-direction:column;align-items:center;gap:.5rem}.share-qr img{width:200px;height:200px;border:1.5px solid var(--border);border-radius:.75rem;padding:.5rem;background:var(--surface)}.share-qr-hint{margin:0;font-size:.78rem;color:var(--text-faint)}.share-code-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.share-code{font-family:monospace;font-size:1.5rem;font-weight:800;letter-spacing:.15em;color:var(--text);background:var(--surface-sunken);padding:.5rem 1rem;border-radius:.6rem}.share-copy-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;padding:.4rem .9rem;border-radius:.55rem;cursor:pointer}.share-copy-btn:hover{background:var(--surface-sunken)}.share-actions{display:flex;gap:.5rem;width:100%}.share-actions button{flex:1}.share-expiry{margin:0;font-size:.78rem;color:var(--text-faint)}.join-page{max-width:480px;display:flex;justify-content:center}.join-card{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:1rem;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}.join-icon{font-size:2.2rem}.join-card h1{font-size:1.4rem;font-weight:800;margin:0}.join-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 .5rem}.join-submit{width:100%;margin-top:.5rem}.join-done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem}.join-done-check{width:64px;height:64px;border-radius:50%;background:var(--success);color:var(--text-on-accent);font-size:2rem;display:flex;align-items:center;justify-content:center}.sharing-group-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--text-faint);margin:.5rem 0 0}.sharing-actions-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch;margin-top:.25rem}.sharing-action-card{background:var(--surface);border:1.5px solid var(--border);border-radius:.875rem;box-shadow:none;padding:1.1rem}.sharing-action-card:hover{transform:none;box-shadow:none;border-color:var(--border)}.sharing-action-card .card-icon-header{margin-bottom:.9rem}.sharing-action-card .icon-badge{width:40px;height:40px;font-size:1.2rem;border-radius:10px}.sharing-action-card .card-icon-header h4{font-size:1rem}.sharing-action-card .card-subtitle{font-size:.8rem}.sharing-action-card .card-content{background:none;background-image:none;padding:0;margin-bottom:.9rem;flex:1 0 auto}.sharing-action-card .modern-select{border-width:1.5px;padding:.6rem .8rem;border-radius:.625rem}.sharing-action-card .info-text{font-size:.85rem;line-height:1.55}.sharing-redeem-row{display:flex;gap:.5rem;align-items:center}.sharing-redeem-row .code-input{flex:1}.sharing-redeem-row .primary{flex-shrink:0;white-space:nowrap}@media (max-width: 768px){.sharing-actions-grid.two{grid-template-columns:1fr}}.book-health-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0;padding:14px 16px;border:1px solid var(--border-color, #d9dee8);border-radius:12px;background:var(--surface-subtle, #f7f9fc)}.collection-form-fields{display:grid;gap:14px}.collection-form-fields label{display:grid;gap:6px}.collection-form-fields textarea{min-height:88px;resize:vertical}.collection-share-preview{margin:10px 0;padding:12px;border:1px solid var(--border-color, #d9dee8);border-radius:9px;background:var(--surface-subtle, #f7f9fc)}.collection-share-preview p{margin:5px 0 0;color:var(--text-muted, #667085);font-size:.88rem}.book-health-action p{margin:4px 0 0;color:var(--text-muted, #667085);font-size:.9rem}@media (max-width: 640px){.book-health-action{align-items:stretch;flex-direction:column}}.loans-pending-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.85rem 1.1rem;background:var(--warning-soft);border:1.5px solid var(--warning-soft);border-radius:.875rem;margin-bottom:.75rem}.lpb-left{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--warning)}.lpb-icon{font-size:1.2rem}.lpb-actions{display:flex;gap:.5rem}.settings-status-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.25rem}.sss-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fafbfc;border:1.5px solid var(--border);border-radius:.7rem}.sss-label{font-size:.75rem;font-weight:600;color:var(--text-faint)}.settings-status-strip .status-value{font-size:.8rem;font-weight:700;padding:.2rem .55rem;border-radius:.45rem;box-shadow:none}.settings-page-wrap{width:100%}.settings-modal.settings-as-page{max-width:1024px;width:100%;margin:0 auto;min-height:calc(100vh - 64px - 3rem);border-radius:1rem;border:1.5px solid var(--border);box-shadow:none}.settings-modal.settings-as-page .settings-content{max-height:none}.settings-modal.settings-as-page .settings-grid{min-height:0;max-height:none;overflow:visible}@media (max-width: 768px){.settings-modal.settings-as-page{position:static!important;inset:auto!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;border:none;border-radius:0}.settings-modal.settings-as-page .settings-mobile-menu,.settings-modal.settings-as-page .settings-content{overflow:visible}}.settings-modal .secondary{background:var(--surface);border:1.5px solid var(--border);color:var(--text);font-weight:600;border-radius:.65rem}.settings-modal .secondary:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.settings-modal .primary{background:var(--ink);border:none;color:var(--text-on-accent);font-weight:700;border-radius:.65rem}.settings-modal .primary:hover{background:var(--ink)}.lp-illustration-frame{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:1.25rem;box-shadow:0 12px 28px #94a3b840;position:relative;overflow:hidden}.lp-illus-orb{position:absolute;border-radius:999px;filter:blur(6px)}.orb-1{width:180px;height:180px;background:linear-gradient(135deg,var(--info-soft),#c4f1f9);top:-30px;left:-20px;opacity:.6}.orb-2{width:140px;height:140px;background:linear-gradient(135deg,var(--warning-soft),#fca5a5);bottom:-40px;right:-10px;opacity:.5}.lp-illus-stack{position:relative;display:flex;align-items:flex-end;gap:10px;height:160px}.lp-illus-book{width:90px;height:110px;border-radius:12px;background:linear-gradient(180deg,#60a5fa,var(--info));box-shadow:0 10px 20px #2563eb40}.lp-illus-book.short{height:80px;background:linear-gradient(180deg,#34d399,#059669);box-shadow:0 10px 20px #10b98140}.lp-illus-book.tall{height:130px;background:linear-gradient(180deg,var(--warning),#f59e0b);box-shadow:0 12px 22px #f59e0b40}.lp-illus-plant{width:70px;height:70px;border-radius:50% 50% 45% 55%;background:radial-gradient(circle at 30% 30%,var(--success-soft),#10b981);position:relative;margin-left:6px;box-shadow:0 10px 18px #10b98133}.lp-illus-caption{color:var(--text);margin:0;text-align:center;line-height:1.6}.lp-card-header{font-weight:700;margin-bottom:.75rem;color:#0ea5e9}.lp-card-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.lp-metric{padding:.75rem;border:1px solid rgba(148,163,184,.2);border-radius:.85rem;background:#ffffff05}.lp-metric-value{font-size:1.4rem;font-weight:700;display:block;color:var(--text)}.lp-metric-label{color:var(--text-faint)}.lp-card-footer{margin-top:.75rem;font-size:.85rem;color:var(--text-faint)}@media (max-width: 900px){.lp-hero,.lp-card-body{grid-template-columns:1fr}}@media (max-width: 640px){html,body{width:100%;min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}.modal-backdrop{position:fixed;inset:0;align-items:stretch;justify-content:stretch;padding:0}.modal.settings-modal{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0;padding:.75rem .75rem 1rem;display:flex;flex-direction:column;box-shadow:none}.settings-hero,.tab-panel{width:100%}.tab-panel{flex:1 1 auto;overflow:auto}.settings-hero{flex-direction:column;align-items:flex-start;gap:.5rem}.tab-bar{flex-wrap:wrap;justify-content:flex-start}.tab{min-width:46%;margin-bottom:.25rem}}.scanner-modal{max-width:960px;width:100%;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem}.scanner-modal-v2{max-width:1120px;padding:0;background:var(--surface-sunken);border:1px solid var(--border);overflow:hidden}.scanner-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.75rem 1.1rem;background:linear-gradient(120deg,var(--surface-sunken) 0%,var(--info-soft) 100%);border-bottom:1px solid var(--border)}.scanner-title-block h3{margin:.25rem 0 .4rem;font-size:1.4rem;font-weight:800;color:var(--text)}.scanner-kicker{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;background:var(--ink);color:var(--text-on-accent);font-size:.75rem;letter-spacing:.08em;font-weight:700}.scanner-sub{margin:0;color:var(--text-muted);font-size:.95rem}.scanner-top-actions{display:flex;align-items:center;gap:.75rem}.scanner-state-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-weight:800;font-size:.82rem;background:var(--surface-sunken);color:var(--text)}.scanner-state-pill.state-success{background:#10b9812e;color:var(--success)}.scanner-state-pill.state-error{background:#f871712e;color:var(--danger)}.scanner-main{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,2fr);gap:1.5rem;padding:1.5rem 1.75rem 1.8rem}.scanner-stage{display:flex;flex-direction:column;gap:1rem}.scanner-stage-frame{background:var(--ink);border-radius:20px;padding:.75rem;position:relative;box-shadow:0 18px 40px #0f172a40}.scanner-help-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.scanner-help-card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:.85rem 1rem;color:var(--text-muted)}.scanner-help-card h4{margin:0 0 .35rem;font-size:.95rem;color:var(--text)}.scanner-help-card.subtle{background:var(--surface-sunken);border-color:var(--border)}.scanner-sidebar{display:flex;flex-direction:column;gap:.9rem}.scanner-select-card,.scanner-queue-card{background:var(--surface);border-radius:18px;border:1px solid var(--border);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.scanner-select-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.scanner-select-label{margin:0;color:var(--text-muted);font-size:.8rem}.scanner-select-header h4{margin:.15rem 0 0;font-size:1.05rem;color:var(--text)}.scanner-select-chip{padding:.3rem .6rem;border-radius:999px;background:var(--surface-sunken);font-size:.75rem;font-weight:700;color:var(--text)}.scanner-library-options.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.scanner-queue-card .scanner-queue-header h4{margin:0}.scanner-queue-status{margin:0;font-size:.85rem;color:var(--text-muted)}.scanner-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-radius:16px;background:var(--ink);color:var(--text-on-accent)}.scanner-cta-meta{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.scanner-cta-count{font-size:1.1rem;font-weight:800}@media (max-width: 980px){.scanner-main{grid-template-columns:1fr}.scanner-modal-v2{max-width:900px}}@media (max-width: 640px){.scanner-topbar{flex-direction:column}.scanner-top-actions{width:100%;justify-content:space-between}.scanner-main{padding:1.1rem}}.scanner-clean{max-width:460px;width:100%;padding:0;display:flex;flex-direction:column;max-height:min(90vh,760px);overflow:hidden;border-radius:1.25rem;background:var(--surface)}.scn-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.scn-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.scn-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-sunken);color:var(--text-muted);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.scn-close:hover{background:var(--surface-sunken);color:var(--text)}.scn-body{flex:1 1 auto;min-height:0;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.lib-picker{display:flex;flex-direction:column;gap:.5rem}.lib-picker-label{font-size:.75rem;font-weight:700;color:var(--text-muted);letter-spacing:.03em}.lib-picker-empty{margin:0;font-size:.85rem;color:var(--text-faint)}.lib-picker-chips{display:flex;flex-wrap:wrap;gap:.5rem}.lib-picker-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.lib-picker-chip:hover:not(.disabled):not(.active){border-color:var(--border-strong);background:var(--surface-sunken)}.lib-picker-chip.active{border-color:var(--ink);background:var(--ink);color:var(--text-on-accent)}.lib-picker-chip.disabled{opacity:.45;cursor:not-allowed}.lib-picker-chip-check{font-size:.72rem;line-height:1}.lib-picker-select{position:relative}.lib-picker-select .styled-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s}.lib-picker-select .styled-select-trigger:hover{border-color:var(--border-strong)}.lib-picker-select.open .styled-select-trigger{border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.lib-picker-select .styled-select-trigger:after{content:"";width:8px;height:8px;margin-left:.5rem;flex-shrink:0;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.lib-picker-select.open .styled-select-trigger:after{transform:rotate(-135deg) translateY(0)}.lib-picker-select .styled-select-content{display:flex;flex-direction:column;gap:.1rem;min-width:0}.lib-picker-select .styled-select-value{font-size:.9rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-picker-select .styled-select-trigger.placeholder .styled-select-value{color:var(--text-faint);font-weight:500}.lib-picker-select .styled-select-sub{font-size:.75rem;color:var(--text-faint)}.lib-picker-select .styled-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;box-shadow:0 12px 32px #0f172a24;padding:.35rem;max-height:280px;overflow-y:auto}.lib-picker-select .styled-select-search{padding:.25rem .25rem .4rem}.lib-picker-select .styled-select-search input{width:100%;padding:.5rem .7rem;border:1.5px solid var(--border);border-radius:.5rem;font-size:.85rem;box-sizing:border-box}.lib-picker-select .styled-select-search input:focus{outline:none;border-color:var(--accent)}.lib-picker-select .styled-select-option{width:100%;display:flex;flex-direction:column;gap:.1rem;align-items:flex-start;padding:.55rem .7rem;border:none;background:none;border-radius:.5rem;cursor:pointer;text-align:left}.lib-picker-select .styled-select-option:hover:not(.disabled){background:var(--surface-sunken)}.lib-picker-select .styled-select-option.selected{background:var(--ink)}.lib-picker-select .styled-select-option.selected .styled-select-option-label{color:var(--text-on-accent)}.lib-picker-select .styled-select-option.selected .styled-select-option-sub{color:#ffffffb3}.lib-picker-select .styled-select-option.disabled{opacity:.4;cursor:not-allowed}.lib-picker-select .styled-select-option-label{font-size:.88rem;font-weight:600;color:var(--text)}.lib-picker-select .styled-select-option-sub{font-size:.74rem;color:var(--text-faint)}.lib-picker-select .styled-select-empty{padding:.7rem;font-size:.83rem;color:var(--text-faint);text-align:center}.scn-camera{border-radius:1rem;overflow:hidden;background:#05080f}.scanner-clean .scanner-v3-embed .scanner{margin-top:0;border-radius:1rem;box-shadow:none}.scn-status{margin:0;text-align:center;font-size:.8rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.scn-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.75rem 1.5rem;background:var(--surface-sunken);border:1.5px dashed var(--border);border-radius:1rem;text-align:center}.scn-placeholder-icon{font-size:2rem;opacity:.55}.scn-placeholder p{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.5}.scn-warn{margin:0;font-size:.8rem;color:var(--warning);background:var(--warning-soft);border:1px solid var(--warning-soft);border-radius:.5rem;padding:.5rem .7rem}.scn-queue{display:flex;flex-direction:column;gap:.6rem}.scn-queue-head{display:flex;align-items:center;justify-content:space-between}.scn-queue-title{font-size:.9rem;font-weight:700;color:var(--text);display:inline-flex;align-items:center;gap:.4rem}.scn-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ink);color:var(--text-on-accent);font-size:.7rem;font-weight:700}.scn-link{border:none;background:none;color:var(--text-muted);font-size:.8rem;font-weight:600;cursor:pointer;padding:.2rem}.scn-link:hover{color:var(--text)}.scn-link:disabled{opacity:.4;cursor:default}.scn-queue-empty{margin:0;font-size:.82rem;color:#cbd5e1}.scn-queue-status{margin:0;font-size:.8rem;color:var(--text-muted)}.scn-review-list{display:grid;gap:.65rem;max-height:19rem;overflow:auto;padding-right:.15rem}.scn-review-item{display:grid;gap:.55rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.scn-review-item.is-error{border-color:var(--danger)}.scn-review-item.is-success{border-color:var(--success);background:var(--success-soft)}.scn-review-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.scn-review-main strong{display:block;line-height:1.4}.scn-review-main p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.82rem}.scn-review-state,.scn-review-success,.scn-review-error,.scn-new-book,.scn-other-library{margin:0;font-size:.83rem}.scn-review-success,.scn-new-book{color:var(--success);font-weight:700}.scn-review-error{color:var(--danger)}.scn-other-library{color:var(--warning)}.scn-duplicate-warning{padding:.65rem;border-radius:10px;background:var(--warning-soft)}.scn-duplicate-warning p{margin:0 0 .5rem;color:var(--warning-strong, #92400e);font-size:.84rem;font-weight:700}.scn-copy-choice{width:100%;min-height:40px;border:1px solid var(--warning);border-radius:9px;background:var(--surface);color:var(--text-primary);font-weight:700}.scn-copy-choice.selected{background:var(--warning);color:#fff}.scn-confirm-actions{width:100%;display:grid;grid-template-columns:auto 1fr;gap:.6rem}.scn-chips{display:flex;flex-wrap:wrap;gap:.4rem}.scn-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .7rem;background:var(--surface-sunken);border-radius:.5rem;font-size:.82rem;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.scn-chip button{border:none;background:none;color:var(--text-faint);cursor:pointer;font-size:.7rem;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%}.scn-chip button:hover{background:var(--surface-sunken);color:var(--text)}.scn-action{border-radius:.875rem;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}.scn-action-warn{background:var(--warning-soft);border:1px solid var(--warning-soft)}.scn-action-ok{background:var(--success-soft);border:1px solid var(--success-soft)}.scn-action-err{background:var(--danger-soft);border:1px solid var(--danger-soft)}.scn-action-title{margin:0;font-size:.9rem;font-weight:700;color:var(--text)}.scn-action-sub{margin:0;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.scn-action-btns{display:flex;gap:.5rem;margin-top:.35rem}.scn-action-btns button{flex:1}.scn-done{position:absolute;inset:0;z-index:5;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;animation:scnDoneFade .2s ease-out}.scn-done-check{width:64px;height:64px;border-radius:50%;background:var(--success);color:var(--text-on-accent);font-size:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;animation:scnDonePop .35s cubic-bezier(.34,1.56,.64,1)}.scn-done-title{margin:0;font-size:1.15rem;font-weight:800;color:var(--text)}.scn-done-sub{margin:0;font-size:.88rem;color:var(--text-muted)}@keyframes scnDoneFade{0%{opacity:0}to{opacity:1}}@keyframes scnDonePop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.scn-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);flex-shrink:0}.scn-submit{width:100%}@media (max-width: 640px){.scanner-clean{max-width:none;width:100vw;height:calc(100vh - 72px - env(safe-area-inset-bottom));max-height:none;border-radius:0}}.scanner-modal-v3{max-width:1200px;padding:0;background:var(--surface-sunken);color:var(--text);border:1px solid var(--border);overflow:hidden}.scanner-v3-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:relative}.scanner-v3-kicker{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;background:var(--ink);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-on-accent)}.scanner-v3-title-row{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.scanner-v3-title-row h3{margin:0;font-size:1.25rem;color:var(--text);font-weight:700}.scanner-v3-sub{margin:.2rem 0 0;color:var(--text-muted);font-size:.85rem}.scanner-v3-state{padding:.35rem .75rem;border-radius:999px;font-weight:700;font-size:.82rem;background:var(--surface-sunken);color:var(--text)}.scanner-v3-state.state-success{background:#d1fae5;color:var(--success)}.scanner-v3-state.state-error{background:var(--danger-soft);color:var(--danger)}.scanner-v3-close{flex-shrink:0}.scanner-v3-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.75rem;padding:1.75rem}.scanner-v3-left{display:flex;flex-direction:column;gap:1.1rem}.scanner-v3-stage{background:var(--surface);border-radius:24px;padding:1rem;border:1px solid var(--border);box-shadow:0 18px 40px #0f172a1f}.scanner-v3-embed .scanner{aspect-ratio:4 / 3;border-radius:18px;margin-top:0;background:#05080f}.scanner-v3-embed .scanner-actions{bottom:16px;justify-content:center}.scanner-v3-status{margin-top:.75rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:var(--text)}.scanner-v3-status-text{font-weight:700}.scanner-v3-status.status-error .scanner-v3-status-text{color:var(--danger)}.scanner-v3-status.status-success .scanner-v3-status-text{color:var(--success)}.scanner-v3-last{color:var(--text-muted);font-size:.82rem}.scanner-v3-hint{display:flex;align-items:center;gap:.75rem;padding:.75rem .95rem;border-radius:14px;background:var(--info-soft);border:1px solid #bfdbfe;color:var(--info)}.scanner-v3-hint-title{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;border-radius:999px;background:var(--info);color:var(--text-on-accent);font-size:.7rem;font-weight:700;letter-spacing:.08em}.scanner-v3-hint p{margin:0;font-size:.9rem;line-height:1.5}.scanner-v3-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.scanner-v3-tip{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;color:var(--text-muted)}.scanner-v3-tip h4{margin:0 0 .35rem;color:var(--text);font-size:.95rem}.scanner-v3-right{display:flex;flex-direction:column;gap:.9rem}.scanner-v3-stepper{display:flex;gap:.5rem;flex-wrap:wrap}.scanner-v3-stepper .step{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);font-size:.8rem}.scanner-v3-stepper .step.active{background:var(--info-soft);color:var(--info);border-color:var(--info)}.scanner-v3-card{background:var(--surface);color:var(--text);border-radius:18px;border:1px solid var(--border);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.scanner-v3-action{gap:.85rem}.scanner-v3-action h4{margin:0}.scanner-v3-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.scanner-v3-empty{display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:18px;background:var(--surface-sunken);color:var(--text-muted);text-align:center;border:1px dashed var(--border-strong)}.scanner-v3-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.scanner-v3-label{margin:0;font-size:.8rem;color:var(--text-muted)}.scanner-v3-card h4{margin:.2rem 0 0;font-size:1.05rem}.scanner-v3-select{position:relative}.scanner-v3-select .styled-select-trigger{width:100%;padding:.7rem .85rem;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface-sunken);color:var(--text);font-size:.95rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;position:relative}.scanner-v3-select .styled-select-trigger:after{content:"";position:absolute;right:.9rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-50%) rotate(45deg);pointer-events:none;transition:transform .2s ease}.scanner-v3-select.open .styled-select-trigger:after{transform:translateY(-50%) rotate(-135deg)}.scanner-v3-select .styled-select-content{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.scanner-v3-select .styled-select-value{font-weight:600}.scanner-v3-select .styled-select-sub{font-size:.78rem;color:var(--text-muted)}.scanner-v3-select .styled-select-trigger.placeholder{color:var(--text-muted)}.scanner-v3-select .styled-select-trigger:hover{border-color:var(--text-faint)}.scanner-v3-select.open .styled-select-trigger{border-color:var(--info);box-shadow:0 0 0 3px #3b82f633;background:var(--surface)}.scanner-v3-select .styled-select-trigger:disabled{opacity:.7;background:var(--surface-sunken);cursor:not-allowed}.scanner-v3-select .styled-select-menu{position:absolute;top:calc(100% + .4rem);left:0;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.35rem;box-shadow:0 18px 40px #0f172a1f;z-index:6;max-height:240px;overflow-y:auto}.scanner-v3-select .styled-select-search{position:sticky;top:0;background:var(--surface);padding:.45rem;border-bottom:1px solid var(--border);z-index:1}.scanner-v3-select .styled-select-search input{width:100%;border-radius:10px;border:1px solid var(--border-strong);padding:.5rem .65rem;font-size:.85rem;color:var(--text);background:var(--surface-sunken)}.scanner-v3-select .styled-select-search input:focus{outline:none;border-color:var(--info);box-shadow:0 0 0 3px #3b82f633;background:var(--surface)}.scanner-v3-select .styled-select-option{width:100%;text-align:left;border:none;background:transparent;padding:.6rem .75rem;border-radius:10px;display:flex;flex-direction:column;gap:.2rem;font-size:.92rem;font-weight:600;color:var(--text);cursor:pointer}.scanner-v3-select .styled-select-option:hover{background:var(--surface-sunken)}.scanner-v3-select .styled-select-option.selected{background:var(--info-soft);color:var(--info)}.scanner-v3-select .styled-select-option.disabled{opacity:.6;cursor:not-allowed;color:var(--text-faint)}.scanner-v3-select .styled-select-option-sub{font-size:.78rem;color:var(--text-muted);font-weight:600}.scanner-v3-select .styled-select-option.selected .styled-select-option-sub{color:var(--info)}.scanner-v3-select .styled-select-empty{padding:.75rem;font-size:.9rem;color:var(--text-muted)}.scanner-v3-chip{padding:.3rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--surface-sunken);color:var(--text)}.scanner-v3-chip.ok{background:#10b98129;color:var(--success)}.scanner-v3-chip.ng{background:#f8717129;color:var(--danger)}.scanner-v3-cta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1.1rem;border-radius:16px;background:var(--ink);color:var(--text-on-accent)}.scanner-v3-cta-meta{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.scanner-v3-cta-count{font-size:1.1rem;font-weight:800}.scanner-modal-v3 .scanner-queue-list{max-height:200px}[data-theme=dark] .scanner-modal-v3{background:#0b1020;color:var(--text-on-accent);border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .scanner-v3-header{background:linear-gradient(120deg,#0f172af2,#1e293bd9);border-bottom:1px solid rgba(148,163,184,.18)}[data-theme=dark] .scanner-v3-kicker{background:#ffffff14;color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-title-row h3{color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-sub{color:var(--text-faint)}[data-theme=dark] .scanner-v3-state{background:#ffffff1a;color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-state.state-success{background:#10b98133;color:#34d399}[data-theme=dark] .scanner-v3-state.state-error{background:#f8717133;color:var(--danger)}[data-theme=dark] .scanner-v3-stage{background:var(--ink);border:1px solid rgba(148,163,184,.25);box-shadow:0 24px 60px #0f172a73}[data-theme=dark] .scanner-v3-status{color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-status.status-error .scanner-v3-status-text{color:var(--danger)}[data-theme=dark] .scanner-v3-status.status-success .scanner-v3-status-text{color:#6ee7b7}[data-theme=dark] .scanner-v3-last{color:var(--text-faint)}[data-theme=dark] .scanner-v3-hint{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#e0e7ff}[data-theme=dark] .scanner-v3-hint-title{background:#3b82f6e6;color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-tip{background:#ffffff0f;border:1px solid rgba(148,163,184,.2);color:#cbd5f5}[data-theme=dark] .scanner-v3-tip h4{color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-stepper .step{border:1px solid rgba(148,163,184,.25);color:var(--text-faint)}[data-theme=dark] .scanner-v3-stepper .step.active{background:#3b82f633;color:var(--info);border-color:#3b82f673}[data-theme=dark] .scanner-v3-empty{background:#0f172a99;color:var(--text-on-accent);border:1px dashed rgba(148,163,184,.4)}[data-theme=dark] .scanner-v3-select .styled-select-trigger{background:#0f172ae6;border:1px solid rgba(148,163,184,.35);color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-select .styled-select-trigger.placeholder{color:var(--text-faint)}[data-theme=dark] .scanner-v3-select .styled-select-trigger:after{border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8}[data-theme=dark] .scanner-v3-select .styled-select-trigger:hover{border-color:#94a3b899}[data-theme=dark] .scanner-v3-select.open .styled-select-trigger{border-color:#3b82f6bf;box-shadow:0 0 0 3px #3b82f640;background:#0f172af2}[data-theme=dark] .scanner-v3-select .styled-select-menu{background:var(--ink);border:1px solid rgba(148,163,184,.3);box-shadow:0 18px 40px #02061799}[data-theme=dark] .scanner-v3-select .styled-select-search{background:var(--ink);border-bottom:1px solid rgba(148,163,184,.2)}[data-theme=dark] .scanner-v3-select .styled-select-search input{background:#0f172ae6;border:1px solid rgba(148,163,184,.35);color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-select .styled-select-search input::placeholder{color:var(--text-faint)}[data-theme=dark] .scanner-v3-select .styled-select-search input:focus{border-color:#3b82f6bf;box-shadow:0 0 0 3px #3b82f640;background:#0f172af2}[data-theme=dark] .scanner-v3-select .styled-select-option{color:var(--text-on-accent)}[data-theme=dark] .scanner-v3-select .styled-select-option.disabled{color:var(--text-muted)}[data-theme=dark] .scanner-v3-select .styled-select-option:hover{background:#94a3b81f}[data-theme=dark] .scanner-v3-select .styled-select-option.selected{background:#3b82f633;color:var(--info-soft)}[data-theme=dark] .scanner-v3-select .styled-select-option-sub{color:var(--text-faint)}[data-theme=dark] .scanner-v3-select .styled-select-option.selected .styled-select-option-sub{color:var(--info-soft)}[data-theme=dark] .scanner-v3-select .styled-select-empty{color:var(--text-faint)}@media (max-width: 980px){.scanner-v3-body{grid-template-columns:1fr}}@media (max-width: 640px){.scanner-v3-header{flex-direction:column}.scanner-v3-body{padding:.9rem}.scanner-v3-stage{padding:.4rem}}@media (max-width: 640px){.scanner-modal-v3{border-radius:18px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.scanner-v3-header{padding:1rem 3.25rem .8rem 1rem}.scanner-v3-title-row{flex-direction:column;align-items:flex-start;gap:.4rem}.scanner-v3-title-row h3{font-size:1.25rem}.scanner-v3-sub{font-size:.88rem}.scanner-v3-body{display:flex;flex-direction:column;gap:1rem}.scanner-v3-close{position:absolute;top:.9rem;right:.9rem}.scanner-v3-tips{display:none}.scanner-v3-embed .scanner{aspect-ratio:16 / 9;width:100%;max-width:300px;max-height:32vh;margin:0 auto}.scanner-v3-embed .scanner-actions{position:static;margin-top:.6rem;justify-content:center}.scanner-v3-status{flex-direction:column;align-items:flex-start;gap:.35rem;font-size:.82rem}.scanner-v3-right{gap:.75rem}.scanner-v3-stepper{display:none}.scanner-v3-card{padding:.85rem .95rem}.scanner-v3-select .styled-select-trigger{font-size:.92rem;padding:.6rem .75rem}.scanner-v3-select .styled-select-trigger:after{right:.8rem;width:.45rem;height:.45rem}.scanner-v3-select .styled-select-menu{max-height:200px}.scanner-v3-select .styled-select-search{padding:.35rem}.scanner-v3-select .styled-select-search input{font-size:.8rem;padding:.45rem .6rem}.scanner-v3-hint{padding:.65rem .8rem}.scanner-v3-hint p{font-size:.85rem}.scanner-v3-cta{position:sticky;bottom:.6rem;z-index:2}}.scanner-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.scanner-header h3{margin:.2rem 0 .4rem}.scanner-description{margin:0;color:var(--text-muted);font-size:.9rem}.scanner-header .icon-button.close{background:var(--surface-sunken);border-radius:999px}.scanner-content{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem}@media (max-width: 860px){.scanner-content{grid-template-columns:1fr}}.scanner-panel{background:var(--surface);border-radius:18px;padding:1rem 1.25rem;border:1px solid var(--border);box-shadow:none}.scanner-video-frame{position:relative;background:var(--ink);border-radius:16px;overflow:hidden;min-height:210px;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 7}.scanner-status{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#111827cc;color:var(--text-faint);padding:.4rem .8rem;border-radius:999px;font-size:.85rem}.scanner-status.status-success{background:#10b981d9}.scanner-status.status-error{background:#f87171e6}.scanner-steps{margin-top:1rem}.scanner-steps ol{padding-left:1.2rem;color:var(--text-muted)}.scanner-queue-panel{background:var(--surface);border-radius:18px;padding:1rem 1.25rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.scanner-queue-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.queue-count-badge{background:var(--info);color:#fff;padding:.15rem .55rem;border-radius:999px;font-weight:600;margin-right:.4rem}.scanner-queue-header h4{margin:0}.scanner-queue-actions{display:flex;gap:.5rem}.scanner-queue-list{max-height:220px;overflow-y:auto;border-radius:12px;border:1px solid var(--border);padding:.75rem}.scanner-queue-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.scanner-queue-list li{display:flex;justify-content:space-between;align-items:center;background:var(--surface-sunken);border-radius:10px;padding:.45rem .75rem}.scanner-queue-list .isbn-code{font-weight:600;letter-spacing:.05em}.scanner-video-frame:after{content:"";position:absolute;width:80%;height:35%;border:2px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 18px #00000073}.scanner-video-frame video{width:100%;height:100%;object-fit:cover}.scanner-meta{margin:.4rem 0 0;color:var(--text);font-size:.85rem}.scanner-meta-on{color:#10b981;font-weight:600}.scanner-library-picker{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.scanner-library-picker label{font-size:.85rem;color:var(--text-muted)}.scanner-library-options{display:flex;gap:.75rem;flex-wrap:wrap}.scanner-library-option{flex:1 1 180px;border-radius:18px;border:1px solid var(--border-strong);background:var(--surface-sunken);padding:.65rem .9rem;text-align:left;display:flex;flex-direction:column;gap:.2rem;transition:border-color .2s,box-shadow .2s}.scanner-library-option .option-name{font-weight:600;color:var(--text)}.scanner-library-option .option-role{font-size:.8rem;color:var(--text-muted)}.scanner-library-option.selected{border-color:var(--info);background:var(--info-soft);box-shadow:0 0 0 2px #2563eb33}.scanner-library-option.selected .option-role{color:var(--info)}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,var(--surface-sunken),var(--surface-sunken))}.auth-loading-card{background:var(--surface);border-radius:18px;padding:2rem 2.5rem;border:1px solid var(--border);box-shadow:0 25px 65px #0f172a1a;text-align:center;display:flex;flex-direction:column;gap:.9rem;max-width:320px}.auth-spinner{width:56px;height:56px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--info);margin:0 auto;animation:spin .9s linear infinite}.auth-loading-card p{margin:0;color:var(--text);font-weight:700}.auth-loading-card span{font-size:.9rem;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.scanner-eyebrow{font-size:.85rem;color:var(--text-muted);margin:0 0 .25rem}.operation-history-list{display:flex;flex-direction:column;gap:.75rem}.operation-history-item{border:1px solid var(--border);border-radius:12px;padding:.85rem 1rem;background:var(--surface)}.operation-history-main{display:flex;justify-content:space-between;gap:1rem;align-items:center}.operation-history-action{font-weight:700;color:var(--text)}.operation-history-time{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.operation-history-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;margin-top:.45rem;font-size:.82rem;color:var(--text-muted);word-break:break-all}.browse-shelf-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}button.secondary.danger{border-color:var(--danger-soft);color:var(--danger);background:#fff7f7}button.secondary.danger:hover{border-color:var(--danger);background:var(--danger-soft)}.book-favorite-btn{border:1px solid rgba(148,163,184,.5);background:#ffffffeb;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,color .15s,border-color .15s,background .15s;z-index:2}.book-favorite-btn:hover{transform:translateY(-1px);border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.book-favorite-btn.active{border-color:var(--warning);color:var(--warning);background:var(--warning-soft)}.book-favorite-btn.card{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border-radius:999px;font-size:1.05rem}.book-favorite-btn.spine{margin-top:.35rem;width:1.8rem;height:1.8rem;border-radius:999px;font-size:1rem}.location-tree{display:flex;flex-direction:column;gap:.5rem}.location-tree-row{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:.65rem;background:var(--surface);flex-wrap:wrap}.location-tree-kind{font-size:.72rem;font-weight:700;color:var(--text-muted);background:var(--surface-sunken);padding:.2rem .5rem;border-radius:.4rem;flex-shrink:0}.location-tree-name{font-weight:700;color:var(--text)}.location-tree-code{font-size:.78rem;color:var(--text-faint);font-family:monospace}.location-tree-actions{display:flex;gap:.4rem;margin-left:auto;flex-wrap:wrap}.location-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1.5px solid var(--border);border-radius:.75rem;background:var(--surface);max-width:420px}.location-form-actions{display:flex;justify-content:flex-end;gap:.5rem}.ui-field{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.ui-field__label{font-weight:600;color:var(--text-muted)}.ui-field__input{padding:.6rem .75rem;border:1.5px solid var(--border);border-radius:.6rem;font-size:.95rem;color:var(--text);background:var(--surface)}.ui-field__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5a2b1a}.location-breadcrumb{font-size:.78rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.3rem}.location-picker-list{display:flex;flex-direction:column;gap:.35rem;max-height:320px;overflow-y:auto}.location-picker-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;border:1.5px solid var(--border);border-radius:.6rem;background:var(--surface);cursor:pointer;text-align:left;font-size:.85rem}.location-picker-item:hover{border-color:var(--accent);background:var(--surface-sunken)}.location-picker-item.active{border-color:var(--accent);background:var(--info-soft)}.location-map-setup{display:flex;flex-direction:column;gap:.75rem}.location-map-setup-actions{display:flex;gap:.6rem;flex-wrap:wrap}.location-map-editor{display:flex;flex-direction:column;gap:.9rem}.location-map-child-list{display:flex;flex-wrap:wrap;gap:.5rem}.location-map-child-chip{padding:.45rem .8rem;border:1.5px solid var(--border);border-radius:999px;background:var(--surface);font-size:.85rem;font-weight:600;cursor:pointer}.location-map-child-chip.active{border-color:var(--accent);background:var(--info-soft)}.location-map-child-placed{color:var(--success);font-weight:700}.location-map-grid{display:grid;gap:.35rem;aspect-ratio:3 / 2;max-width:640px}.location-map-cell{border:1.5px dashed var(--border);border-radius:.5rem;background:var(--surface-sunken);font-size:.72rem;font-weight:700;color:var(--text-muted);cursor:pointer;padding:.25rem;overflow:hidden;text-overflow:ellipsis}.location-map-cell:disabled{cursor:default}.location-map-cell.occupied{border-style:solid;border-color:var(--accent);background:var(--info-soft);color:var(--text)}.location-map-grid.readonly .location-map-cell{cursor:pointer}.location-map-grid.readonly .location-map-cell:disabled{cursor:default;opacity:.5}.location-map-photo-wrap{position:relative;max-width:640px}.location-map-photo{width:100%;border-radius:.75rem;display:block}.location-map-pin{position:absolute;transform:translate(-50%,-100%);background:none;border:none;font-size:1.6rem;cursor:pointer;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.location-free-wrap{display:flex;flex-direction:column;gap:.75rem}.location-free-canvas{position:relative;width:100%;max-width:720px;aspect-ratio:4 / 3;background:var(--surface-sunken);border:1.5px solid var(--border);border-radius:.75rem;overflow:hidden;touch-action:none}.location-free-canvas.editable{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:5% 5%;opacity:1}.location-free-zone{position:absolute;border-radius:.5rem;border:1.5px solid rgba(15,23,42,.15);display:flex;align-items:center;justify-content:center;padding:.25rem;overflow:hidden;cursor:grab;user-select:none;transition:box-shadow .15s ease;z-index:2}.location-free-zone.highlight{outline:3px solid var(--accent);outline-offset:2px;z-index:4;animation:location-highlight-pulse 1.2s ease-in-out infinite}.location-map-cell.highlight{outline:3px solid var(--accent);outline-offset:-3px;animation:location-highlight-pulse 1.2s ease-in-out infinite}@keyframes location-highlight-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:transparent}}.location-free-zone.selected{outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 2px 10px #0f172a33;z-index:3}.location-free-canvas:not(.editable) .location-free-zone{cursor:pointer}.location-free-zone-label{font-size:.78rem;font-weight:700;color:var(--text);text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.6);pointer-events:none}.location-free-zone-handle{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:nwse-resize}.location-map-swatches{display:flex;gap:.4rem}.location-map-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer}.location-map-swatch.active{border-color:var(--text)}.location-map-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.location-map-tool-group{display:inline-flex;background:var(--surface-sunken);border:1px solid var(--border);border-radius:999px;padding:3px;gap:2px}.location-map-tool{border:none;background:transparent;border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.location-map-tool:hover{color:var(--text)}.location-map-tool.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0f172a26}.location-map-toolbar-hint{font-size:.78rem;color:var(--text-muted);margin:0;flex:1;min-width:12rem}.location-map-palette{border:1px solid var(--border);border-radius:.75rem;background:var(--surface);overflow:hidden}.location-map-palette>summary{padding:.5rem .85rem;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;user-select:none;list-style:none}.location-map-palette>summary:before{content:"＋ "}.location-map-palette>summary::-webkit-details-marker{display:none}.location-map-palette[open]>summary{border-bottom:1px solid var(--border)}.location-map-palette-category{margin:0;padding:.5rem .85rem 0;font-size:.7rem;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.location-map-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:.35rem;padding:.6rem}.location-map-palette-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem .2rem;border:1px solid transparent;border-radius:.6rem;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease}.location-map-palette-item:hover{background:var(--surface-sunken);border-color:var(--border)}.location-map-palette-icon{font-size:1.35rem;line-height:1}.location-map-palette-shape{display:block;width:30px;height:26px}.location-map-palette-shape .location-map-structure-svg{width:100%;height:100%}.location-map-palette-name{font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.location-map-palette-shelves{display:flex;flex-wrap:wrap;gap:.35rem;padding:.6rem;border-top:1px dashed var(--border)}.location-map-prop-panel{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.6rem .85rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);box-shadow:0 2px 8px #0f172a0f}.location-map-prop-title{font-size:.85rem;font-weight:700;color:var(--text)}.location-map-prop-panel .ui-field__input{flex:1;min-width:8rem}.location-map-structure{position:absolute;cursor:grab;user-select:none;touch-action:none;z-index:2}.location-map-structure.room-box{z-index:1}.location-map-structure-svg{display:block;width:100%;height:100%;overflow:visible}.location-map-structure-svg rect,.location-map-structure-svg circle,.location-map-structure-svg ellipse,.location-map-structure-svg path,.location-map-structure-svg polyline{fill:var(--surface);stroke:var(--text);stroke-width:1.5}.location-map-structure-svg line{stroke:var(--text);stroke-width:1.5}.location-map-structure.room-box .location-map-structure-svg rect{fill:transparent}.location-map-structure.selected{outline:2px solid var(--accent);outline-offset:2px;z-index:4}.location-map-structure-label{position:absolute;left:50%;bottom:-1.1rem;transform:translate(-50%);font-size:.68rem;font-weight:700;color:var(--text);background:#ffffffd9;padding:.05rem .3rem;border-radius:.3rem;white-space:nowrap;pointer-events:none}.location-map-structure.room-box .location-map-structure-label{top:50%;bottom:auto;transform:translate(-50%,-50%);font-size:.8rem;background:transparent}.location-map-structure-rotate{position:absolute;left:50%;top:-26px;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:grab}.location-map-structure-rotate:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:10px;background:var(--accent);transform:translate(-50%)}.location-map-structure-resize{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:2px solid var(--accent);cursor:nwse-resize}.location-free-canvas.drawing-walls .location-map-structure{pointer-events:none;opacity:.55}.location-map-structure.room-box{pointer-events:none}.location-map-structure-hit{fill:none!important;stroke:transparent!important;stroke-width:14!important;pointer-events:stroke}.location-map-structure.room-box .location-map-structure-rotate,.location-map-structure.room-box .location-map-structure-resize,.location-map-structure.room-box .location-map-delete-btn{pointer-events:auto}.location-map-delete-btn{position:absolute;right:-12px;top:-12px;width:22px;height:22px;border-radius:50%;border:none;background:var(--danger, #dc2626);color:#fff;font-size:.9rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0f172a4d;z-index:5}.location-map-delete-btn.wall{right:auto;top:auto;transform:translate(-50%,-50%)}.location-map-component{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;cursor:grab;user-select:none;z-index:2;border-radius:.5rem;padding:.15rem}.location-map-component.selected{outline:2px solid var(--accent);outline-offset:1px;background:color-mix(in srgb,var(--accent) 12%,transparent);z-index:3}.location-map-component-icon{font-size:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.location-map-component-label{font-size:.68rem;font-weight:700;color:var(--text);background:#ffffffd9;padding:.05rem .3rem;border-radius:.3rem;white-space:nowrap}.location-free-canvas.drawing-walls{cursor:crosshair}.location-free-canvas.drawing-walls .location-free-zone,.location-free-canvas.drawing-walls .location-map-component{pointer-events:none;opacity:.55}.location-free-walls{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.location-free-wall{stroke:var(--text);stroke-width:3;stroke-linecap:round;pointer-events:none}.location-free-wall.selected{stroke:var(--accent);stroke-width:4}.location-free-wall-preview{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;stroke-linecap:round;pointer-events:none}.location-free-wall-hit{stroke:transparent;stroke-width:14;cursor:pointer;pointer-events:stroke}.location-wall-draft-marker{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);transform:translate(-50%,-50%);z-index:2;pointer-events:none}.location-wall-cursor-marker{position:absolute;width:8px;height:8px;border-radius:50%;background:transparent;border:2px solid var(--accent);transform:translate(-50%,-50%);z-index:2;pointer-events:none}.metadata-editor{display:flex;flex-direction:column;gap:.75rem}.metadata-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.metadata-editor-field .ui-field__label{display:flex;align-items:center;gap:.4rem}.metadata-origin-badge{font-size:.65rem;font-weight:700;padding:.05rem .4rem;border-radius:999px;border:1px solid var(--border);color:var(--text-muted)}.metadata-origin-badge.manual{background:var(--accent);border-color:var(--accent);color:#fff}.metadata-revert-btn{margin-left:auto;border:none;background:transparent;color:var(--accent);font-size:.72rem;cursor:pointer;text-decoration:underline}.metadata-editor-actions{display:flex;justify-content:flex-end;gap:.5rem}.metadata-source-diff{margin:.25rem 0 0;font-size:.72rem;color:var(--text-muted);background:var(--surface-sunken);border-radius:.4rem;padding:.25rem .5rem}.book-select-checkbox{position:absolute;top:.4rem;left:.4rem;z-index:5;background:#ffffffe6;border-radius:.3rem;padding:.15rem;display:flex}.book-select-checkbox input{width:1.15rem;height:1.15rem;cursor:pointer}.book-select-checkbox.spine{top:.25rem;left:.25rem}.bulk-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 12px #0f172a1f}.bulk-action-count{font-weight:700;font-size:.85rem;white-space:nowrap}.bulk-action-group{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.bulk-tag-mode{width:auto}.bulk-tag-input{width:12rem}.bulk-preview-list{max-height:40vh;overflow-y:auto}.item-management-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.item-management-actions select{width:auto;max-width:9rem}.item-management-code{word-break:break-all;background:var(--surface-sunken);border-radius:.4rem;padding:.3rem .5rem}.item-management-confirm{display:grid;gap:.65rem}.item-management-confirm>p{margin:0}.item-management-counter{color:var(--text-muted);font-size:.8rem;text-align:right}.book-reviews-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.book-review-form{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--surface-sunken);margin:10px 0}.book-review-spoiler-check{display:flex;align-items:center;gap:6px;font-size:.9rem}.book-review-form-actions{display:flex;justify-content:flex-end;gap:8px}.book-reviews-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.book-review-card{padding:12px;border-radius:10px;background:var(--surface-sunken)}.book-review-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px}.book-review-author{font-weight:600}.book-review-rating{color:#f5b301;font-size:.85rem}.book-review-title{margin:0 0 4px;font-weight:600}.book-review-body{margin:0;white-space:pre-wrap;line-height:1.6}.book-review-spoiler{width:100%;padding:12px;border:1px dashed var(--border);border-radius:8px;background:none;color:inherit;cursor:pointer;opacity:.8}.book-review-actions{display:flex;gap:12px;margin-top:6px}.link-btn{background:none;border:none;color:var(--accent, #7c5cff);cursor:pointer;padding:0;font-size:.85rem;text-decoration:underline}.hv2-reco-reason{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tonight-pick-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.tonight-pick-card.rolling .tonight-pick-body{opacity:.55}.tonight-pick-book{display:flex;gap:var(--space-3);align-items:center;justify-content:flex-start;width:100%;background:none;border:none;color:inherit;cursor:pointer;text-align:left;padding:0}.tonight-pick-cover{width:64px;height:92px;object-fit:cover;border-radius:6px;flex-shrink:0}.tonight-pick-cover--placeholder{display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-secondary)}.tonight-pick-body{display:flex;flex-direction:column;gap:2px;min-width:0;transition:opacity 90ms linear}.tonight-pick-title{font-weight:700;font-size:var(--text-md)}.tonight-pick-authors{color:var(--text-secondary);font-size:var(--text-sm)}.tonight-pick-reason{color:var(--text-secondary);font-size:.75rem;margin-top:4px}.tonight-pick-actions{display:flex;gap:var(--space-2);justify-content:flex-end;flex-wrap:wrap}.series-gap-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.series-gap-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;font-size:.85rem}.series-gap-chip:hover{border-color:var(--accent)}.series-gap-name{font-weight:600}.series-gap-missing{color:#c62828;font-weight:600}.collection-share-mode{display:flex;gap:16px;margin-bottom:8px}.collection-share-mode label{display:flex;align-items:center;gap:6px;font-size:.9rem}.series-gap-volume-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.5rem}.book-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:.65rem}.book-item{flex-direction:column;min-width:0;min-height:0;padding:.65rem;border-radius:12px;box-shadow:0 3px 12px #0f172a0f}.book-item:hover{transform:translateY(-1px);box-shadow:0 7px 18px #0f172a17}.book-item .book-main{flex:1;min-width:0;flex-direction:row;align-items:flex-start}.book-item img{width:70px;min-width:70px;height:104px;margin-right:.7rem;border-radius:7px;object-fit:contain}.book-item>.book-main>div{min-width:0;padding:.05rem 0}.book-item h3{margin:0 1.7rem .2rem 0;font-size:.91rem;line-height:1.35}.book-item p{margin:0 0 .15rem;font-size:.78rem;line-height:1.35}.book-item small{display:inline;margin:0 .45rem 0 0;font-size:.7rem;line-height:1.25}.book-stock-line{margin-top:.25rem;color:var(--text-muted, #64748b);font-size:.73rem;line-height:1.35}.book-ndc-badge{display:inline-flex;align-items:center;width:fit-content;margin:.25rem .35rem 0 0;padding:.12rem .38rem;border:1px solid color-mix(in srgb,var(--info, #2563eb) 28%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--info, #2563eb) 8%,var(--surface));color:var(--info, #1d4ed8);font-size:.66rem;font-weight:700;line-height:1.3}.book-item>.book-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.3rem;margin:.55rem 0 0;padding:.5rem 0 0;border-top:1px solid var(--border)}.book-item>.book-actions button{min-height:1.9rem;padding:.25rem .55rem;font-size:.72rem}.book-favorite-btn.card{top:.45rem;right:.45rem;width:1.7rem;height:1.7rem;font-size:.86rem}.book-item .library-tag{margin-top:.25rem;padding:.1rem .3rem;font-size:.68rem}@media (max-width: 768px){.browse-shelf-selector{grid-template-columns:max-content minmax(0,1fr)}.browse-shelf-selector>span{grid-column:1 / -1}.book-list{grid-template-columns:1fr;gap:.5rem}.book-item{flex-direction:column;padding:.6rem}.book-item .book-main{flex-direction:row}.book-item img{width:62px;min-width:62px;height:92px;margin-right:.6rem}.book-item>.book-main>div{padding:0}.book-item h3{font-size:.88rem}}.books-library-picker{display:grid;grid-template-columns:max-content minmax(220px,380px) max-content;align-items:center;gap:.55rem .75rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.books-library-picker label{font-size:.8rem;font-weight:800;color:var(--text)}.books-library-picker select{width:100%;min-width:0;min-height:2.35rem;padding:.35rem 2rem .35rem .65rem;border:1.5px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:700}.books-library-picker>span{color:var(--text-muted);font-size:.75rem}.list-page>.page-content{padding:.85rem}.book-control-panel{display:grid;gap:.55rem;margin-bottom:.7rem;padding:.6rem;border:1px solid var(--border);border-radius:11px;background:var(--surface-sunken)}.book-control-panel .book-toolbar-row{justify-content:flex-start;gap:.5rem}.book-control-panel .book-view-switch{margin:0;padding:.18rem;border-radius:8px}.book-control-panel .book-view-btn{padding:.28rem .58rem;border-radius:6px;font-size:.76rem}.book-control-caption{color:var(--text-muted);font-size:.72rem;font-weight:800}.book-sort-control{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.72rem;font-weight:800}.book-sort-control .sort-select{min-height:2.1rem}.book-result-count{color:var(--text-muted);font-size:.75rem;font-weight:800;white-space:nowrap}.book-control-panel .book-admin-toggle{margin-left:auto;border-radius:.65rem;padding:.42rem .7rem;font-weight:700}.book-control-panel .book-admin-tools{margin-top:0}.book-control-panel .book-filter-row{margin-top:0;padding-top:.5rem;border-top:1px solid var(--border)}.book-active-filters{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;padding-top:.45rem;border-top:1px solid var(--border);color:var(--text-muted);font-size:.73rem}.book-active-filters b{padding:.16rem .42rem;border-radius:999px;background:var(--surface);color:var(--text);font-weight:700}.book-active-filters button{margin-left:auto;padding:.15rem 0;border:0;background:transparent;color:var(--accent);font-size:.73rem;font-weight:800;text-decoration:underline;cursor:pointer}@media (max-width: 768px){.books-library-picker{grid-template-columns:1fr;gap:.35rem;padding:.6rem}.books-library-picker>span{display:none}.list-page>.page-content{padding:.55rem}.book-control-panel{padding:.5rem}.book-control-caption{display:none}.book-sort-control{flex:1 1 130px}.book-sort-control .sort-select{width:100%}.book-control-panel .book-admin-toggle{margin-left:0}.book-browse-toggle{order:4}}.bd-tabs{display:flex;gap:.4rem;margin:0;border-bottom:2px solid var(--border);overflow-x:auto}.bd-tab{border:none;background:transparent;color:var(--text-muted);font-size:.92rem;font-weight:600;padding:.55rem .9rem;margin-bottom:-2px;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.bd-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.book-detail-body>.bd-section,.book-detail-body>.loan-status-card,.book-detail-body>.reservation-queue-card,.book-detail-body>.book-actions{margin-top:0}.book-detail-body .book-description-section{margin:0}.bd-action-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.bd-action-primary{flex:1 1 100%;max-width:420px}.book-detail-page .book-actions .bd-action-row,.book-detail-modal .book-actions .bd-action-row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-start;width:100%}.book-actions .bd-action-row button.bd-action-primary{flex:1 1 100%;width:100%;max-width:none}.book-actions .bd-action-row button{flex:0 1 auto}.bd-manage-actions-row{display:flex;flex-wrap:wrap;gap:.5rem}.bd-manage-actions-row .danger{color:#b3261e;border-color:#e5b8b5}.bd-section .hv2-item-side{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.bd-section .hv2-item{padding:.6rem .9rem}.scn-shelf-picker{display:grid;gap:.3rem;margin-top:.5rem}.scn-shelf-picker span{font-size:.82rem;color:var(--text-muted);font-weight:600}.scn-shelf-picker select{padding:.5rem .7rem;border:1.5px solid var(--border);border-radius:.6rem;background:var(--surface);color:var(--text)}.collections-page.collections-page,.reading-page.reading-page,.series-review-page.series-review-page,.wishlist-page.wishlist-page,.collection-detail-page.collection-detail-page{padding:1.5rem 2rem}@media (max-width: 768px){.collections-page.collections-page,.reading-page.reading-page,.series-review-page.series-review-page,.wishlist-page.wishlist-page,.collection-detail-page.collection-detail-page{padding:1.5rem 1rem}}:root{--bg: #f7f5f0;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #efece5;--overlay: rgba(24, 20, 14, .5);--text: #211d16;--text-muted: #6b6455;--text-faint: #9c9482;--text-on-accent: #ffffff;--border: #e5e0d5;--border-strong: #c9c2b2;--accent: #8a5a2b;--accent-hover: #75481f;--accent-soft: #f3e8da;--accent-text: #6e4318;--success: #2f7d4f;--success-soft: #e3f2e8;--warning: #a06a00;--warning-soft: #fdf3dc;--danger: #b3362c;--danger-soft: #fbe8e6;--info: #2b6cb0;--info-soft: #e4eef8;--shelf-wood: #8a6a48;--shelf-wood-dark: #6d5236;--paper: #fbf9f4;--focus-ring: #2b6cb0;--ink: #0f172a;--font-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-serif: "Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.3;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(24, 20, 14, .08);--shadow-lg: 0 12px 32px rgba(24, 20, 14, .16);--z-header: 200;--z-dropdown: 300;--z-sheet: 400;--z-modal: 500;--z-toast: 600;--z-scanner: 700;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-out: cubic-bezier(.2, 0, 0, 1);--ease-spring: cubic-bezier(.34, 1.3, .64, 1)}[data-text-scale=small]{--text-xs: .6875rem;--text-sm: .8125rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--text-3xl: 2rem}[data-text-scale=large]{--text-xs: .8125rem;--text-sm: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem}[data-text-scale=xlarge]{--text-xs: .875rem;--text-sm: 1rem;--text-md: 1.125rem;--text-lg: 1.3125rem;--text-xl: 1.625rem;--text-2xl: 2rem;--text-3xl: 2.5rem}[data-theme=dark]{--bg: #17150f;--surface: #201d15;--surface-raised: #282419;--surface-sunken: #12100b;--overlay: rgba(0, 0, 0, .6);--text: #ece7dc;--text-muted: #a89f8c;--text-faint: #766e5d;--border: #37321f;--border-strong: #4d4630;--accent: #d9a35e;--accent-hover: #e6b878;--accent-soft: #3a2f1d;--accent-text: #d9a35e;--text-on-accent: #211d16;--success: #6fbe8f;--success-soft: #1d3327;--warning: #d9a740;--warning-soft: #362a10;--danger: #e08078;--danger-soft: #3b1d1a;--info: #7aaede;--info-soft: #1c2a3a;--shelf-wood: #4a3a26;--shelf-wood-dark: #362a1b;--paper: #2b2720;--focus-ring: #7aaede;--ink: #d9d4c5}.book-cover-shadow{box-shadow:0 2px 6px #0000002e,0 8px 20px #0000001f}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}:root{font-family:var(--font-sans);color:var(--text);background-color:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);overflow-x:hidden}html{overflow-x:hidden}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}