:root{color-scheme:light dark;--shape-xs: 4px;--shape-sm: 8px;--shape-md: 12px;--shape-lg: 16px;--shape-full: 999px;--elev-1: 0 1px 2px rgba(0, 0, 0, .12), 0 1px 3px 1px rgba(0, 0, 0, .06);--elev-2: 0 1px 2px rgba(0, 0, 0, .12), 0 2px 6px 2px rgba(0, 0, 0, .08);--motion-standard: .18s cubic-bezier(.2, 0, 0, 1);--md-primary: #4a58a9;--md-on-primary: #ffffff;--md-primary-container: #dee0ff;--md-on-primary-container: #00174b;--md-secondary: #5b5d72;--md-secondary-container: #e0e1f9;--md-on-secondary-container: #181a2c;--md-tertiary: #77536d;--md-tertiary-container: #ffd7f0;--md-on-tertiary-container: #2d1228;--md-error: #ba1a1a;--md-on-error: #ffffff;--md-error-container: #ffdad6;--md-on-error-container: #410002;--md-surface: #fbf8ff;--md-surface-container-low: #f5f2fa;--md-surface-container: #efedf7;--md-surface-container-high: #e9e7f1;--md-surface-container-highest: #e3e1ec;--md-on-surface: #1b1b21;--md-on-surface-variant: #46464f;--md-outline: #777680;--md-outline-variant: #c7c5d0;--md-success: #256a45;--md-success-container: #abf2c8;--md-warning: #7a5900;--md-warning-container: #ffdf9e;--fg: var(--md-on-surface);--muted: var(--md-on-surface-variant);--accent: var(--md-primary);--accent-soft: var(--md-primary-container);--border: var(--md-outline-variant);--danger: var(--md-error);--bar-bg: var(--md-surface-container-highest);--bar-fg: var(--md-primary);--card: var(--md-surface-container-low);--bg: var(--md-surface)}@media (prefers-color-scheme: dark){:root{--md-primary: #bac3ff;--md-on-primary: #182778;--md-primary-container: #314090;--md-on-primary-container: #dee0ff;--md-secondary: #c3c4dd;--md-secondary-container: #434559;--md-on-secondary-container: #e0e1f9;--md-tertiary: #e6bad7;--md-tertiary-container: #5d3c55;--md-on-tertiary-container: #ffd7f0;--md-error: #ffb4ab;--md-on-error: #690005;--md-error-container: #93000a;--md-on-error-container: #ffdad6;--md-surface: #131318;--md-surface-container-low: #1b1b21;--md-surface-container: #1f1f25;--md-surface-container-high: #29292f;--md-surface-container-highest: #34343a;--md-on-surface: #e4e1e9;--md-on-surface-variant: #c7c5d0;--md-outline: #91909a;--md-outline-variant: #46464f;--md-success: #90d5ad;--md-success-container: #055130;--md-warning: #f4bd48;--md-warning-container: #5c4300;--elev-1: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 3px 1px rgba(0, 0, 0, .25);--elev-2: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 6px 2px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;color:var(--md-on-surface);background:var(--md-surface);margin:0;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:56rem;margin:0 auto;padding:1rem 1rem 5rem}@media (min-width: 640px){.page{padding:2rem 1.5rem 5rem}}h1{font-size:clamp(1.5rem,1.2rem + 1.5vw,1.75rem);font-weight:500;line-height:1.25;margin:.5rem 0 1rem}h2{font-size:1.375rem;font-weight:500;line-height:1.3}h3{font-size:1.0625rem;font-weight:600;letter-spacing:.01em}a{color:var(--md-primary)}pre{background:var(--md-surface-container);padding:1rem;border-radius:var(--shape-sm);overflow-x:auto}.centered{text-align:center;margin-top:4rem;color:var(--md-on-surface-variant)}.muted{color:var(--md-on-surface-variant);font-size:.875em}.error{color:var(--md-on-error-container);background:var(--md-error-container);border-radius:var(--shape-md);padding:.75rem 1rem}.empty{color:var(--md-on-surface-variant);background:var(--md-surface-container-low);border:1px dashed var(--md-outline-variant);border-radius:var(--shape-md);padding:1.25rem 1rem;text-align:center}.nudge{color:var(--md-warning);font-weight:500}.nudge.overdue{color:var(--md-error)}.done{color:var(--md-success);font-weight:500}button,.btn{cursor:pointer;font:inherit;font-size:.875rem;font-weight:500;letter-spacing:.01em;border:none;background:var(--md-primary);color:var(--md-on-primary);border-radius:var(--shape-full);min-height:2.5rem;padding:.5rem 1.5rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:box-shadow var(--motion-standard),background-color var(--motion-standard)}button:hover:not(:disabled),.btn:hover{background:color-mix(in srgb,var(--md-on-primary) 8%,var(--md-primary));box-shadow:var(--elev-1)}button:active:not(:disabled),.btn:active{background:color-mix(in srgb,var(--md-on-primary) 12%,var(--md-primary));box-shadow:none}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}button:disabled{cursor:default;background:color-mix(in srgb,var(--md-on-surface) 12%,transparent);color:color-mix(in srgb,var(--md-on-surface) 38%,transparent);box-shadow:none}button.link-btn{background:none;border:none;color:var(--md-primary);min-height:2.25rem;padding:.25rem .75rem;font-size:.875rem}button.link-btn:hover:not(:disabled){background:color-mix(in srgb,var(--md-primary) 8%,transparent);box-shadow:none}button.link-btn.danger{color:var(--md-error)}button.link-btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--md-error) 8%,transparent)}.btn-finish{background:var(--md-success);color:var(--md-surface)}.btn-finish:hover:not(:disabled){background:color-mix(in srgb,var(--md-surface) 8%,var(--md-success))}input,textarea,select{font:inherit;color:var(--md-on-surface);padding:.6rem .85rem;border:1px solid var(--md-outline);border-radius:var(--shape-xs);background:transparent;max-width:100%;min-height:2.75rem;transition:border-color var(--motion-standard)}input:hover,textarea:hover,select:hover{border-color:var(--md-on-surface)}input:focus,textarea:focus,select:focus{outline:2px solid var(--md-primary);outline-offset:-2px;border-color:transparent}input::placeholder,textarea::placeholder{color:var(--md-on-surface-variant);opacity:.8}textarea{width:100%}input.narrow{width:7.5rem}input.search{width:100%;border-radius:var(--shape-full);background:var(--md-surface-container-high);border-color:transparent;padding-left:1.1rem}input.search:focus{border-color:transparent}fieldset{border:1px solid var(--md-outline-variant);border-radius:var(--shape-md)}.stack{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;margin:.75rem 0}.stack>textarea,.stack>input{align-self:stretch}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.grow{flex:1}.grow-right{margin-left:auto}.app-header{display:flex;align-items:center;gap:.75rem;min-height:3rem;margin-bottom:.75rem}.home-link{font-size:1.6rem;line-height:1;text-decoration:none;border-radius:var(--shape-full);padding:.35rem;margin-left:-.35rem;transition:background-color var(--motion-standard)}.home-link:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.app-title{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{position:relative;margin-left:auto}.avatar-btn{width:2.5rem;min-height:2.5rem;padding:0;border-radius:50%;background:var(--md-primary-container);color:var(--md-on-primary-container);font-weight:600;font-size:1rem}.avatar-btn:hover:not(:disabled){background:color-mix(in srgb,var(--md-on-primary-container) 8%,var(--md-primary-container))}.menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:12rem;max-width:18rem;display:flex;flex-direction:column;background:var(--md-surface-container);border-radius:var(--shape-md);box-shadow:var(--elev-2);padding:.4rem 0;overflow:hidden}.menu-name{padding:.6rem 1rem;font-weight:600;border-bottom:1px solid var(--md-outline-variant);margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu a,.menu button{display:block;text-align:left;justify-content:flex-start;background:none;color:var(--md-on-surface);font-size:.9rem;font-weight:400;border-radius:0;min-height:auto;padding:.6rem 1rem;text-decoration:none}.menu a:hover,.menu button:hover:not(:disabled){background:color-mix(in srgb,var(--md-on-surface) 8%,transparent);box-shadow:none}.settings-form{max-width:24rem}.settings-form label{font-weight:600}.tabs{display:flex;border-bottom:1px solid var(--md-outline-variant);margin:1rem 0 1.5rem;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs a,.tabs button{flex:1 0 auto;text-align:center;justify-content:center;min-height:3rem;padding:.75rem 1rem;color:var(--md-on-surface-variant);font-size:.875rem;font-weight:500;text-decoration:none;border:none;background:none;border-radius:0;white-space:nowrap;position:relative;transition:background-color var(--motion-standard)}.tabs a:hover,.tabs button:hover:not(:disabled){background:color-mix(in srgb,var(--md-on-surface) 6%,transparent);box-shadow:none}.tabs a.active,.tabs button.active{color:var(--md-primary)}.tabs a.active:after,.tabs button.active:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--md-primary)}.sub-tabs{margin-top:1.5rem}@media (min-width: 640px){.tabs a,.tabs button{flex:0 0 auto}}.club-list,.member-list,.progress-list,.diary-list,.comment-list,.review-list,.history-list,.search-results,.rank-list{list-style:none;padding:0;margin:.75rem 0}.club-card{display:flex;justify-content:space-between;gap:.25rem 1rem;align-items:baseline;flex-wrap:wrap;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);padding:1rem 1.25rem;margin-bottom:.6rem;text-decoration:none;color:inherit;transition:box-shadow var(--motion-standard),background-color var(--motion-standard)}.club-card:hover{background:var(--md-surface-container);box-shadow:var(--elev-1)}.club-card-name{font-weight:600}.create-club{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.create-club input{flex:1;min-width:12rem}.turn-banner{background:var(--md-primary-container);color:var(--md-on-primary-container);border-radius:var(--shape-lg);padding:1rem 1.25rem}.turn-banner a{color:inherit;font-weight:600}.book-card{display:flex;gap:1.25rem;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);padding:1.25rem}.book-card.clickable{cursor:pointer;transition:box-shadow var(--motion-standard),background-color var(--motion-standard)}.book-card.clickable:hover{background:var(--md-surface-container);box-shadow:var(--elev-1)}.book-card h2{margin:0 0 .25rem}.cover{border-radius:var(--shape-xs);background:var(--md-primary-container);object-fit:cover;flex-shrink:0;box-shadow:var(--elev-1)}.cover-S{width:32px;height:48px}.cover-M{width:64px;height:96px}.cover-L{width:96px;height:144px}.cover-placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--md-on-primary-container);font-weight:700;box-shadow:none}.search-results li{display:flex;gap:.75rem;align-items:center;padding:.6rem .25rem;border-bottom:1px solid var(--md-outline-variant)}.progress-list li,.member-list li{display:flex;gap:.5rem .75rem;align-items:center;flex-wrap:wrap;padding:.65rem 0;border-bottom:1px solid var(--md-outline-variant)}.progress-name{min-width:9rem;font-weight:600}.progress-detail{flex:1;display:flex;gap:.5rem;align-items:center;min-width:12rem}.progress-track{flex:1;height:10px;min-width:4rem;border-radius:999px;background:var(--bar-bg);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--bar-fg);transition:width .3s ease}.progress-pct{min-width:2.75rem;text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.medium-emoji{flex:0 0 auto}.reading-settings{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-sm);padding:.6rem .75rem;margin:.75rem 0}.reading-settings .row button.active{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.badge{background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-size:.75em;font-weight:500;border-radius:var(--shape-sm);padding:.15rem .6rem;margin-left:.5rem;white-space:nowrap}.badge.picker{background:var(--md-tertiary-container);color:var(--md-on-tertiary-container)}.score-chip{background:var(--md-primary);color:var(--md-on-primary);border-radius:var(--shape-sm);font-size:.8em;font-weight:500;padding:.15rem .55rem;margin-left:.4rem;white-space:nowrap}.diary-list li,.comment-list li,.review-list li{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);padding:.85rem 1.1rem;margin-bottom:.6rem}.diary-head,.comment-head{display:flex;gap:.4rem;align-items:baseline;flex-wrap:wrap}.diary-form{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);padding:1rem}.finish-block{margin:1rem 0}.spoiler{background:var(--md-warning-container);color:var(--md-on-surface);border:1px dashed var(--md-warning);border-radius:var(--shape-sm);padding:.5rem .75rem}.history-item{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);padding:.85rem 1.1rem;margin-bottom:.6rem}.history-link{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:inherit}.score-bars{margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem}.score-bar-row{display:flex;gap:.5rem;align-items:center;font-size:.85em}.score-bar-name{min-width:7rem;color:var(--md-on-surface-variant)}.backfill,.owner-panel{margin-top:1.5rem;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);padding:.85rem 1.1rem}.backfill summary,.owner-panel summary{cursor:pointer;font-weight:600}.rank-list li{display:flex;gap:.75rem;align-items:center;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-md);padding:.6rem .9rem;margin-bottom:.4rem}.rank-num{font-weight:700;color:var(--md-primary);min-width:1.25rem}.rank-body{flex:1;display:flex;gap:.6rem;align-items:center;min-width:0}.rank-controls{display:flex;gap:.25rem}.rank-controls button{background:var(--md-secondary-container);color:var(--md-on-secondary-container);min-height:2.25rem;min-width:2.25rem;padding:.15rem .6rem}.rank-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--md-on-secondary-container) 8%,var(--md-secondary-container))}.avail-scroll{overflow-x:auto;margin:0 -1rem;padding:0 1rem}.avail-grid{border-collapse:collapse;margin:.75rem 0}.avail-grid th,.avail-grid td{border:1px solid var(--md-outline-variant);padding:.4rem .6rem;text-align:center}.avail-grid td:first-child{text-align:left}.avail-row{padding:.25rem 0}.respond-form{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);padding:1rem;align-items:stretch}.invite-panel{margin-top:1.5rem;background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--shape-lg);padding:1rem}.invite-result{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.qr{border:1px solid var(--md-outline-variant);border-radius:var(--shape-sm);background:#fff;padding:4px}@media (max-width: 560px){.book-card{flex-direction:column}.progress-name{min-width:6rem}}