.app{flex:1;width:min(100%,480px);margin:0 auto;display:flex}.screen{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:12px;display:flex}.header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.header h1{letter-spacing:.06em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:500}.counter{color:var(--hint);font-variant-numeric:tabular-nums;margin:0;font-size:14px}.hint{color:var(--hint);margin:0;font-size:14px;line-height:1.4}.stack{touch-action:none;flex:1;min-height:280px;position:relative}.card-slot{transform-origin:top;position:absolute;inset:0 0 28px}.card-slot[data-depth="0"]{z-index:3;cursor:grab}.card-slot[data-depth="0"]:active{cursor:grabbing}.card-slot[data-depth="1"]{z-index:2;pointer-events:none;transform:translateY(16px)scale(.965)}.card-slot[data-depth="2"]{z-index:1;pointer-events:none;transform:translateY(30px)scale(.93)}.card,.card-photo{width:100%;height:100%}.card{background:var(--secondary);border-radius:28px;overflow:hidden;box-shadow:0 16px 40px #00000047}.card-photo{color:#fff;text-align:left;cursor:inherit;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;display:block;position:relative}.card-photo img{object-fit:cover;pointer-events:none;width:100%;height:100%}.book-chip{color:#1c1814;background:#ffffffeb;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;position:absolute;top:16px;left:16px}.card-copy{background:linear-gradient(#0000,#000000bd);flex-direction:column;gap:6px;padding:56px 20px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-title{font-family:Georgia,Times New Roman,serif;font-size:34px;line-height:1}.card-text{max-width:28ch;font-size:15px;line-height:1.35}.site-button,.nav button,.empty button{cursor:pointer;border:0}.site-button,.empty button{background:var(--button);height:52px;color:var(--button-text);border-radius:16px;font-size:16px;font-weight:600}.site-button{flex-shrink:0}.nav{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.nav button{border:1px solid color-mix(in srgb, var(--text) 18%, transparent);height:44px;color:var(--text);background:0 0;border-radius:14px}.nav button:disabled{cursor:default;opacity:.35}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.empty p{margin:0;font-family:Georgia,Times New Roman,serif;font-size:32px}.empty button{min-width:180px;padding:0 20px}@media (prefers-reduced-motion:reduce){.card-slot,.card-slot[data-depth="0"]{transition:none!important}}:root{--bg:#12110f;--text:#f6f1e8;--hint:#b7b0a4;--button:#efe2cc;--button-text:#1c1814;--secondary:#1c1a17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;overflow:hidden}#root{display:flex}button,img{font:inherit}