@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Serif+4:wght@400;500;700&display=swap";:root{--bg-1: #fef7e7;--bg-2: #f5e6d8;--ink: #20201f;--ink-soft: #5f5d5b;--card: rgba(255, 255, 255, .78);--line: rgba(32, 32, 31, .14);--accent: #006466;--accent-2: #f95738;--shadow: 0 20px 40px rgba(20, 22, 24, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(249,87,56,.18),transparent 42%),radial-gradient(circle at 80% 5%,rgba(0,100,102,.2),transparent 35%),linear-gradient(130deg,var(--bg-1),var(--bg-2))}a{color:var(--accent);text-decoration:none}button,input{font:inherit}.page{width:min(1200px,calc(100vw - 2rem));margin:1rem auto 2rem}.hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.hero h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);margin:0}.hero p{margin-top:.25rem;color:var(--ink-soft)}.version-card{min-width:260px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem;box-shadow:var(--shadow);display:grid;gap:.25rem}.version-card code{background:#0000000f;padding:.2rem .35rem;border-radius:6px}.panel{margin-top:1rem;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:1rem}.panel h2{margin-top:0;font-size:1.2rem}.grid{display:grid;gap:.8rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}label{display:grid;gap:.35rem;color:var(--ink-soft);font-size:.92rem}input{border:1px solid var(--line);border-radius:10px;padding:.58rem .7rem;background:#ffffffd9}.actions,.book-actions,.reader-actions,.reader-nav{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}button,.upload-trigger,.book-actions .primary{border:1px solid var(--line);background:#ffffffdb;border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}button.primary,.book-actions .primary{border-color:transparent;background:var(--accent);color:#fff}button:hover,.upload-trigger:hover,.book-actions .primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000014}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-trigger{display:inline-block}.upload-trigger input{display:none}.progress-wrap{margin-top:.8rem}.progress-bar{width:100%;height:10px;border-radius:999px;background:#20201f1a;overflow:hidden}.progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.book-card{border:1px solid var(--line);border-radius:14px;background:#ffffffd1;padding:.8rem}.book-card h3{margin-top:0}.history-list{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.history-list li{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center}.reader-header{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.reader-title h1{font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.2rem,2.5vw,1.8rem);margin:0}.reader-title p{margin:.15rem 0 0;color:var(--ink-soft);font-size:.9rem}.reader-panel{min-height:70vh}.page-canvas{margin-top:.8rem;min-height:60vh;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:#fff9;padding:1rem;overflow:auto;touch-action:pan-x pan-y}.page-canvas img{max-width:100%;transform-origin:top center;transition:opacity .2s ease;box-shadow:0 16px 30px #0003;-webkit-user-select:none;user-select:none;pointer-events:none}.page-skeleton{width:min(700px,100%);text-align:center}.pulse{width:100%;aspect-ratio:3 / 4;border-radius:10px;background:linear-gradient(90deg,#00000014,#0003,#00000014);background-size:240% 100%;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.message{margin-top:.7rem;color:var(--accent-2)}.muted{color:var(--ink-soft)}.screen-state{min-height:100vh;display:grid;place-items:center;font-size:1.2rem}@media (max-width: 780px){.page{width:calc(100vw - 1rem);margin:.5rem auto 1rem}.hero{flex-direction:column}.version-card{width:100%;min-width:unset}.history-list li{grid-template-columns:1fr;gap:.15rem}.book-grid{grid-template-columns:1fr}.reader-header{flex-direction:column;align-items:flex-start;gap:.5rem}.reader-actions{width:100%;justify-content:flex-start}.reader-nav button{padding:.6rem 1.1rem;font-size:1rem}.reader-nav input{width:3.5rem;text-align:center}.page-canvas{padding:.4rem;min-height:55vh;border-radius:10px}button,.upload-trigger,.book-actions .primary{padding:.6rem 1rem;min-height:44px}}