.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}.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}.ch-sec+.ch-sec{margin-top:var(--gap-md);padding-top:var(--gap-md);border-top:1px solid var(--border)}.ch-sec-head{justify-content:space-between;align-items:baseline;gap:var(--gap-md);margin-bottom:var(--gap-xs);display:flex}.ch-sec-kicker{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:12px}.ch-sec-meta{font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.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)}.chapter-reflection .ref-text{color:var(--fg);text-wrap:pretty;font-size:14px;line-height:1.9}.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}.records-more{margin:var(--gap-sm) auto 0;border:1px solid var(--border);min-height:44px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;padding:0 20px;font-size:12px;transition:color .2s,border-color .2s;display:block}.records-more:hover{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 40%, transparent)}.records-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.records-more-end{margin-top:var(--gap-sm);text-align:center;font-family:var(--font-mono);letter-spacing:.06em;color:var(--muted);font-size:11px}.ref-edit{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ref-edit-input{resize:vertical;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--fg);font-family:var(--font-display);letter-spacing:.03em;padding:10px 14px;font-size:14px;line-height:1.9}.ref-edit-input:focus{outline:2px solid var(--accent);outline-offset:2px}.ref-ops{align-items:center;gap:var(--gap-md);flex-wrap:wrap;margin-top:8px;display:flex}.ref-ops button{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;color:var(--muted);background:0 0;border:none;border-radius:4px;min-height:44px;padding:6px 8px;font-size:11px;transition:color .2s,background .2s}.ref-ops button:hover{color:var(--accent);background:var(--accent-mist)}.ref-ops button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rec-char-count{font-family:var(--font-mono);color:var(--muted);font-size:11px}.export-btn{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;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}}