.record-list{z-index:1;padding-bottom:var(--gap-xl);position:relative}.book-panel{z-index:1;display:none;position:relative}.book-panel.active{animation:.4s both inkFadeUp;display:block}@media (max-width:720px){.drawer-grid{grid-template-columns:repeat(2,1fr)}.drawer-panel{padding:var(--gap-md)}}.chapter-card{margin-bottom:var(--gap-sm);opacity:0}.chapter-card.is-inview{animation:.6s cubic-bezier(.2,.7,.3,1) both floatIn}.chapter-head{justify-content:space-between;align-items:center;gap:var(--gap-md);text-align:left;width:100%;font:inherit;color:inherit;background:var(--surface);border-radius:var(--radius-lg);padding:var(--gap-md) var(--gap-lg);cursor:pointer;border:1px solid #0000;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.chapter-head:before{content:"";background:var(--accent);opacity:.7;border-radius:0 2px 2px 0;width:3px;position:absolute;top:24px;bottom:24px;left:0}.chapter-head:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.chapter-head:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-lg)}.chapter-info{align-items:baseline;gap:var(--gap-md);flex-wrap:wrap;display:flex}.chapter-name{font-family:var(--font-display);letter-spacing:.03em;color:var(--fg);font-size:17px}.chapter-count{font-family:var(--font-mono);color:var(--accent);font-variant-numeric:tabular-nums;border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);background:color-mix(in oklch, var(--accent) 5%, transparent);border-radius:999px;padding:2px 10px;font-size:13px}.chapter-meta{font-family:var(--font-mono);color:var(--muted);font-size:13px}.chapter-arrow{color:var(--muted);font-size:13px;transition:transform .25s}.chapter-card.expanded .chapter-arrow{transform:rotate(180deg)}.chapter-body{background:var(--fg-ghost);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--gap-md) var(--gap-lg) var(--gap-lg);margin-top:2px;display:none}.chapter-card.expanded .chapter-body{animation:.3s both inkFadeUp;display:block}.chapter-reflection{padding:var(--gap-md) var(--gap-lg);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);margin-bottom:var(--gap-lg)}.chapter-reflection .note-kicker{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);margin-bottom:4px;font-size:11px;display:block}.chapter-reflection .ref-text{color:var(--fg);text-wrap:pretty;font-size:14px;line-height:1.9}.chapter-records .records-kicker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);margin-bottom:var(--gap-xs);font-size:12px}.attempt{padding:var(--gap-sm) 0;border-bottom:1px dashed var(--border)}.attempt:last-child{border-bottom:none}.attempt-row{justify-content:space-between;align-items:center;gap:var(--gap-md);flex-wrap:wrap;display:flex}.attempt-time{font-family:var(--font-mono);color:var(--muted);font-size:13px}.attempt-acc{font-family:var(--font-mono);color:var(--fg);font-variant-numeric:tabular-nums;font-size:13px}.attempt-note{border-left:2px solid var(--accent);background:var(--accent-softer);color:var(--fg);border-radius:0 6px 6px 0;margin-top:6px;padding:8px 12px;font-size:13px;line-height:1.8}.attempt-note .note-kicker{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);margin-bottom:2px;font-size:11px;display:block}.export-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);white-space:nowrap;background:0 0;align-self:center;margin-left:auto;padding:8px 16px;font-size:13px;transition:border-color .2s,color .2s}.export-btn:hover{border-color:var(--accent);color:var(--accent)}.export-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.records-empty{text-align:center;padding:var(--gap-xl) 0;color:var(--muted)}.records-empty .empty-icon{width:48px;height:48px;margin:0 auto var(--gap-md);background:var(--fg-softer);color:var(--muted);border-radius:50%;place-items:center;display:grid}.records-empty .empty-icon svg{width:24px;height:24px}.records-empty h3{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--fg);margin-bottom:var(--gap-xs)}.records-empty p{font-size:14px}@media (max-width:640px){.chapter-head{padding:var(--gap-md)}.chapter-body{padding:var(--gap-sm) var(--gap-md) var(--gap-md)}}@media (scripting:none){.chapter-card{opacity:1!important}}