.temporary-book-overlay{z-index:100;background:#ded7ca;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.temporary-book-overlay>.shell{flex:auto;min-height:0;overflow:hidden}.temporary-book-overlay>.site-footer{flex:none}body:has(.temporary-book-overlay)>.site-footer{display:none}.temporary-book-overlay .temporary-banner{z-index:140}.book-options{border:1px solid var(--line);background:#ffffff7a;border-radius:18px;gap:22px;padding:24px;display:grid}.import-progress{background:#23443a14;border:1px solid #23443a29;border-radius:14px;gap:10px;padding:14px 16px;display:grid}.import-progress div{color:var(--ink);justify-content:space-between;gap:12px;font-size:13px;display:flex}.import-progress span{color:var(--muted);font-weight:800}.import-progress progress{background:#23443a29;border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}.import-progress progress::-webkit-progress-bar{background:#23443a29;border-radius:999px}.import-progress progress::-webkit-progress-value{background:var(--forest);border-radius:999px}.import-progress progress::-moz-progress-bar{background:var(--forest);border-radius:999px}.import-progress progress:not([value]){appearance:none;background:linear-gradient(90deg, transparent, var(--forest) 30%, var(--forest) 70%, transparent) no-repeat -70% 0 / 40% 100%, #23443a29;animation:1.6s ease-in-out infinite import-progress-slide}.import-progress progress:not([value])::-webkit-progress-bar{background:0 0}.import-progress progress:not([value])::-moz-progress-bar{background:0 0}.import-progress .import-progress-elapsed{font-variant-numeric:tabular-nums}.import-progress .import-progress-detail{color:var(--muted);margin:0;font-size:12px;line-height:1.4}@keyframes import-progress-slide{0%{background-position:-70% 0,0 0}to{background-position:170% 0,0 0}}@media (prefers-reduced-motion:reduce){.import-progress progress:not([value]){background-position:50% 0,0 0;animation:none}}.usage-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.usage-summary strong,.usage-summary span{display:block}.usage-summary strong{font-size:18px}.usage-summary span{color:var(--muted);margin-top:4px;font-size:12px}.import-source-summary{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.import-source-summary span{color:var(--ink);font-size:14px;font-weight:700}.import-source-card{border:1px solid var(--line);background:#ffffff8c;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.import-source-card strong,.import-source-card span:not(.import-source-icon){display:block}.import-source-card span:not(.import-source-icon){color:var(--muted);margin-top:3px;font-size:12px;line-height:1.45}.import-source-card .btn{text-align:center;justify-content:center;align-items:center;display:inline-flex}.import-source-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.desktop-only-source{display:grid}.btn-disabled{opacity:.45;pointer-events:none;cursor:default}.phone-qr-panel{background:#ffffff9e;border:1px solid #23443a2e;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:18px;display:grid}.phone-qr-code{background:#fff;border-radius:14px;width:220px;height:220px;padding:10px;box-shadow:0 12px 30px #2f271d1f}.phone-upload-status{align-content:center;gap:8px;display:grid}.phone-upload-status strong{font:500 30px/1.1 var(--font-sans)}.phone-upload-status span,.phone-upload-status a{color:var(--muted);font-size:13px}.phone-upload-shell{background:#fff;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100dvh;padding:24px;display:grid}.phone-upload-card{background:#f9f3e8;border-radius:26px;grid-template-columns:minmax(0,1fr);gap:16px;width:min(560px,100%);max-width:100%;padding:clamp(26px,6vw,48px);display:grid;box-shadow:0 28px 80px #2f271d26}.phone-upload-card h1{font:500 clamp(34px,8vw,56px)/1 var(--font-sans);letter-spacing:-.055em;overflow-wrap:break-word;margin:0}.phone-upload-card p{color:var(--muted);margin:0;line-height:1.55}.phone-upload-form{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.phone-upload-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@media (max-width:760px){.desktop-only-source{display:none!important}}@media (max-width:650px){.usage-summary{flex-direction:column;align-items:stretch}.import-source-card,.phone-qr-panel{grid-template-columns:1fr}.phone-qr-code{width:180px;height:180px}}.import-showcase{gap:24px;min-width:0;margin-bottom:24px;display:grid}.import-showcase-ribbon{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.import-showcase-track{gap:10px;width:max-content;animation:60s linear infinite import-showcase-drift;display:flex}.import-showcase-track--empty{animation:none}.import-showcase-tile{object-fit:cover;background:#23443a1a;border-radius:12px;flex:none;width:88px;height:88px;animation:.5s ease-out both import-showcase-tile-in;box-shadow:0 6px 16px #2f271d1f}.import-showcase-tile--placeholder{box-shadow:none;background:linear-gradient(90deg,#23443a14,#23443a26,#23443a14) 0 0/200% 100%;animation:1.6s ease-in-out infinite import-showcase-shimmer}.import-showcase-card{border:1px solid var(--line);background:#ffffff8c;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;min-height:96px;padding:16px 18px;transition:background-color .3s,border-color .3s;display:grid}.import-showcase-card--highlight{background:#c6f78d;border-color:#23443a38}.import-showcase-card--highlight .import-showcase-copy p{color:var(--ink)}.import-showcase-card--highlight .import-showcase-dot:before{background:#23443a61}.import-showcase-card--highlight .import-showcase-dot[aria-current=true]:before{background:var(--forest)}.import-showcase-copy{gap:4px;animation:.45s ease-out both import-showcase-card-in;display:grid}.import-showcase-copy strong{color:var(--ink);font:500 19px/1.25 var(--font-sans);letter-spacing:-.01em}.import-showcase-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.import-showcase-dots{gap:2px;display:flex}.import-showcase-dot{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid}.import-showcase-dot:before{content:"";background:#23443a40;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.import-showcase-dot:hover:before{background:#23443a80}.import-showcase-dot[aria-current=true]:before{background:var(--forest);transform:scale(1.25)}.import-showcase-dot:focus-visible{outline-offset:1px;outline:3px solid #23443a73}@keyframes import-showcase-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes import-showcase-tile-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes import-showcase-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes import-showcase-card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.import-showcase-track,.import-showcase-tile,.import-showcase-tile--placeholder,.import-showcase-copy{animation:none!important}}@media (max-width:720px),(orientation:landscape) and (max-height:500px){.import-showcase-tile{border-radius:10px;width:64px;height:64px}.import-showcase-card{grid-template-columns:minmax(0,1fr);gap:8px}.import-showcase-copy strong{font-size:17px}}@media (min-width:721px) and (max-height:820px){.import-showcase{gap:16px;margin-bottom:16px}.import-showcase-tile{width:68px;height:68px}.import-showcase-card{min-height:0;padding:12px 16px}}