:root{--color-cream:#f5f2ea;--color-cream-card:#fff;--color-ink:#1c1c1a;--color-ink-soft:#2a2a26;--color-border:#e3ddcd;--radius-pill:999px;--radius-card:16px}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;color:var(--color-ink);background:var(--color-cream);-webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}main{max-width:960px;margin:0 auto;padding:1.5rem 1rem 4rem}h1{font-size:1.5rem;margin:0 0 1.25rem}.back-to-library{display:inline-block;color:#555;text-decoration:none;font-size:.9rem;margin-bottom:.75rem;padding:.4rem 0}.back-to-library:focus-visible,.back-to-library:hover{color:#1a1a1a;text-decoration:underline}h2{font-size:1.1rem;margin:0 0 .75rem}input[type=email],input[type=text],textarea{font-size:1rem;padding:.6rem .75rem;border:1px solid #d0d0cc;border-radius:6px;width:100%;max-width:320px}textarea{max-width:none;min-height:4.5rem;resize:vertical}button{font-size:.95rem;padding:.55rem 1.25rem;min-height:44px;border:1px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:#fff;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}[role=alert]{color:#b3261e;font-weight:600}.paper-upload-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-cream-card);border-radius:var(--radius-card);border:1px solid var(--color-border)}.paper-upload-form label{display:block;font-size:.85rem;margin-bottom:.25rem}.paper-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.25rem 1rem;gap:1.25rem 1rem}.paper-card{gap:.5rem}.paper-card,.paper-card-link{display:flex;flex-direction:column}.paper-card-link{gap:.6rem;color:var(--color-ink);text-decoration:none}.paper-card-thumbnail{display:flex;justify-content:center;background:var(--color-cream-card);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden;aspect-ratio:3/4}.paper-card-thumbnail canvas{height:100%!important;width:auto!important;object-fit:contain}.paper-card-thumbnail-fallback{width:100%;aspect-ratio:3/4;object-fit:none;object-position:center;background:var(--color-ink-soft);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:2.5rem}.paper-card-title{font-weight:600;font-size:.9rem;line-height:1.35}.paper-card-badges{display:flex;flex-wrap:wrap;gap:.35rem}.paper-reader{display:flex;flex-direction:column;gap:1.25rem;background:var(--color-ink);border-radius:var(--radius-card);padding:1rem}.reading-status{display:flex;align-items:center;gap:.6rem;margin-top:1rem}.reading-status-badge{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .75rem;border-radius:6px;background:#eaf7ee;border:1px solid #b8e0c4;font-size:.9rem;font-weight:600;color:#1f6b3a}.reading-status-hint{margin:0;font-size:.85rem;color:#7a7a75}@media (min-width:800px){.paper-reader{flex-direction:row;align-items:flex-start}.paper-reader>.pdf-viewer{flex:2 1;min-width:0}.paper-reader>.translation-panel{flex:1 1;position:-webkit-sticky;position:sticky;top:1rem}}.pdf-viewer{border-radius:var(--radius-card);overflow:hidden}.pdf-viewer-page{max-height:75vh;overflow:auto;display:flex;justify-content:center;background:var(--color-ink-soft);padding:1rem 0}.pdf-viewer-page .react-pdf__Page{box-shadow:0 2px 8px rgba(0,0,0,.25)}.pdf-viewer-page.pen-mode-active{background:#2a1f10;box-shadow:inset 0 0 0 3px #e0a030}.pdf-viewer-page.pen-mode-active .react-pdf__Page{box-shadow:0 2px 8px rgba(0,0,0,.25),0 0 0 2px #e0a030;cursor:crosshair}.annotation-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem .75rem;margin-top:.75rem;background:var(--color-cream-card);border-radius:var(--radius-pill)}.annotation-toolbar-group{display:flex;align-items:center;gap:.4rem}.annotation-toolbar button{min-height:44px;min-width:44px;padding:.4rem .6rem;background:var(--color-cream);color:var(--color-ink);border:1px solid var(--color-border)}.annotation-toolbar button.annotation-toolbar-selected{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.annotation-toolbar-swatch{padding:0;border-radius:50%;width:44px;height:44px}.annotation-toolbar-swatch.annotation-toolbar-selected{box-shadow:0 0 0 3px #e0a030}.annotation-toolbar-width{display:flex;align-items:center;justify-content:center}.annotation-toolbar-width span{display:block;width:24px;border-radius:999px;background:currentColor}.pdf-viewer-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.75rem auto 0;padding:.6rem 1.25rem;width:-moz-fit-content;width:fit-content;background:var(--color-cream-card);border-radius:var(--radius-pill);box-shadow:0 8px 24px rgba(0,0,0,.35);color:var(--color-ink)}.pdf-viewer-controls button{padding:.4rem .9rem;min-height:36px}.translation-panel{background:var(--color-cream-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:1rem}.translation-panel blockquote{margin:0 0 .75rem;padding-left:.75rem;border-left:3px solid #d0d0cc;color:#555;font-size:.9rem}.note-form{background:#fff;border:1px solid #e5e5e0;border-radius:8px;padding:1rem;margin:1.5rem 0 1rem}.note-form,.note-list{display:flex;flex-direction:column;gap:.5rem}.note-list{list-style:none;margin:0;padding:0}.note-list li{background:#fffdf5;border:1px solid #ece7d5;border-radius:8px;padding:.75rem 1rem}.note-list li p:first-child{margin:0 0 .25rem;font-size:.8rem;color:#8a7f5a}.note-list li p:last-child{margin:0}.login-form{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.login-form label{display:block;font-size:.85rem;margin-bottom:.25rem}