.hw-page{gap:22px}.hw-top{gap:12px;padding-top:6px;display:grid}.hw-hello{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hw-greet{text-wrap:balance;flex:1;min-width:220px;font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800}.hw-edit-btn{border-radius:999px;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;position:relative}.hw-edit-btn:after{content:attr(data-tip);z-index:5;white-space:nowrap;color:#f3e2c0;pointer-events:none;opacity:0;background:#1d120a;border-radius:6px;padding:5px 9px;font-size:.8rem;font-weight:600;transition:opacity .1s,transform .1s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-3px)}.hw-edit-btn:hover:after,.hw-edit-btn:focus-visible:after{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hw-edit-btn:after{transition:none}}.hw-search{max-width:860px}.hw-search .search-box .input{min-height:44px;font-size:1rem}.hw-search .btn{min-height:44px}.hw-top-skeleton{opacity:.4;border-radius:var(--radius);height:92px}.hw-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:22px;display:grid}.hw-item{grid-column:span var(--span,12);content-visibility:auto;contain-intrinsic-size:auto 260px;min-width:0;position:relative}.hw-body{min-width:0;height:100%}@media (max-width:1000px){.hw-item[data-size=sm]{grid-column:span 6}}@media (max-width:720px){.hw-grid{grid-template-columns:minmax(0,1fr);gap:18px}.hw-item,.hw-item[data-size=sm]{grid-column:auto}}.hw-skeleton{opacity:.4;border-radius:var(--radius);height:100%;min-height:180px}.hw-item[data-size=lg] .hw-skeleton{min-height:220px}.hw-card{flex-direction:column;gap:12px;height:100%;padding:20px;display:flex}.hw-card-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hw-card-title{align-items:center;gap:8px;font-size:1.15rem;font-weight:800;display:inline-flex}.hw-card-title svg{color:var(--accent);flex:none}.hw-card-head .muted{margin-left:auto}.hw-link{color:var(--accent);font-weight:700}.hw-link:hover{text-decoration:underline}.hw-more{text-align:center;margin:0}.hw-progress{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:18px;display:grid}.hw-progress-label{font-family:var(--font-sans);font-size:.86rem;font-weight:400}.hw-progress-num{font-family:var(--font-serif);font-size:1.7rem;font-weight:800}.hw-progress-num .muted{font-size:1rem}.hw-progress-side{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.hw-daily-book{text-align:left;width:100%;color:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:flex-start;gap:16px;padding:0;display:flex}.hw-daily-cover{flex:none}.hw-daily-cover .cover-img,.hw-daily-cover .spine{border-radius:2px 5px 5px 2px;width:120px;height:174px}.hw-daily-cover .cover-img{object-fit:cover;box-shadow:0 10px 18px -10px var(--shelf-shadow)}.hw-daily-text{gap:4px;min-width:0;display:grid}.hw-daily-name{font-family:var(--font-serif);font-size:1.2rem;font-weight:800;line-height:1.35}.hw-why{border-radius:var(--radius-sm);background:var(--paper-2);margin-top:6px;padding:8px 10px;font-size:.9rem}.hw-why b{color:var(--accent);margin-right:4px}.hw-daily-blurb{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hw-daily-more{color:var(--accent);margin-top:2px;font-size:.88rem;font-weight:700}.hw-daily-book:hover .hw-daily-more{text-decoration:underline}.hw-daily.is-sm .hw-daily-cover .cover-img,.hw-daily.is-sm .hw-daily-cover .spine{width:84px;height:122px}.hw-daily.is-sm .hw-daily-name{font-size:1.02rem}[data-theme=plain] .hw-why{border:1px solid var(--line-strong);background:#fff}.hw-quick{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:14px;display:grid;container-type:inline-size}.hw-quick-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.hw-quick-title{align-items:center;gap:6px;margin:0;font-size:1rem;font-weight:800;display:inline-flex}.hw-quick-title svg{color:var(--accent);flex:none}.hw-quick-more{min-height:36px}.hw-quick-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hw-quick-field{color:var(--ink-soft);align-items:center;gap:5px;margin-right:4px;font-size:.82rem;font-weight:700;display:inline-flex}.hw-quick-field .select{width:auto;min-height:32px;padding-block:2px;font-size:.86rem}.hw-quick-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin:0;padding:0;list-style:none;display:grid}.hw-quick-book{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;align-items:flex-start;gap:8px;padding:0;display:flex}.hw-quick-cover{flex:none}.hw-quick-cover .cover-img,.hw-quick-cover .spine{border-radius:2px 4px 4px 2px;width:52px;height:75px}.hw-quick-cover .cover-img{object-fit:cover;box-shadow:0 6px 12px -8px var(--shelf-shadow)}.hw-quick-cover .spine .sp-author,.hw-quick-cover .spine .sp-mark{display:none}.hw-quick-text{justify-items:start;gap:2px;min-width:0;display:grid}.hw-quick-name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.hw-quick-author{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.74rem;overflow:hidden}.hw-quick-book:hover .hw-quick-name{text-decoration:underline}.hw-quick-text .badge{margin-top:1px;padding:1px 6px;font-size:.68rem}.hw-quick-skel{opacity:.4;border-radius:var(--radius-sm);height:75px}.hw-quick-fallback{opacity:.3;border-radius:var(--radius-sm);height:200px;margin-top:auto}@container (max-width:500px){.hw-quick-list{grid-template-columns:minmax(0,1fr)}.hw-quick-name{-webkit-line-clamp:1}}.hw-todo-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hw-todo-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 4px;display:flex}.hw-todo-row:last-child{border-bottom:0}.hw-todo-icon{color:var(--ink-faint);flex:none}.hw-todo-row.is-rejected .hw-todo-icon{color:var(--bad)}.hw-todo-row.is-draft .hw-todo-icon{color:var(--accent)}.hw-todo-text{flex:1;min-width:0;display:grid}.hw-todo-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hw-covers{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hw-cover-btn{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;padding:0;display:grid}.hw-cover .cover-img,.hw-cover .spine{aspect-ratio:112/162;border-radius:2px 4px 4px 2px;width:100%;height:auto}.hw-cover .cover-img{object-fit:cover;box-shadow:0 8px 14px -10px var(--shelf-shadow)}.hw-cover .spine .sp-author{display:none}.hw-cover-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.hw-cover-btn:hover .hw-cover-title{text-decoration:underline}.hw-guest-head{gap:2px;display:grid}.hw-guest-head p{margin:0}.hw-benefits{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-benefit{text-align:left;cursor:pointer;width:100%;height:100%;min-height:44px;color:var(--ink);font:inherit;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:relative}.hw-benefit:hover{border-color:var(--accent)}.hw-benefit-icon{color:var(--accent);flex:none;margin-top:2px}.hw-benefit-text{flex:1;gap:1px;min-width:0;display:grid}.hw-benefit-text b{font-size:.92rem;font-weight:800;line-height:1.35}.hw-benefit-sub{color:var(--ink-faint);font-size:.8rem;line-height:1.4}.hw-benefit-peek{color:var(--ink-faint);flex:none;align-items:center;gap:3px;margin-top:2px;font-size:.74rem;font-weight:700;display:inline-flex}.hw-benefit-peek>span{display:none}.hw-benefit:hover .hw-benefit-peek,.hw-benefit:focus-visible .hw-benefit-peek{color:var(--accent)}@media (hover:none){.hw-benefit-peek>span{display:inline}.hw-benefit:after{display:none}}.hw-benefit:after{content:attr(data-tip);z-index:3;white-space:nowrap;background:var(--top-bg);color:var(--top-ink);pointer-events:none;opacity:0;border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:700;position:absolute;bottom:-11px;right:8px}.hw-benefit:hover:after,.hw-benefit:focus-visible:after{opacity:1}[data-theme=plain] .hw-benefit{border:1px solid var(--line-strong);background:var(--paper)}[data-theme=plain] .hw-benefit:hover{border-color:var(--accent)}[data-theme=plain] .hw-benefit:after{border:1px solid var(--line-strong)}.hw-guest-foot{flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:auto;padding-top:4px;display:flex}.hw-card-foot{align-items:center;margin-top:auto}.hw-streak{border-radius:var(--radius-sm);background:var(--paper-2);align-items:center;gap:8px;margin:0;padding:8px 12px;font-size:.9rem;display:flex}.hw-streak svg{color:var(--ink-faint);flex:none}.hw-streak.is-on svg{color:var(--accent)}.hw-streak-num{font-family:var(--font-serif);color:var(--accent);white-space:nowrap;font-size:1.15rem}.hw-cal-table{border-collapse:collapse;table-layout:fixed;text-align:center;font-variant-numeric:tabular-nums;width:100%}.hw-cal-table th{color:var(--ink-faint);padding:2px 0 6px;font-size:.78rem;font-weight:700}.hw-cal-table td{vertical-align:top;height:38px;color:var(--ink-soft);padding:0;font-size:.86rem;position:relative}.hw-cal-day{border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.hw-cal-table td.is-on .hw-cal-day{color:var(--ink);font-weight:800}.hw-cal-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;bottom:3px;left:50%}.hw-cal-table td.is-today .hw-cal-day{outline:2px solid var(--accent);outline-offset:-2px;color:var(--ink);font-weight:800}.hw-cal.is-sm .hw-cal-table td{height:30px;font-size:.78rem}.hw-cal.is-sm .hw-cal-day{width:22px;height:22px}.hw-cal.is-sm .hw-cal-dot{width:5px;height:5px;margin-left:-2.5px;bottom:1px}[data-theme=plain] .hw-streak{border:1px solid var(--line-strong);background:#fff}.hw-rank-num{align-items:baseline;gap:6px;margin:0;display:flex}.hw-rank-num b{font-family:var(--font-serif);color:var(--accent);font-size:2.4rem;line-height:1}.hw-rank-num svg{align-self:center}.hw-rank.is-sm .hw-rank-num b{font-size:2rem}.hw-pop-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hw-popular.is-lg .hw-pop-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:18px}.hw-pop-row{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:8px 4px;display:flex}.hw-pop-list li:last-child .hw-pop-row{border-bottom:0}.hw-popular.is-lg .hw-pop-list li .hw-pop-row{border-bottom:1px solid var(--line)}.hw-pop-no{width:1.4em;font-family:var(--font-serif);color:var(--accent);text-align:center;flex:none;font-size:1.1rem;font-weight:800}.hw-pop-cover{flex:none}.hw-pop-cover .cover-img,.hw-pop-cover .spine{border-radius:1px 3px 3px 1px;width:38px;height:55px}.hw-pop-cover .cover-img{object-fit:cover}.hw-pop-cover .spine .sp-author,.hw-pop-cover .spine .sp-mark{display:none}.hw-pop-cover .spine .sp-title{font-size:.5rem}.hw-pop-text{flex:1;min-width:0;display:grid}.hw-pop-title{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hw-pop-count{background:var(--paper-2);color:var(--ink-soft);white-space:nowrap;border-radius:999px;flex:none;padding:2px 8px;font-weight:700}.hw-pop-row:hover .hw-pop-title{text-decoration:underline}[data-theme=plain] .hw-pop-count{border:1px solid var(--line-strong);background:#fff}.hw-pick-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-picks:not(.is-lg) .hw-pick-list{grid-template-columns:minmax(0,1fr)}.hw-pick{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);width:100%;height:100%;color:inherit;cursor:pointer;align-items:flex-start;gap:14px;padding:12px;display:flex}.hw-pick:hover{border-color:var(--line-strong)}.hw-pick:hover .hw-pick-title{text-decoration:underline}.hw-pick-cover{flex:none}.hw-pick-cover .cover-img,.hw-pick-cover .spine{border-radius:1px 4px 4px 1px;width:64px;height:93px}.hw-pick-cover .cover-img{object-fit:cover;box-shadow:0 6px 12px -8px var(--shelf-shadow)}.hw-pick-cover .spine .sp-author{display:none}.hw-pick-text{flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.hw-pick-title{font-family:var(--font-serif);font-weight:800;line-height:1.35}.hw-pick-author{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.hw-badge-fit{background:var(--accent);color:var(--accent-ink)}.hw-pick-note{quotes:none;color:var(--ink-soft);margin-top:2px;font-size:.88rem;line-height:1.5}.hw-pick-note:before,.hw-pick-note:after{content:none}.hw-pick-quote{vertical-align:-1px;color:var(--accent);margin-right:4px}[data-theme=plain] .hw-pick{border:1px solid var(--line-strong);background:#fff}.hw-kid-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-kids.is-lg .hw-kid-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.hw-kid{border-radius:var(--radius-sm);background:var(--paper-2);gap:8px;padding:14px;display:grid}.hw-kid-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hw-kid-name{font-family:var(--font-serif);font-size:1.1rem}.hw-kid-progress{gap:6px;display:grid}.hw-kid-meta,.hw-kid-last{margin:0}.hw-kid-last{color:var(--ink-soft)}[data-theme=plain] .hw-kid{border:1px solid var(--line-strong);background:#fff}.hw-kidrep-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-kidrep.is-lg .hw-kidrep-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hw-kidrep-item{border-radius:var(--radius-sm);border:1px solid var(--line);gap:6px;padding:14px;display:grid}.hw-kidrep-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.hw-kidrep-head b{font-family:var(--font-serif)}.hw-kidrep-text{white-space:pre-line;margin:4px 0 0;line-height:1.75}.hw-kidrep-text.is-clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hw-kidrep-foot{align-items:center}.hw-kidrep-note{border-radius:var(--radius-sm);background:var(--paper-2);color:var(--ink-soft);margin:0;padding:8px 10px}[data-theme=plain] .hw-kidrep-item{border:1px solid var(--line-strong)}.hw-stat-big{color:inherit;align-items:baseline;gap:8px;text-decoration:none;display:flex}.hw-stat-big b{font-family:var(--font-serif);font-size:2.4rem;line-height:1}.hw-stat-big.is-warn b{color:var(--warn)}.hw-stat-big:hover span{text-decoration:underline}.hw-review.is-sm .hw-stat-big b{font-size:2rem}.hw-stat-list{gap:4px;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid}.hw-stat-list a{color:var(--ink-soft)}.hw-stat-list a:hover{color:var(--ink);text-decoration:underline}.hw-stat-list b{color:var(--ink)}.hw-stodo-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.hw-stodo-row{border-bottom:1px solid var(--line);color:inherit;justify-content:space-between;align-items:center;gap:10px;padding:8px 6px;font-weight:600;text-decoration:none;display:flex}.hw-stodo-list li:last-child .hw-stodo-row{border-bottom:0}.hw-stodo-row:hover{background:var(--paper-2)}.hw-stodo-month{margin:0}.hw-today-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:0;display:grid}.hw-today-cell{border-radius:var(--radius-sm);background:var(--paper-2);padding:10px 12px}.hw-today-cell dd{align-items:baseline;gap:3px;margin:2px 0 0;display:flex}.hw-today-cell b{font-family:var(--font-serif);font-size:1.7rem;line-height:1.1}[data-theme=plain] .hw-today-cell{border:1px solid var(--line-strong);background:#fff}.hw-settings{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper-2);margin:0 0 14px;padding:14px 16px}.hw-settings legend{padding:0 6px;font-size:.92rem;font-weight:800}.hw-radio{border:1px solid var(--control-line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.hw-radio:has(input:checked){border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.hw-radio input{accent-color:var(--accent);margin:0}[data-theme=plain] .hw-settings,[data-theme=plain] .hw-radio{border:1px solid var(--line-strong);background:#fff}.hw-editbar{border-color:var(--accent);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.hw-editbar-text{min-width:240px;color:var(--ink-soft);flex:1;margin:0;font-size:.92rem}.hw-editbar-text b{color:var(--ink)}.hw-editbar-text svg{vertical-align:-2px}.hw-editbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hw-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.hw-grid[data-editing] .hw-item{outline:1.5px dashed var(--line-strong);outline-offset:4px;border-radius:var(--radius);content-visibility:visible;will-change:transform;flex-direction:column;display:flex}.hw-grid[data-editing] .hw-body{flex:auto;height:auto}.hw-tools{background:var(--paper-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;display:flex}.hw-tools-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.9rem;font-weight:800;overflow:hidden}.hw-tools-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.hw-handle{border:1px solid var(--line-strong);background:var(--panel-bg);width:36px;height:36px;color:var(--ink-soft);cursor:grab;touch-action:none;box-shadow:var(--shadow-sm);border-radius:8px;flex:none;place-items:center;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,background-color .18s;display:inline-grid;transform:translateY(-1px)}.hw-handle:hover{color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}.hw-handle:active{cursor:grabbing}.hw-handle[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.hw-tool{min-width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:0 9px;font-size:.84rem;font-weight:700;display:inline-flex}.hw-tool:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.hw-tool:disabled{opacity:.35;cursor:not-allowed}.hw-tool[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}.hw-sizes{border:1px solid var(--line-strong);background:var(--panel-bg);border-radius:9px;padding:2px;display:inline-flex}.hw-sizes button{height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 10px;font-size:.82rem;font-weight:700}.hw-sizes button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.hw-only-phone{display:none}.hw-item[data-dragging],.hw-item[data-settling]{z-index:5}.hw-item[data-dragging],.hw-item[data-dragging] .hw-handle{cursor:grabbing}.hw-item[data-dragging] .hw-handle,.hw-item[data-settling] .hw-handle{transition:none}.hw-grid[data-editing] .hw-item:after{content:"";border-radius:var(--radius);pointer-events:none;box-shadow:var(--shadow);outline:3px solid var(--accent);outline-offset:4px;opacity:0;position:absolute;inset:0}.hw-grid[data-editing] .hw-item[data-dragging]:after,.hw-grid[data-editing] .hw-item[data-grabbed]:after{opacity:1}.hw-grid[data-editing]{position:relative}.hw-ghost{z-index:0;pointer-events:none;border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 9%, transparent);outline:2.5px dashed var(--accent);outline-offset:4px;will-change:transform;position:absolute;top:0;left:0}[data-theme=dark] .hw-ghost{background:color-mix(in srgb, var(--accent) 16%, transparent)}[data-theme=plain] .hw-ghost{background:color-mix(in srgb, var(--accent) 10%, var(--paper));outline:3px dashed var(--accent)}.hw-drawer{gap:12px;display:grid}.hw-drawer:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.hw-drawer-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hw-drawer-row{border-radius:var(--radius-sm);background:var(--paper-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.hw-drawer-text{flex:1;min-width:0;display:grid}[data-theme=plain] .hw-tools,[data-theme=plain] .hw-drawer-row{border:1px solid var(--line-strong);background:#fff}[data-theme=plain] .hw-handle,[data-theme=plain] .hw-sizes{border:1px solid var(--line-strong)}[data-theme=plain] .hw-grid[data-editing] .hw-item{outline-color:var(--line-strong)}[data-theme=dark] .hw-handle,[data-theme=dark] .hw-sizes{background:var(--paper-2)}@media (max-width:720px){.hw-handle,.hw-sizes{display:none}.hw-only-phone{display:inline-flex}.hw-tool-text{display:none}}@media (pointer:coarse){.hw-tool,.hw-handle,.hw-sizes button{min-width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.hw-handle,.hw-handle:hover{transition:none;transform:none}}.hw-guest-top{grid-template-columns:minmax(0,1fr) minmax(300px,440px);align-items:start;gap:20px 36px;padding:18px 0 6px;display:grid}.hw-whycard{margin-top:22px;padding:0}.hw-whycard-head{font:inherit;margin:0}.hw-whycard-toggle{width:100%;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--radius);font:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:12px 16px 12px 18px;display:flex}.hw-whycard-toggle:hover .hw-whycard-chev{color:var(--accent);border-color:var(--accent)}.hw-whycard-title{min-width:0;font-family:var(--font-serif);text-wrap:balance;word-break:keep-all;flex:1;font-size:1rem;font-weight:800;line-height:1.45}.hw-whycard-chev{box-sizing:content-box;border:1px solid var(--line-strong);width:18px;height:18px;color:var(--ink-soft);border-radius:999px;flex:none;padding:5px;transition:transform .25s}.hw-whycard[data-open] .hw-whycard-chev{transform:rotate(180deg)}.hw-whycard-body{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .25s,opacity .25s;display:grid}.hw-whycard[data-open] .hw-whycard-body{opacity:1;grid-template-rows:1fr}.hw-whycard-inner{gap:10px;min-height:0;padding:0 18px;display:grid;overflow:hidden}.hw-whycard[data-open] .hw-whycard-inner{padding-bottom:18px}.hw-whycard-inner p{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:.95rem;line-height:1.75}.hw-whycard-inner .hw-link{justify-self:start}@media (prefers-reduced-motion:reduce){.hw-whycard-body,.hw-whycard-chev{transition:none}}@media (max-width:980px){.hw-guest-top{grid-template-columns:minmax(0,1fr)}.hw-whycard{margin-top:0}}.about-page>*{width:100%;max-width:820px;margin-inline:auto}.about-body{gap:28px;padding:clamp(22px,4vw,40px);display:grid}.about-body h2{font-family:var(--font-serif);margin:0 0 10px;font-size:1.28rem;font-weight:800}.about-body p,.about-body li{color:var(--ink);word-break:keep-all;margin:0;line-height:1.85}.about-body p+p{margin-top:10px}.about-body ul{gap:10px;margin:0;padding-left:1.2em;display:grid}.about-body li b{color:var(--accent)}.my-rank-link{color:var(--accent);align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.my-rank-link:hover{text-decoration:underline}.my-drafts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.my-drafts li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.my-drafts li:last-child{border-bottom:0}.my-drafts-title{flex:160px;min-width:0;font-weight:700}.tabs.my-tabs{border-bottom:0;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;margin-bottom:18px;padding:2px;display:grid}.tabs.my-tabs .tab.my-tab{text-align:left;white-space:normal;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink-soft);align-items:center;gap:12px;margin:0;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex;position:relative}.tabs.my-tabs .tab.my-tab:hover{border-color:var(--line-strong);background:var(--paper-2)}.tabs.my-tabs .tab.my-tab[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--paper));color:var(--ink)}.my-tab-ico{background:var(--paper-2);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.my-tab[aria-selected=true] .my-tab-ico{background:var(--accent);color:var(--accent-ink)}.my-tab-text{gap:2px;min-width:0;display:grid}.my-tab-label{font-size:.86rem;font-weight:700}.my-tab-num{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800;line-height:1.1}.my-tab-num small{color:var(--ink-soft);margin-left:2px;font-size:.62em;font-weight:700}.my-tab-alert{background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:800;position:absolute;top:8px;right:8px}@media (max-width:720px){.tabs.my-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs.my-tabs .tab.my-tab{gap:10px;padding:12px}}.spine-shelf{display:none}@media (min-width:1100px){.hw-top.has-shelf{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px}.hw-top.has-shelf>.hw-hello,.hw-top.has-shelf>.hw-search{grid-column:1}.hw-top.has-shelf>.spine-shelf{grid-area:1/2/span 2}.spine-shelf{gap:6px;width:440px;display:grid}}.spine-shelf-head{justify-content:space-between;align-items:baseline;padding:0 4px;display:flex}.spine-shelf-title{font-family:var(--font-serif);color:var(--ink);font-size:.95rem;font-weight:800}.spine-shelf-count{color:var(--ink-faint);font-size:.78rem}.spine-shelf-row{align-items:flex-end;gap:2px;height:172px;padding:0 10px;display:flex;overflow:hidden}.spine-shelf-empty{border:1.5px dashed var(--line-strong);min-height:120px;color:var(--ink-soft);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:.88rem;display:flex}.spine-info{display:inline-flex;position:relative}.spine-info-btn{cursor:help;border:1px solid var(--line-strong);background:var(--paper);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;padding:0;display:grid}.spine-info-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spine-info-pop{z-index:30;background:var(--tip-bg);width:240px;color:var(--tip-ink);border:1px solid var(--tip-line);opacity:0;visibility:hidden;border-radius:14px;padding:14px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 10px);right:-12px;transform:translateY(-4px);box-shadow:0 16px 34px -12px #00000073}.spine-info:hover .spine-info-pop,.spine-info:focus-within .spine-info-pop{opacity:1;visibility:visible;transform:none}.shelf-demo{gap:0;display:grid}.shelf-demo-row{justify-content:center;align-items:flex-end;gap:2px;height:90px;display:flex}.shelf-demo-book{background:hsl(var(--spine-h) 40% 52%);opacity:0;border-radius:2px 2px 1px 1px;animation:4.2s ease-out infinite paused shelf-demo-drop;box-shadow:inset -3px 0 #0000002e,inset 2px 0 #ffffff2e}.shelf-demo-plank{transform-origin:50%;background:#a8743f;border-radius:2px;height:7px;margin:0 18px;animation:4.2s ease-out infinite paused shelf-demo-plank}.shelf-demo-cap{text-align:center;opacity:.85;margin-top:10px;font-size:.78rem}.spine-info:hover .shelf-demo-book,.spine-info:focus-within .shelf-demo-book,.spine-info:hover .shelf-demo-plank,.spine-info:focus-within .shelf-demo-plank{animation-play-state:running}@keyframes shelf-demo-plank{0%{transform:scaleX(0)}8%,to{transform:scaleX(1)}}@keyframes shelf-demo-drop{0%{opacity:0;transform:translateY(-46px)}10%{opacity:1;transform:translateY(2px)}14%{transform:translateY(0)}85%{opacity:1;transform:none}95%,to{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.shelf-demo-book{opacity:1;animation:none}.shelf-demo-plank{animation:none}}.spine-more{background:var(--paper-2);width:38px;height:150px;color:var(--accent);border:1.5px dashed var(--line-strong);box-shadow:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.spine-more:after{display:none}.spine-more-n{font-size:.92rem;font-weight:800}.spine-more-t{writing-mode:vertical-rl;font-size:.72rem;font-weight:700}.spine-shelf-plank{background:var(--shelf);height:12px;box-shadow:0 8px 14px -8px var(--shelf-shadow);border-radius:3px}.spine-book{cursor:pointer;background:hsl(var(--spine-h,8) 28% 30%);border:0;border-radius:3px 3px 1px 1px;flex:none;padding:0;transition:transform .18s;position:relative;overflow:hidden;box-shadow:0 6px 10px -6px #0000008c}.spine-book img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spine-book:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000061 0%,#ffffff29 22%,#fff0 45%,#0000001f 75%,#0000006b 100%);position:absolute;inset:0}.spine-book-title{z-index:1;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;color:#fbf3e8;background:#140c068c;border-radius:2px;max-height:calc(100% - 20px);padding:4px 1px;font-size:.66rem;font-weight:800;line-height:1;position:absolute;top:10px;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.spine-book:hover,.spine-book:focus-visible{transform:translateY(-8px)}.spine-book:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.spine-book{transition:none}}.hw-quote{flex:1;gap:8px;min-width:240px;margin:0;display:grid}.hw-quote.is-loading{min-height:76px}.hw-quote-text{font-family:var(--font-serif);color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(1.15rem,2.1vw,1.5rem);font-weight:800;line-height:1.5}.hw-quote-by{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.86rem;display:flex}.hw-quote-btn{cursor:pointer;border:1px solid var(--line-strong);background:var(--paper);color:var(--accent);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:.8rem;font-weight:700;display:inline-flex}.hw-quote-btn:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.hw-quote-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=dark] .hw-quote-btn{background:var(--paper-2);color:var(--gold-hi)}@media (pointer:coarse){.hw-quote-btn{min-height:44px;padding-inline:14px}}.hw-top.has-shelf{row-gap:14px;padding-top:0}.spine-shelf-row{height:160px}.hw-progress.hw-stats{grid-template-columns:minmax(280px,1.1fr) minmax(0,2fr);align-items:center;gap:20px 28px;display:grid}.hw-goal{align-items:center;gap:18px;min-width:0;display:flex}.hw-ring-box{flex:none;width:112px;height:112px;position:relative}.hw-ring{width:100%;height:100%}.hw-ring circle{fill:none;stroke-width:10px}.hw-ring-track{stroke:var(--paper-3)}.hw-ring-fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .6s}.hw-ring.is-met .hw-ring-fill{stroke:var(--ok)}.hw-ring-num{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.hw-ring-num b{font-family:var(--font-serif);color:var(--ink);font-size:2rem;font-weight:800}.hw-ring-num span{color:var(--ink-faint);font-size:.78rem;font-weight:700}.hw-goal-text{justify-items:start;gap:3px;min-width:0;display:grid}.hw-goal-label{font-family:var(--font-sans);color:var(--ink-faint);letter-spacing:.02em;margin:0;font-size:.82rem;font-weight:700}.hw-goal-left{color:var(--ink);margin:0;font-size:1.1rem}.hw-goal-left b{color:var(--accent);font-weight:800}.hw-goal-hint{color:var(--ink-faint);margin:0 0 6px;font-size:.78rem}.hw-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.hw-tile{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;align-content:start;gap:2px;min-width:0;padding:14px 16px;display:grid}.hw-tile-ico{color:var(--accent);margin-bottom:4px}.hw-tile b{font-family:var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;line-height:1.15}.hw-tile b small{font-family:var(--font-sans);color:var(--ink-soft);margin-left:3px;font-size:.82rem;font-weight:700}.hw-tile>span{color:var(--ink-soft);font-size:.8rem;font-weight:600}.hw-tile>span em{color:var(--ok);margin-left:4px;font-style:normal;font-weight:700}.hw-tile.is-qp{background:color-mix(in srgb, var(--gold) 12%, var(--paper));border-color:color-mix(in srgb, var(--gold) 35%, var(--line))}.hw-tile.is-qp .hw-tile-ico{color:var(--gold)}@media (max-width:900px){.hw-progress.hw-stats{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.hw-ring-box{width:92px;height:92px}.hw-ring-num b{font-size:1.6rem}.hw-tiles{gap:8px}.hw-tile{padding:10px}.hw-tile b{font-size:1.35rem}.hw-tile>span em{margin:0;display:block}}.hw-quote:not(.is-loading){background-color:var(--paper);background-image:linear-gradient(90deg, transparent 21px, color-mix(in srgb, var(--bad) 28%, transparent) 21px, color-mix(in srgb, var(--bad) 28%, transparent) 22px, transparent 22px), repeating-linear-gradient(180deg, transparent 0 31px, color-mix(in srgb, var(--accent) 10%, transparent) 31px 32px);border-radius:4px;padding:20px 26px 16px 34px;position:relative;transform:rotate(-.5deg);box-shadow:0 1px 1px #2b211b0f,0 10px 22px -12px #2b211b59}.hw-quote:not(.is-loading):before{content:"";background:color-mix(in srgb, var(--gold) 30%, transparent);border-left:1px dashed #ffffff80;border-right:1px dashed #ffffff80;width:96px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(-3deg)}[data-theme=dark] .hw-quote:not(.is-loading){background-color:var(--paper-2);box-shadow:0 10px 22px -12px #000000b3}[data-theme=plain] .hw-quote:not(.is-loading){border:1px solid var(--line)}@media (prefers-reduced-motion:reduce){.hw-quote:not(.is-loading){transform:none}}@media (max-width:640px){.hw-quote:not(.is-loading){padding:18px 16px 14px 30px;transform:none}}.hw-quote-by{justify-content:flex-end}.hw-search .search-box{flex:1;max-width:none}.hw-search .search-box .input{padding-block:7px;min-height:40px;padding-right:48px}@media (pointer:coarse){.hw-search .search-box .input{min-height:44px}}.hw-search-box{position:relative}.hw-search-go{cursor:pointer;background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border:0;border-radius:50%;place-items:center;padding:0;transition:filter .15s,transform .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.hw-search-go:hover{filter:brightness(1.1)}.hw-search-go:active{transform:translateY(-50%)scale(.94)}.hw-search-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.hw-search-go{width:36px;height:36px;right:4px}}.spine-shelf-plank{background:linear-gradient(180deg, color-mix(in srgb, var(--shelf) 55%, #fff) 0 4px, transparent 4px), repeating-linear-gradient(90deg, #ffffff0a 0 2px, transparent 2px 9px, #0000000d 9px 10px, transparent 10px 23px), linear-gradient(180deg, color-mix(in srgb, var(--shelf) 88%, #fff) 4px, var(--shelf) 9px, color-mix(in srgb, var(--shelf) 78%, #000) 100%);height:16px;box-shadow:0 1px 0 #ffffff14 inset, 0 10px 14px -8px var(--shelf-shadow), 0 2px 3px #0000002e;border-radius:2px 2px 4px 4px;position:relative}.hw-tile{border-radius:12px;gap:2px;padding:10px 14px}.hw-tile-head{color:var(--ink-soft);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.hw-tile-head .hw-tile-ico{margin:0}.hw-tile b{font-size:1.4rem}.hw-tile b em{font-family:var(--font-sans);color:var(--ok);margin-left:8px;font-size:.74rem;font-style:normal;font-weight:700}.hw-ring-box{width:100px;height:100px}.hw-ring-num b{font-size:1.8rem}@media (max-width:420px){.hw-tile b{font-size:1.2rem}.hw-tile b em{margin:0;display:block}}.hw-quote-shuffle{justify-content:center;width:30px;height:30px;padding:0}@media (pointer:coarse){.hw-quote-shuffle{width:44px;height:44px}}.hw-quote-text{animation:.35s hw-quote-in}@keyframes hw-quote-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.hw-quote-text{animation:none}}.spine-shelf{position:relative}.spine-tip{z-index:5;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:var(--tip-bg);max-width:220px;color:var(--tip-ink);border:1px solid var(--tip-line);border-radius:8px;padding:5px 10px;font-size:.78rem;font-weight:700;position:absolute;overflow:hidden;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 6px 14px -6px #0006}.spine-ghost{background:color-mix(in srgb, var(--ink-faint) 16%, transparent);width:30px;height:132px;color:var(--ink-faint);border:1.5px dashed color-mix(in srgb, var(--ink-faint) 55%, transparent);box-shadow:none;opacity:.8;place-items:center;text-decoration:none;display:grid}.spine-ghost:after{display:none}.spine-ghost:hover,.spine-ghost:focus-visible{opacity:1;color:var(--accent);border-color:var(--accent)}.hw-progress-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}@media (max-width:1000px){.hw-progress-row{grid-template-columns:minmax(0,1fr)}}.hw-progress.hw-stats{grid-template-columns:auto minmax(0,1fr);gap:16px 20px;padding:16px 18px}.hw-progress.hw-stats .hw-tiles{grid-template-columns:minmax(0,1fr);gap:6px}.hw-progress.hw-stats .hw-tile{border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.hw-progress.hw-stats .hw-tile b{white-space:nowrap;font-size:1.15rem}.hw-progress.hw-stats .hw-tile b em{margin-left:6px}@media (max-width:520px){.hw-progress.hw-stats{grid-template-columns:minmax(0,1fr)}}.lb{align-content:start;gap:10px;padding:16px 18px;display:grid}.lb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.lb-head .hw-card-title{margin:0}.lb-seg{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.lb-seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 11px;font-size:.78rem;font-weight:700}.lb-seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (pointer:coarse){.lb-seg button{min-height:40px;padding-inline:14px}}.lb-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.lb-list li{border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:5px 8px;display:grid}.lb-list li.is-me{background:color-mix(in srgb, var(--accent) 9%, transparent)}.lb-list li.lb-mine{border-top:1px dashed var(--line-strong);border-radius:0 0 10px 10px;margin-top:2px}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.lb-name em{color:var(--accent);font-size:.8rem;font-style:normal;font-weight:600}.lb-count{color:var(--ink-soft);white-space:nowrap;font-size:.82rem}.lb-count b{font-family:var(--font-serif);color:var(--ink);margin-right:1px;font-size:1.05rem}.lb-medal,.lb-num{border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:grid}.lb-num{color:var(--ink-faint)}.lb-medal{color:#fff;text-shadow:0 1px 1px #00000040;box-shadow:inset 0 -2px #0000002e,inset 0 2px #ffffff59}.lb-medal-1{background:linear-gradient(145deg,#f6d36b,#c9971f)}.lb-medal-2{background:linear-gradient(145deg,#e3e6ea,#9aa1aa)}.lb-medal-3{background:linear-gradient(145deg,#e3a46f,#a2602c)}.lb-empty{color:var(--ink-soft);margin:4px 0;font-size:.86rem}.lb-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:.8rem;display:flex}.lb-last{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.lb-title{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:.76rem;font-weight:800;display:inline-flex}.lb-title-1{color:#6b4a00;background:#f7e3a3;border:1px solid #e2c15a}.lb-title-2{color:#3d444d;background:#e6e9ed;border:1px solid #c3c9d0}.lb-title-3{color:#6e3a12;background:#f2d2b6;border:1px solid #d9a77c}.my-titles{gap:10px;padding:16px 18px;display:grid}.my-titles-head{font-size:.95rem;font-weight:800;font-family:var(--font-sans);align-items:center;gap:6px;margin:0;display:flex}.my-titles-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.my-titles-list .lb-title{padding:4px 12px;font-size:.84rem}@media (max-width:1000px){.hw-progress-row{grid-template-columns:minmax(0,1fr)}}.hw-progress.hw-stats{align-content:center;gap:20px 28px;padding:24px 26px}.hw-progress.hw-stats .hw-goal{gap:20px}.hw-progress.hw-stats .hw-ring-box{width:150px;height:150px}.hw-progress.hw-stats .hw-ring-num b{font-size:2.7rem}.hw-progress.hw-stats .hw-ring-num span{font-size:.9rem}.hw-progress.hw-stats .hw-goal-left{font-size:1.25rem}.hw-progress.hw-stats .hw-goal-label{font-size:.88rem}.hw-progress.hw-stats .hw-goal-cta{margin-top:8px}.hw-progress.hw-stats .hw-tiles{align-content:center;gap:8px}.hw-progress.hw-stats .hw-tile{padding:11px 14px}.hw-progress.hw-stats .hw-tile b{font-size:1.35rem}@media (max-width:520px){.hw-progress.hw-stats{padding:18px}.hw-progress.hw-stats .hw-ring-box{width:112px;height:112px}.hw-progress.hw-stats .hw-ring-num b{font-size:2rem}}.lb-head .hw-card-title{flex:1}.lb-go{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--ink-soft);background:var(--paper);border-radius:50%;flex:none;place-items:center;display:grid}.lb-go:hover,.lb-go:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}@media (pointer:coarse){.lb-go{width:44px;height:44px}}.lb-list{overscroll-behavior:contain;scrollbar-width:thin;max-height:240px;padding-right:2px;overflow-y:auto}.lb-list:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.lb-list li{min-height:36px}.lb-list li.is-me{z-index:1;background:color-mix(in srgb, var(--accent) 12%, var(--panel-bg));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);position:sticky;top:0;bottom:0}.lb-none{color:var(--ink-soft);font-size:.86rem;grid-template-columns:1fr!important}.hw-progress-row{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr)}@media (max-width:1000px){.hw-progress-row{grid-template-columns:minmax(0,1fr)}}.lb-list{max-height:200px}.hw-progress.hw-stats{position:relative}.gv{flex:none;width:150px;height:150px;position:relative}.gv svg{width:100%;height:100%;overflow:visible}.gv-num{background:var(--panel-bg);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:baseline;gap:3px;padding:2px 10px;line-height:1.2;display:flex;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.gv-num b{font-family:var(--font-serif);color:var(--ink);font-size:1.3rem;font-weight:800}.gv-num span{color:var(--ink-faint);font-size:.78rem;font-weight:700}.gv-center .gv-num{text-align:center;background:0 0;border:0;place-content:center;padding:0;display:grid;inset:0 0 auto;transform:none}.gv-center .gv-num b{font-size:2.6rem;line-height:1}.gv-mini{width:64px;height:64px}@media (max-width:520px){.gv:not(.gv-mini){width:116px;height:116px}.gv-center .gv-num b{font-size:2rem}}.gv-track{stroke:var(--paper-3)}.gv-accent-stroke{stroke:var(--accent)}.gv-ok-stroke,.is-met .gv-accent-stroke{stroke:var(--ok)}.gv-empty{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:3 3}.gv-wood{fill:var(--shelf)}.gv-pop{animation:.4s both gv-pop}@keyframes gv-pop{0%{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.gv-pop{animation:none}}.gv-face{fill:var(--gv-face);stroke:var(--line)}.gv-tick{stroke:var(--ink-faint)}.gv-hand{stroke:var(--ink)}.gv-hand-dot{fill:var(--accent)}.gv-dough{fill:var(--gv-dough)}.gv-icing{fill:var(--gv-icing)}.gv-hole{fill:var(--panel-bg)}.gv-crust{fill:var(--gv-crust)}.gv-cheese{fill:var(--gv-cheese);stroke:var(--gv-crust);stroke-width:1.5px}.gv-slice-off{fill:var(--gv-slice-off);stroke:var(--gv-crust);stroke-width:1.5px}.gv-pepperoni{fill:var(--gv-pepperoni)}.gv-cat-ear{fill:var(--gv-cat-ear)}.gv-cat-face{fill:var(--gv-cat)}.gv-cat-line{stroke:var(--gv-cat-line)}.gv-planet{fill:var(--gv-planet)}.gv-planet-ring{stroke:var(--gv-planet-ring)}.gv-moon{fill:var(--gv-moon)}.gv-moon-dot{fill:#0000001f}.gv-path{stroke:var(--line-strong)}.gv-star-dot{fill:var(--gv-star);opacity:.7}.gv-earth{fill:var(--gv-earth)}.gv-rocket{fill:var(--gv-rocket);stroke:var(--line-strong)}.gv-window{fill:var(--gv-window)}.gv-fin{fill:var(--bad)}.gv-flame{fill:var(--gv-flame);transform-box:fill-box;transform-origin:top;animation:.5s ease-in-out infinite alternate gv-flame}@keyframes gv-flame{to{transform:scaleY(1.35)}}@media (prefers-reduced-motion:reduce){.gv-flame{animation:none}}.gv-flag,.gv-emoji-sm{font-size:16px}.gv-leaf{fill:var(--gv-leaf)}.gv-trunk{fill:var(--gv-trunk)}.gv-branch{stroke:var(--gv-trunk)}.gv-fruit{fill:var(--gv-fruit)}.gv-ground{fill:var(--gv-ground)}.gv-star{fill:var(--gv-star)}.gv-star-off{fill:none;stroke:var(--line-strong);stroke-width:1.2px}.gv-con{stroke:var(--gv-star);opacity:.7}.gv-picker{z-index:3;position:absolute;top:10px;right:10px}.gv-picker-btn{cursor:pointer;border:1px solid var(--line-strong);background:var(--paper);width:32px;height:32px;color:var(--ink-soft);border-radius:50%;place-items:center;padding:0;display:grid}.gv-picker-btn:hover,.gv-picker-btn[aria-expanded=true]{color:var(--accent);border-color:var(--accent)}@media (pointer:coarse){.gv-picker-btn{width:44px;height:44px}}.gv-picker-pop{background:var(--panel-bg);border:1px solid var(--line-strong);width:min(420px,100vw - 32px);box-shadow:var(--shadow);border-radius:16px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.gv-picker-head{margin:0 4px 8px;font-size:.88rem;font-weight:800}.gv-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.gv-picker-grid button{cursor:pointer;background:var(--paper-2);color:var(--ink-soft);border:1.5px solid #0000;border-radius:12px;justify-items:center;gap:4px;padding:8px 4px;font-size:.74rem;font-weight:700;display:grid}.gv-picker-grid button:hover{border-color:var(--line-strong)}.gv-picker-grid button[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, var(--paper))}@media (max-width:420px){.gv-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.hw-item:has(.hw-progress-row){content-visibility:visible;z-index:4}.gv-center .gv-num{inset:0}.gv-cat-eye{fill:var(--gv-cat-line)}.spine-book.spine-more{background:var(--shelf);color:#fbf3e8;border:0;box-shadow:0 6px 10px -6px #0000008c}[data-theme=plain] .spine-book.spine-more{color:var(--ink)}.spine-more-n{letter-spacing:-.02em;text-shadow:0 1px 1px #00000040;font-size:1rem;font-weight:800}[data-theme=plain] .spine-more-n{text-shadow:none}.spine-book.spine-more:hover,.spine-book.spine-more:focus-visible{filter:brightness(1.12)}@media (min-width:521px){.hw-progress.hw-stats{min-height:236px}.hw-progress.hw-stats .hw-tiles{margin-top:30px}}.hw-top{z-index:6;position:relative}.hw-recent{z-index:30;background:var(--panel-bg);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:14px;padding:10px;position:absolute;top:calc(100% + 6px);left:0;right:0}.hw-recent-head{color:var(--ink-faint);margin:2px 6px 6px;font-size:.78rem;font-weight:800}.hw-recent-list{gap:2px;max-height:280px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.hw-recent-list li{border-radius:10px;align-items:center;display:flex}.hw-recent-list li:hover,.hw-recent-list li:focus-within{background:var(--paper-2)}.hw-recent-term{min-width:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:.92rem;display:flex}.hw-recent-term svg{color:var(--ink-faint);flex:none}.hw-recent-term span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hw-recent-del{width:28px;height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:4px;padding:0;display:grid}.hw-recent-del:hover,.hw-recent-del:focus-visible{color:var(--ink);background:var(--paper-3);outline:none}.hw-recent-empty{color:var(--ink-soft);margin:4px 10px 8px;font-size:.86rem}.hw-recent-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:12px;margin-top:6px;padding:8px 6px 2px;display:flex}.hw-recent-clear{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;margin-right:auto;padding:4px 6px;font-size:.8rem}.hw-recent-clear:hover,.hw-recent-clear:focus-visible{color:var(--ink);outline:none;text-decoration:underline}@media (pointer:coarse){.hw-recent-del{width:40px;height:40px}.hw-recent-term{padding-block:11px}}.hw-switch{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;font-size:.8rem;display:inline-flex;position:relative}.hw-switch input{opacity:0;cursor:pointer;width:34px;height:20px;margin:0;position:absolute;right:0}.hw-switch-track{background:var(--paper-3);border:1px solid var(--line-strong);border-radius:999px;width:34px;height:20px;transition:background .15s;position:relative}.hw-switch-track:after{content:"";background:var(--panel-bg);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.hw-switch input:checked+.hw-switch-track{background:var(--accent);border-color:var(--accent)}.hw-switch input:checked+.hw-switch-track:after{transform:translate(14px)}.hw-switch input:focus-visible+.hw-switch-track{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:860px){.bottom-nav .bottom-more-pop{padding:8px;position:absolute}}.toast{width:fit-content;max-width:min(36rem,100% - 32px);margin-inline:auto;left:16px;right:16px;transform:none}.toast .toast-action{white-space:nowrap;flex-shrink:0}@media (pointer:coarse){.topbar .user-chip,.topbar .brandplate{min-height:44px}}.devbar-toggle{display:none}.devbar-tools{display:contents}@media (max-width:860px){.devbar.devbar{top:auto;left:8px;right:auto;bottom:calc(var(--bottom-nav-h) + 8px + env(safe-area-inset-bottom));z-index:35;opacity:.88;max-width:calc(100vw - 16px);padding:3px}.devbar.devbar>span{display:none}.devbar-toggle{cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;font-size:1.05rem;line-height:1;display:grid}.devbar-tools{display:none}.devbar[data-open] .devbar-tools{align-items:center;gap:6px;min-width:0;display:flex}.devbar.devbar select{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;overflow:hidden}.devbar .devbar-btn{flex-shrink:0}body:has(.menu-pop,#bottom-more-pop,.modal-backdrop) .devbar{visibility:hidden}.devbar.devbar:not([data-open]){opacity:.6;border-left:0;border-radius:0 10px 10px 0;padding:0;left:0}.devbar.devbar:not([data-open]) .devbar-toggle{width:20px;height:40px;font-size:.72rem}}body:has(.modal-backdrop) .devbar{visibility:hidden}@media (max-width:640px){.modal .modal-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 12px -4px #0000004d;background:color-mix(in srgb, var(--panel-bg) 78%, transparent)!important}}
:root{--mb-top-h:65px}@media (hover:none),(pointer:coarse){.shelf-books.is-flow{overflow:auto hidden;-webkit-mask-image:none;mask-image:none}.shelf-books.is-flow .shelf-track{animation:none}.shelf-books.is-flow .shelf-group[aria-hidden]{display:none}.shelf-books{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:14px}.shelf-book{scroll-snap-align:start}.shelf-book:hover:not(:focus-visible){transform:none}}@media (max-width:640px) and ((hover:none) or (pointer:coarse)){.shelf-books{scroll-padding-inline:8px}}@media (max-width:860px){html{scroll-padding-top:calc(var(--mb-top-h) + 8px);scroll-padding-bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom))}}.browse-filter .browse-apply{width:100%;margin-top:16px;display:flex}@media (max-width:860px){.browse-bar{top:var(--mb-top-h);z-index:5;margin-inline:-22px;background:var(--panel-bg);margin-top:-8px;padding:8px 22px;position:sticky}.browse-panel{scroll-margin-top:calc(var(--mb-top-h) + 8px)}}@media (max-width:640px){.browse-bar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"count filter""sort view";gap:8px;display:grid}.browse-bar>.spacer{display:none}.browse-bar>.browse-count{grid-area:count;align-self:center}.browse-bar>.browse-filter-btn{grid-area:filter}.browse-bar>.browse-sort{grid-area:sort;min-width:0;width:100%!important}.browse-bar>.view-seg{grid-area:view}}.view-seg{border:1px solid var(--line-strong);background:var(--paper);border-radius:10px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.view-seg-btn{width:40px;min-height:32px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.view-seg-btn:hover{background:var(--paper-2);color:var(--ink)}.view-seg-btn[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (pointer:coarse){.view-seg-btn{width:44px;min-height:40px}}.range-pair{--thumb:20px;width:100%;height:32px;position:relative}.range-pair .range-track{left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);background:var(--paper-3);border-radius:99px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-pair .range-fill{top:0;bottom:0;left:var(--lo);right:calc(100% - var(--hi));background:var(--accent);border-radius:99px;position:absolute}.range-pair input[type=range]{appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.range-pair input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;height:100%}.range-pair input[type=range]::-moz-range-track{background:0 0;border:0}.range-pair input[type=range]::-webkit-slider-thumb{appearance:none;pointer-events:auto;cursor:grab;width:var(--thumb);height:var(--thumb);margin-top:calc((32px - var(--thumb)) / 2);background:var(--panel-bg);border:3px solid var(--accent);box-shadow:var(--shadow-sm);border-radius:50%}.range-pair input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:grab;box-sizing:border-box;width:var(--thumb);height:var(--thumb);background:var(--panel-bg);border:3px solid var(--accent);box-shadow:var(--shadow-sm);border-radius:50%}.range-pair input[type=range]:focus-visible{outline:none}.range-pair input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--gold);outline-offset:2px}.range-pair input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--gold);outline-offset:2px}@media (pointer:coarse){.range-pair{--thumb:28px;height:44px}.range-pair input[type=range]::-webkit-slider-thumb{margin-top:calc((44px - var(--thumb)) / 2)}}.filter-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:0}@media (pointer:coarse){.filter-panel label:has(>input[type=checkbox]){min-height:44px}.bookcase-crown .crown-link>a,a.hw-link,.bookcase-crown a.plate{position:relative}.bookcase-crown .crown-link>a:after,a.hw-link:after,.bookcase-crown a.plate:after{content:"";height:44px;position:absolute;top:calc(50% - 22px);left:-6px;right:-6px}}.bookcase-crown a.plate{color:var(--ink)}.bookcase-crown a.plate:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:860px){.panel-title{flex-wrap:wrap;row-gap:10px}.panel-title>h2{flex-shrink:0;max-width:100%}}@media (max-width:640px){.panel-title>.panel-right:has(>.rec-actions){flex-basis:100%;margin-left:0!important}.rec-actions{flex-wrap:nowrap;gap:8px}.rec-actions>.btn{flex:1 1 0;min-width:0}.rec-actions>.btn-leather{flex-grow:2}}.hw-text-phone{display:none}.hw-drawer-done{justify-self:stretch}@media (min-width:721px){.hw-drawer-done{justify-self:end}}@media (max-width:720px){.hw-text-desk{display:none}.hw-text-phone{display:inline}}.search-box{margin:0}.search-box .input[type=search]::-webkit-search-cancel-button{appearance:none;display:none}.search-box .input[type=search]{appearance:none;padding-right:48px}.search-box .search-clear{width:44px;height:44px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.search-box .search-clear:hover{color:var(--ink);background:var(--paper-2)}.tile-cover:has(.mark-sel)>.tile-flags{top:30px}.shelf-book:has(.mark-sel)>.tile-flags{top:25px}.shelf-book:has(>.ribbon):has(.mark-sel)>.tile-flags{top:48px}
@media (max-width:640px){.ai-summary-text{align-items:stretch}.ai-summary-q,.ai-summary-a{max-width:100%}.modal-body>.detail{padding-right:0}.modal-body:has(>.detail){padding:20px 16px}.guide-summary{white-space:nowrap;flex-wrap:wrap;row-gap:4px}}@media (max-width:400px){.guide-summary-sub{display:none}}@media (max-width:860px){body:has(:is(textarea,[contenteditable=true],input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=button],[type=submit],[type=reset],[type=color])):focus) .bottom-nav{display:none}body:has(:is(textarea,[contenteditable=true],input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=button],[type=submit],[type=reset],[type=color])):focus) .topbar{position:static}.report-write .write-actions{z-index:5;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));background:var(--panel-bg);border-top:1px solid var(--line);padding-block:10px;position:sticky;box-shadow:0 -10px 14px -12px #1e120847}body:has(.report-write textarea:focus) .report-write .write-actions{bottom:0}.report-write .write-actions .write-actions-count{font-variant-numeric:tabular-nums;font-weight:700;display:inline}}.write-actions-count{display:none}.ai-agree{cursor:pointer;align-items:flex-start;gap:10px;font-weight:700;line-height:1.55;display:flex}.ai-agree>input{flex:none;margin:4px 0 0}@media (pointer:coarse){.modal:has(.ai-step) .ai-agree>input{margin-top:2px}}@media (max-width:640px){.ai-agree{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);min-height:44px;padding:10px 12px}.ai-agree-bar{z-index:3;background:var(--panel-bg);border-top:1px solid var(--line);margin-inline:-12px;padding:10px 12px 12px;position:sticky;bottom:0;box-shadow:0 -10px 14px -12px #1e120847}.missing-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.missing-actions .spacer{display:none}.missing-actions .btn{width:100%}.missing-actions .missing-main{grid-column:1/-1}}@media (max-width:860px){.modal-backdrop:has(.missing-fields){z-index:101}}@media (pointer:coarse){.libav-links{row-gap:0}.libav-links a,.fact-links a{align-items:center;min-height:44px;padding-inline:4px;display:inline-flex}.fact-links{align-items:center;row-gap:0}.link-btn{margin-block:-11px;padding:11px 4px}:is(.report-write,.report-print,.modal:has(.missing-fields),.modal:has(.ai-step)) input[type=checkbox]{flex:none;width:20px;height:20px;margin:0}:is(.report-write,.report-print,.modal:has(.missing-fields),.modal:has(.ai-step)) label.row:has(>input[type=checkbox]){min-height:44px}}@media (max-width:640px){.report-print .print-opts{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}}.write-head-cover{width:84px;height:122px}.write-head-title{font-size:1.5rem}@media (max-width:640px){.write-head-cover{width:56px;height:80px}.write-head-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;display:-webkit-box;overflow:hidden}}@media (max-width:520px){.datefield-day{font-size:.95rem}}@media (pointer:coarse){.datefield-nav{width:44px;height:44px}.datefield-link,.datefield-today{min-height:44px}.datefield-today{padding-inline:18px}}
.report-comment-line{white-space:normal;align-items:flex-start}.report-comment-line svg{align-self:flex-start;margin-top:3px}.report-comment-text{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.grade-tile,.parent-page .tile{position:relative}.tabs.my-tabs .my-tab-text .my-tab-alert{white-space:nowrap;justify-self:start;margin-top:2px;line-height:1.4;position:static}.grade-book-meta{text-align:right}.grade-book-meta>*+*{margin-top:4px}.grade-more{display:none}@media (pointer:coarse){.ai-form-set>.ai-form-check{flex:100%;align-items:center;gap:10px;min-height:40px}.ai-form-check input[type=checkbox],.ai-form-check input[type=radio]{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}.ai-form-check .badge{margin-left:auto!important}}@media (max-width:640px){.grade-book>.book-row{grid-template-columns:minmax(0,1fr);gap:6px}.grade-book-meta{text-align:left;flex-wrap:wrap;align-items:center;gap:4px 8px;padding-left:70px;display:flex}.grade-book-meta>*+*{margin-top:0}.grade-book>.book-row>.grade-book-meta{padding-left:0}.grade-books.is-clamped>.grade-book:nth-child(n+6){display:none}.grade-more{justify-content:center;width:100%;margin-top:4px;display:flex}.grade-tile-print{display:none}}@media (max-width:560px){.btn.my-print{padding:6px 12px;font-size:.86rem}.my-print-extra{display:none}.panel:has(>.tabs.my-tabs){padding:14px}.tabs.my-tabs{gap:8px;margin-bottom:14px}.tabs.my-tabs .tab.my-tab{gap:8px;padding:10px}.tabs.my-tabs .my-tab-ico{border-radius:8px;width:28px;height:28px}.tabs.my-tabs .my-tab-ico svg{width:16px;height:16px}.tabs.my-tabs .my-tab-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tabs.my-tabs .my-tab-num{font-size:1.2rem}}@media (max-width:520px){.parent-page .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.parent-page .tiles .tile{min-width:0;padding:12px 14px}.parent-page .tiles .tile .t-value{font-size:1.6rem}}@media screen and (max-width:640px){.records-sheet{overflow-x:visible}.records-head{border:1px solid;border-bottom:0;display:block}.records-head tbody{display:block}.records-head tr{grid-template-columns:auto minmax(0,1fr);display:grid}.records-head th,.records-head td{border:0;border-bottom:1px solid}.records-head th{white-space:nowrap;border-right:1px solid;width:auto}.records-table{table-layout:auto;min-width:0;display:block}.records-table colgroup,.records-table thead{display:none}.records-table tbody,.records-table tfoot{border:1px solid;border-top:0;display:block}.records-table tbody{border-top:1px solid}.records-table tr{grid-template-columns:auto minmax(0,1fr) auto;gap:2px 8px;padding:8px 10px;display:grid}.records-table tbody tr+tr{border-top:1px solid}.records-table td,.records-table tfoot th{border:0;padding:0}.records-table td.c{text-align:left}.records-table td:first-child{grid-area:1/1/span 3;font-weight:700}.records-table td:first-child:after{content:"."}.records-table td:nth-child(2){grid-area:1/2;font-weight:700}.records-table td:nth-child(5){white-space:nowrap;grid-area:1/3}.records-table td:nth-child(3){grid-area:2/2/auto/4;font-size:.92em}.records-table td:nth-child(4){opacity:.8;grid-area:3/2/auto/4;font-size:.92em}.records-table td:nth-child(4):before{content:"독서기간 "}.records-table td:nth-child(4):empty{display:none}.records-table td.records-empty,.records-table tfoot th{grid-area:auto/1/auto/-1}.records-table td.records-empty:after{content:none}.records-table tfoot th{text-align:left}}
.sf-only-sm{display:none}@media (max-width:640px){.sf-only-sm{display:inline}}.sf-books .sf-bk-shelf,.sf-books .sf-bk-grade,.sf-books .sf-bk-src{white-space:nowrap}.sf-books .sf-bk-title{min-width:180px}.sf-books .sf-bk-act{white-space:nowrap;text-align:right}.sf-books .sf-bk-act .btn+.btn{margin-left:8px}@media (pointer:coarse){.sf-books .sf-bk-hide{min-width:44px}}@media (max-width:640px){.sf-books thead{display:none}.sf-books,.sf-books tbody{width:100%;display:block}.sf-books tr{border-bottom:1px solid var(--line);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"title title title act""shelf grade.act";align-items:start;gap:4px 8px;padding:12px 2px;display:grid}.sf-books td{border:0;padding:0;display:block}.sf-books td.sf-bk-title{grid-area:title;min-width:0}.sf-books td.sf-bk-shelf{color:var(--ink-soft);grid-area:shelf}.sf-books td.sf-bk-grade{color:var(--ink-soft);grid-area:grade}.sf-books td.sf-bk-grade:before{content:"· ";color:var(--ink-faint)}.sf-books td.sf-bk-src{display:none}.sf-books td.sf-bk-act{grid-area:act;align-self:center;gap:8px;display:flex}.sf-books .sf-bk-act .btn+.btn{margin-left:0}.sf-books .sf-bk-hide{min-width:44px}}@media (max-width:860px),(pointer:coarse){.sf-check input[type=checkbox],.sf-radios input[type=radio]{width:20px;height:20px;accent-color:var(--accent);margin:0}}@media (pointer:coarse){.sf-check,.sf-radios label{min-height:44px}}.sf-edit-cover{flex:none;width:90px;height:130px}.sf-edit-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sf-editor h2[data-dialog-title]:focus{outline:none}.sf-editor .sf-edit-actions{z-index:2;background:var(--panel-bg);border-top:1px solid var(--line);box-shadow:-30px 0 0 var(--panel-bg), 30px 0 0 var(--panel-bg);padding:12px 0;position:sticky;bottom:0}@media (max-width:640px){.sf-edit-cover{width:56px;height:80px}.sf-edit-grid{flex-basis:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.sf-edit-grid>.sf-wide{grid-column:1/-1}}.sf-students .sf-st-school,.sf-students .sf-st-last{white-space:nowrap}@media (max-width:860px){:is(.table-wrap:has(>.sf-students),.table-wrap:has(>.sf-books)){background:linear-gradient(to right, var(--panel-bg) 30%, transparent) left center / 40px 100% no-repeat local, linear-gradient(to left, var(--panel-bg) 30%, transparent) right center / 40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--ink) 22%, transparent), transparent) left center / 14px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--ink) 22%, transparent), transparent) right center / 14px 100% no-repeat scroll}}@media (max-width:640px){.sf-students thead{display:none}.sf-students,.sf-students tbody{width:100%;display:block}.sf-students tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:12px 4px;display:grid}.sf-students td{text-align:left;border:0;padding:0;display:block}.sf-students td:first-child{box-shadow:none;background:0 0;position:static}.sf-students td.sf-st-name,.sf-students td.sf-st-goal{grid-column:1/-1}.sf-students td.sf-st-school{display:none}.sf-students td.sf-st-stat{white-space:nowrap;font-size:.86rem}.sf-students td.sf-st-stat:before{content:attr(data-label) " ";color:var(--ink-faint);font-size:.78rem;font-weight:600}.sf-students tr.clickable:hover{background:var(--paper-2)}.sf-students tr.clickable:hover td,.sf-students tr.clickable:hover td:first-child{background:0 0}}.sf-review-actions{flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:10px;display:flex}.sf-review-note{flex:260px;gap:4px;min-width:0;display:grid}.sf-review-btns{flex-wrap:wrap;gap:8px;display:flex}.sf-review-note .input[aria-invalid=true]{border-color:var(--bad);box-shadow:0 0 0 1px var(--bad)}@media (max-width:640px){.sf-review-note,.sf-review-btns{flex-basis:100%}.sf-review-btns .btn{flex:auto}.sf-review-btns .btn-brass{flex-grow:2}}.sf-popular .sf-rank{white-space:nowrap;width:2.5em}@media (max-width:640px){.sf-dash>*{order:2}.sf-dash>:first-child{order:0}.sf-dash>.sf-kpi{order:1}.sf-kpi>.sf-tile-top{order:-1}}@media (pointer:coarse){.sf-todo .sf-linkbtn,.sf-todo a:not(.sf-todo-item){align-items:center;min-height:44px;display:inline-flex}}@media (max-width:380px){.sf-students td.sf-st-stat{white-space:normal}}@media (pointer:coarse){.sf-popular .sf-linkbtn{text-align:left;min-height:44px}}