.history-button{position:absolute;top:3.4%;right:4%;z-index:25;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:#07111ef0;color:#dec193;cursor:pointer}.history-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.phone.tarot-mode>.history-button{display:none}.local-mode-tag{position:absolute;left:8%;right:8%;bottom:1%;z-index:40;font:8px/1.5 system-ui,sans-serif;color:#a9adb6;text-align:center;pointer-events:none}.phone.tarot-mode>.local-mode-tag{display:none}.sphere-reading{position:absolute;left:12%;right:12%;top:82%;width:76%;min-height:44px;z-index:24;font:17px Georgia,serif}.phone:not(.answered)>.sphere-reading,.phone.tarot-mode>.sphere-reading{display:none}
.backend-reader{box-sizing:border-box;max-width:420px;width:calc(100% - 22px);max-height:calc(100% - 22px);padding:18px 20px 22px;margin:auto;border:1px solid #d7b88c44;border-radius:19px;color:#efdfc3;background:linear-gradient(120deg,#06101d55,#06101d99),url('celestial-surface.webp') center top/100% auto no-repeat,#07131f;box-shadow:0 18px 60px #0009;overflow:auto;scrollbar-width:thin;scrollbar-color:#b89b6d77 transparent;font:13px/1.75 system-ui,sans-serif}.backend-reader::backdrop{background:#02060de6;backdrop-filter:blur(7px)}.backend-reader[open]{display:block}.backend-reader-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.backend-reader-header>span{font-size:10px;letter-spacing:1.5px;color:#d7b88c}.backend-close{border:1px solid #d7b88c44;border-radius:22px;background:#071420b5;color:#dfc59e;padding:7px 12px;min-height:35px;font:11px system-ui,sans-serif;cursor:pointer}.backend-reader h2{font:29px/1.15 Georgia,serif;letter-spacing:-.02em;margin:0 0 17px;color:#f2dfbd}.backend-reader h3{font:21px/1.3 Georgia,serif;margin:24px 0 10px;color:#e3c594}.backend-reader p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 16px;color:#c7cdd4}.backend-reader .backend-lead{font:17px/1.65 Georgia,serif;color:#e4d4bd}.backend-reflection{border-left:1px solid #c0a175;padding:1px 0 1px 14px;margin:24px 0}.backend-note{font:10px/1.6 system-ui,sans-serif!important;color:#a5adb9!important}.backend-kicker{font:10px/1.4 system-ui,sans-serif;color:#dac298!important;letter-spacing:1.3px}.backend-reader .primary{display:block;width:100%;border:1px solid #e7c994;border-radius:25px;background:linear-gradient(110deg,#bd945c,#efd1a4,#c59c64);color:#22190e;padding:10px 12px;min-height:44px;font:17px/1.3 Georgia,serif;cursor:pointer}.backend-spinner{height:35px;width:35px;border:1px solid #d7b88c33;border-top-color:#e8cb96;border-radius:50%;margin:20px auto;animation:backend-spin 1.2s linear infinite}@keyframes backend-spin{to{transform:rotate(360deg)}}.backend-reading-card{width:150px;max-width:55%;height:auto;display:block;margin:10px auto 20px;border-radius:7px}.backend-followup{border-top:1px solid #d7b88c33;margin:24px 0}.backend-followup textarea{display:block;box-sizing:border-box;width:100%;min-height:80px;border:1px solid #d7b88c55;border-radius:9px;padding:10px;background:#06111e;color:#e9decb;font:13px/1.5 system-ui,sans-serif;resize:vertical;margin:10px 0}.backend-reader button:disabled{opacity:.55;cursor:default}.backend-history-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #d7b88c22;background:none;color:#e7d4b6;padding:15px 0;cursor:pointer}.backend-history-row strong{font:19px Georgia,serif;display:block}.backend-history-row small{display:block;color:#aeb6c2;font-size:10px;margin:5px 0}.backend-history-row>span{font-size:12px;line-height:1.5;color:#c5cbd3;display:block}.backend-danger{border:0;background:none;color:#bfaa9a;font-size:10px;margin-top:28px;cursor:pointer;padding:9px 0}.safety-reader{background:#101e2a;border-color:#8da5b9}.safety-reader .backend-lead{font:15px/1.8 system-ui,sans-serif;color:#e0e7ec}.safety-reader .backend-kicker{letter-spacing:.4px;color:#b4ccd9!important}.safety-reader .backend-reflection{border-color:#9bb9c8}.forecast-actions{display:flex;gap:7px;margin:12px 0 20px}.forecast-actions button{flex:1;min-height:40px;border:1px solid #d7b88c44;border-radius:20px;background:#0a1928;color:#e7d1ad;font:12px Georgia,serif;cursor:pointer}@media(prefers-reduced-motion:reduce){.backend-spinner{animation:none}}

.sphere-reading{border:1px solid #edd0a0;border-radius:28px;background:linear-gradient(110deg,#bd945c,#efd1a4,#c59c64);color:#25190b;box-shadow:0 4px 20px #0007;cursor:pointer;padding:10px 16px;font-size:16px}.backend-reader:focus-visible,.backend-reader button:focus-visible{outline:2px solid #f1d3a0;outline-offset:3px}

.backend-rules{display:inline-block;color:#d9c197;font:12px/1.5 system-ui;margin:0 0 20px;text-underline-offset:3px}.safety-reader h2{font-size:26px}

/* Comfortable reading and touch controls on narrow screens. */
.backend-reader{font-size:15px;line-height:1.75;overscroll-behavior:contain;scroll-padding-top:72px;scrollbar-gutter:stable}
.backend-reader h2{font-size:clamp(24px,7vw,29px);overflow-wrap:anywhere}
.backend-reader h3{font-size:clamp(19px,5.4vw,21px);overflow-wrap:anywhere}
.backend-reader-header{position:sticky;top:0;z-index:3;min-height:44px;padding:6px 0;margin-top:-6px;background:#07131ff5;border-bottom:1px solid #d7b88c22}
.backend-close{min-height:44px;font-size:13px;padding:10px 14px;white-space:normal;overflow-wrap:anywhere}
.backend-reader>.backend-close{display:block;width:100%;margin-top:10px}
.backend-note{font-size:12px!important;line-height:1.65!important}

.backend-reader-header{top:-18px;margin:-18px -20px 20px;padding:12px 20px;background:#07131f}
.backend-period{font:13px/1.5 system-ui,sans-serif!important;color:#d7bd91!important;margin:-7px 0 20px!important}
/* Shared reading typography also applies to the standalone history page. */
.backend-reader{font-size:15px;line-height:1.7}.backend-reader h3{font-size:23px}.backend-reader .backend-lead{font-size:18px;line-height:1.6}.backend-reader .backend-note{font-size:12px!important}.backend-close{font-size:13px;min-height:44px}.backend-history-row small{font-size:12px}.backend-history-row>span{font-size:14px}