:root{--bg: #1e1f24;--surface: #2a2b31;--text: #e7e7ea;--muted: #9fa0a8;--line: #383941;--brand: #eab308;--on-brand: #111111;--accent: var(--brand);--accent-soft: color-mix(in srgb, var(--brand) 14%, transparent);--orange: #ea580c;--orange-soft: #fb923c;--blue: #60a5fa;--scrim: rgba(0, 0, 0, .35);--font-body: "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--shadow: 0 8px 28px rgba(0, 0, 0, .16);--fs-h1: 1.7rem;--fs-title: 1.6rem;--fs-h2: 1.3rem;--fs-h3: 1.1rem;--fs-body: 1rem;--fs-ui: .95rem;--fs-note: .9rem;--fs-small: .85rem;--fs-tiny: .8rem;--radius: 10px;--radius-sm: 8px;--radius-round: 50%;--maxw: 960px;--content-w: 680px;--form-w: 560px;--cover-w-detail: 240px;--header-h: 64px;--page-top: 2.5rem;--section-gap: 3rem;--hero-gap: 20px}:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.cover-frame{border-radius:var(--radius);border:0;overflow:hidden;aspect-ratio:2 / 3;background:var(--accent-soft)}.cover-frame img{width:100%;height:100%;object-fit:cover}.cover-frame.library{border:4px solid var(--brand)}.round-arrow{width:var(--arrow-size, 42px);height:var(--arrow-size, 42px);border-radius:var(--radius-round);border:1px solid var(--line);background:var(--bg);color:var(--text);line-height:1;cursor:pointer}.round-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.round-arrow:disabled{opacity:.3;cursor:default}.site-header{border-bottom:1px solid var(--brand)}.site-header .header-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h);gap:1rem}.center-nav{justify-self:center}.side-nav{justify-self:end}.nav-box,.account-link{border:1px solid var(--brand);border-radius:var(--radius-sm);padding:.45rem .95rem;font-weight:700;color:var(--brand)}.nav a.nav-box:hover,.nav a.nav-box.active,.account-link:hover{background:var(--brand);color:var(--on-brand)}.nav a,.nav button{white-space:nowrap}.brand-wrap{display:flex;align-items:center;gap:1rem}@media(max-width:1024px){.site-header .header-grid{grid-template-columns:1fr;height:auto;padding-top:.6rem;padding-bottom:.6rem;gap:.5rem;justify-items:center}}.brand{font-weight:800;font-size:var(--fs-title);color:var(--brand)}.nav{display:flex;gap:1.25rem;font-size:var(--fs-ui)}.nav a:hover{color:var(--accent)}.nav-logout{display:inline;background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--orange);cursor:pointer}.nav-logout:hover{color:var(--orange-soft)}.nav-admin{display:none;color:var(--blue);font-weight:700;font-size:var(--fs-ui)}html.signed-in.is-admin .nav-admin{display:inline}.account-link{display:inline-block;margin-top:.35rem;font-size:var(--fs-ui);white-space:nowrap}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0;color:var(--muted);font-size:var(--fs-small)}.section{margin-top:var(--section-gap)}.section.after-hero{margin-top:var(--hero-gap)}.section.after-hero .section-title{font-size:var(--fs-title)}.section.center,.page-center{max-width:var(--content-w);margin-left:auto;margin-right:auto}.section-title{font-size:var(--fs-h2);margin:0 0 1rem}.section-title .section-sub{font-size:var(--fs-note);font-weight:500;color:var(--muted);margin-left:.5rem}.muted{color:var(--muted)}.btn{display:inline-block;padding:.65rem 1.25rem;border-radius:var(--radius);background:var(--accent);color:var(--on-brand);font-weight:600;border:none;cursor:pointer;font-size:var(--fs-ui)}.btn:hover{opacity:.9}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn[disabled]{background:var(--line);color:var(--muted);cursor:not-allowed}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap}.eyebrow{color:var(--accent);font-weight:700;font-size:var(--fs-small);letter-spacing:.05em}.linkish{background:none;border:none;padding:0;margin-top:.75rem;color:var(--muted);font:inherit;font-size:var(--fs-small);text-decoration:underline;cursor:pointer}.linkish:hover{color:var(--brand)}.page-head{padding:var(--page-top) 0 0}.page-head h1{margin:0 0 .5rem;font-size:var(--fs-h1)}.page-head.with-aside,.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.list-page{position:relative}@media(min-width:641px){.list-page .page-head.with-aside .account-link{position:absolute;top:var(--page-top);right:0;margin-top:0}}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.book-card{position:relative}.book-card[hidden]{display:none}.book-card .book-link{display:block}.pick-star{position:absolute;top:8px;right:8px;width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--radius-round);background:var(--scrim);color:var(--text);cursor:pointer}.pick-star svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.pick-star:hover,.pick-star.picked{color:var(--brand)}.pick-star.picked svg{fill:var(--brand)}.lib-tabs{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:0 0 .5rem}.lib-tabs h1{margin:0}.lib-tab{background:none;border:0;padding:0;font:inherit;font-size:var(--fs-h1);font-weight:700;line-height:1.25;color:var(--text);cursor:pointer}.lib-tab.active{color:var(--brand);cursor:default}.lib-tab:not(.active):hover{color:var(--brand)}.lib-sep{width:2px;height:1.5em;background:var(--brand)}.lib-subs{display:grid}.lib-subs>.lib-sub{grid-area:1 / 1;margin:0}.lib-subs>.lib-sub[hidden]{display:block;visibility:hidden}.my-add-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-top:.7rem}.my-add-row .btn{padding:.4rem .9rem;font-size:var(--fs-small)}.my-status{margin:0;font-size:var(--fs-small)}.book-card .author.my-missing{color:var(--accent)}.book-card h2{margin:.6rem 0 .15rem;font-size:var(--fs-body)}.book-card .author{color:var(--muted);font-size:var(--fs-small)}.book-detail{display:grid;grid-template-columns:var(--cover-w-detail) 1fr;gap:2.5rem;padding-top:var(--page-top)}.book-detail .detail-main{grid-column:2;grid-row:1}.book-detail .detail-side{grid-column:1;grid-row:1}@media(max-width:640px){.book-detail{grid-template-columns:1fr}.book-detail .detail-main,.book-detail .detail-side{grid-column:auto;grid-row:auto}.book-detail .detail-side{order:-1}.book-detail .cover-frame{max-width:220px}}.book-detail h1{margin:.75rem 0 .5rem;font-size:var(--fs-h1)}.detail-head .eyebrow,.detail-head .account-link{margin-top:0}.region-notice{margin-top:.5rem}.link-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.link-list a{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1px solid var(--line);border-radius:var(--radius)}.link-list a:hover{border-color:var(--accent);color:var(--accent)}.link-list .store{color:var(--muted);font-size:var(--fs-small)}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:1.25rem 0;border-bottom:1px solid var(--line)}.post-list h2{margin:0 0 .25rem;font-size:var(--fs-h3)}.post-list time{color:var(--muted);font-size:var(--fs-small)}.prose{max-width:var(--content-w)}.prose h2{margin-top:2rem;font-size:var(--fs-h2)}.prose p{margin:1rem 0}.form-card{border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;max-width:var(--form-w)}.form-card label{display:block;font-weight:600;font-size:var(--fs-note);margin:1rem 0 .35rem}.form-card label:first-of-type{margin-top:0}.form-card input,.form-card textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;background:var(--surface);color:var(--text)}.form-card textarea{min-height:120px;resize:vertical}.form-card .btn{margin-top:1.25rem}.form-card .small{font-size:var(--fs-small);margin:.75rem 0 0}.notice{background:var(--accent-soft);border-radius:var(--radius);padding:.85rem 1.1rem;font-size:var(--fs-note);color:var(--muted);margin-top:1rem;max-width:var(--form-w)}.notice.ok{color:var(--text)}