*{box-sizing:border-box}html,body{height:100%}body{color:#f5f5f7;overscroll-behavior:none;background:#0e0e12;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{height:100dvh}.app-shell{background:#0e0e12;flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.app-content{flex:1;min-height:0;display:flex}.page{flex-direction:column;flex:1;min-height:0;padding:0 16px;display:flex}.page-header{justify-content:space-between;align-items:center;padding:18px 4px 8px;display:flex}.page-header h1{background:linear-gradient(90deg,#ff6fa8,#ffb347);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:800}.library-count{color:#9a9aa5;font-size:.85rem}.header-actions{gap:8px;display:flex}.ghost-btn{color:#f5f5f7;cursor:pointer;background:0 0;border:1px solid #3a3a44;border-radius:999px;padding:6px 14px;font-size:.85rem}.deck{flex:1;min-height:0;margin-bottom:12px;position:relative}.swipe-card{cursor:grab;touch-action:none;color:#fff;will-change:transform;background:#16161c;border-radius:24px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 24px #0006}.swipe-card:active{cursor:grabbing}.card-face{position:absolute;inset:0}.card-face-blurb{will-change:opacity;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.card-cover{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.card-scrim{z-index:0;background:linear-gradient(#00000073 0%,#00000040 18%,#0000008c 45%,#000000e0 70%,#000000f0 100%);position:absolute;inset:0}.card-tags,.card-body{z-index:1;position:relative}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:#0006;border-radius:999px;padding:4px 10px;font-size:.72rem}.card-body{text-shadow:0 1px 3px #000000e6,0 2px 16px #0009;flex-direction:column;gap:10px;display:flex}.card-body h2{margin:0;font-size:1.8rem;line-height:1.15}.card-body .author{opacity:.85;margin:0;font-size:.95rem}.card-body .blurb{margin:6px 0 0;font-size:1.15rem;font-weight:500;line-height:1.45}.stamp{z-index:3;letter-spacing:2px;color:#fff;pointer-events:none;border:3px solid #fff;border-radius:10px;padding:6px 16px;font-size:1.4rem;font-weight:900;position:absolute;top:26px}.stamp-save{color:#4ade80;border-color:#4ade80;right:20px;transform:rotate(12deg)}.stamp-nope{color:#f87171;border-color:#f87171;left:20px;transform:rotate(-12deg)}.deck-empty{text-align:center;color:#cfcfd6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.deck-empty-sub{color:#8b8b94;font-size:.9rem}.reader-backdrop{z-index:50;background:#0009;justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0}.reader-sheet{touch-action:pan-y;will-change:transform;background:#16161c;flex-direction:column;width:100%;max-width:480px;min-height:0;margin:0 auto;display:flex;position:relative}.reader-header{z-index:2;border-bottom:1px solid #26262f;padding:16px;position:relative}.icon-btn{color:#f5f5f7;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:1rem}.reader-close-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f5f5f7;cursor:pointer;background:#16161cd9;border:none;border-radius:50%;width:52px;height:52px;font-size:1.15rem;position:absolute;box-shadow:0 6px 18px #00000080}.reader-heading h2{margin:0;font-size:1.2rem}.reader-heading .author{color:#9a9aa5;margin:2px 0 0;font-size:.85rem}.reader-text{overflow-wrap:break-word;color:#e4e4e9;-webkit-hyphens:auto;hyphens:auto;flex:1;padding:0 22px 16px;font-family:Georgia,Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,serif;font-size:1.08rem;line-height:1.8;position:relative;overflow-y:auto}.reader-text p{margin:0 0 1.2em}.reading-progress{z-index:2;background:#ffffff14;height:3px;margin:0 -22px 20px;position:sticky;top:0}.reading-progress-fill{background:linear-gradient(90deg,#ff6fa8,#ffb347);height:100%;transition:width .15s linear}.reader-text p.chapter-heading{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:#b8b8c2;margin:2.2em 0 1.4em;font-family:system-ui,-apple-system,sans-serif;font-size:.85rem;font-weight:700}.reader-text p.chapter-heading:first-child{margin-top:.4em}.reading-dim-overlay{z-index:1;pointer-events:none;background:linear-gradient(#16161c8c 0% 12%,#0000 30% 85%,#16161c8c 92% 100%);position:fixed;inset:0}.reader-end-note{text-align:center;color:#6b6b75;margin-top:24px;font-style:italic}.book-text-status{text-align:center;color:#8b8b94;padding:32px 0}.book-text-status .ghost-btn{margin-top:10px}.reader-fullscreen{z-index:50;color:#fff;touch-action:pan-y;will-change:opacity, transform;background:#16161c;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.library-list{flex-direction:column;flex:1;gap:12px;margin:0;padding:0 0 16px;list-style:none;display:flex;overflow-y:auto}.library-item{cursor:pointer;color:#fff;background:#1a1a20;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex;position:relative;box-shadow:0 8px 20px #00000059}.library-item-cover{border-radius:8px;flex-shrink:0;width:56px;height:84px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0006}.library-item-cover img{object-fit:cover;width:100%;height:100%;display:block}.library-item-badge{color:#0e0e12;background:#4ade80;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 1px 4px #00000080}.library-item-progress{background:#00000080;height:4px;position:absolute;bottom:0;left:0;right:0}.library-item-progress-fill{background:linear-gradient(90deg,#ff6fa8,#ffb347);height:100%}.library-item-text{flex:1;min-width:0}.library-item-text h3{margin:0 0 2px;font-size:1.05rem}.library-item-text .author{opacity:.85;margin:0 0 8px;font-size:.85rem}.library-item-status{color:#9a9aa5;margin:6px 0 0;font-size:.78rem}.remove-btn{flex-shrink:0}.onboarding-backdrop{z-index:60;background:#060609eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.onboarding-title{background:linear-gradient(90deg,#ff6fa8,#ffb347);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800}.onboarding-subtitle{color:#b8b8c2;margin:8px 0 28px;font-size:.95rem;line-height:1.5}.onboarding-demo{justify-content:center;align-items:flex-end;width:100%;height:120px;margin-bottom:28px;padding-bottom:10px;display:flex;overflow:hidden}.onboarding-demo-card{background:linear-gradient(160deg,#ff6fa8,#ffb347);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;display:flex;box-shadow:0 10px 24px #0006}.onboarding-steps{flex-direction:column;gap:16px;width:100%;margin:0 0 32px;padding:0;list-style:none;display:flex}.onboarding-step{text-align:left;align-items:center;gap:14px;display:flex}.onboarding-step-icon{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.onboarding-step-text{flex-direction:column;gap:2px;display:flex}.onboarding-step-text strong{color:#f5f5f7;font-size:.98rem}.onboarding-step-text span:last-child{color:#9a9aa5;font-size:.85rem}.onboarding-cta{color:#16161c;cursor:pointer;background:linear-gradient(90deg,#ff6fa8,#ffb347);border:none;border-radius:14px;width:100%;padding:14px;font-size:1rem;font-weight:700}.navbar{padding-bottom:env(safe-area-inset-bottom);background:#101014;border-top:1px solid #24242c;display:flex}.nav-link{color:#7a7a85;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 8px;font-size:.75rem;text-decoration:none;display:flex}.nav-link.active{color:#ff6fa8}.nav-icon{font-size:1.3rem}