[hidden]{display:none!important}
.progressive{border:1px solid rgba(143,127,242,.2);border-radius:14px;padding:12px 16px;margin:14px 0;text-align:start}
.progressive summary{cursor:pointer;color:var(--iris2,#b3a7f7);font-size:14px;min-height:28px;display:list-item}
.progressive[open]>summary{margin-bottom:14px}
.progressive .hero-spread{margin:0}
.account-nav{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin:12px auto;max-width:1040px;padding:0 20px;font-size:13px}
.account-nav button,.account-tools button,.journal-tools button,.journal-entry button,.card-nav button,.pending-actions button{border:1px solid rgba(143,127,242,.35);background:#181321;color:#f1eee8;border-radius:10px;min-height:44px;padding:9px 14px;font:inherit;cursor:pointer}
.account-nav button:hover,.account-tools button:hover,.journal-entry button:hover,.card-nav button:hover{background:#2c2140}
.account-status{color:#c2b6e0;font-size:12px;overflow-wrap:anywhere}
.account-tools,.journal-tools,.pending-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.journal-tools input{flex:1;min-width:150px;padding:10px;background:#15101f;border:1px solid #504563;border-radius:9px;color:#f1eee8;font:inherit}
.journal-entry{padding:20px 0;border-top:1px solid #342a45;text-align:start;overflow-wrap:anywhere}
.journal-entry h3{font:600 16px system-ui,sans-serif;color:#f1eee8;margin:10px 0}
.journal-entry time,.journal-entry .journal-meta{font-size:12px;color:#c2b6e0}
.journal-entry .journal-cards{font-size:14px;line-height:1.6;color:#d9cce9}
.journal-entry textarea,.reflection textarea{width:100%;min-height:95px;padding:12px;background:#15101f;border:1px solid #504563;color:#f1eee8;border-radius:10px;font:inherit;resize:vertical}
.journal-entry label,.reflection label{display:block;font-size:13px;color:#d9cce9;margin-bottom:7px}
.journal-entry .journal-draft-hint{font-size:13px;line-height:1.5;color:#d2c7df;margin-block:8px 12px}
.journal-entry .conflict-tag{display:inline-block;padding:5px 9px;background:#3a2845;border-radius:8px;color:#f4d0ef;font-size:12px}
.reading-detail,.reflection{max-width:680px;margin:20px auto;padding:24px;background:#15101f;border:1px solid rgba(143,127,242,.3);border-radius:18px;text-align:start}
.reading-detail h2{font:400 28px 'Instrument Serif',Georgia,serif;color:#f1eee8;margin:12px 0}
.reading-detail p{font-size:17px;line-height:1.75;color:#dfd4eb}
.reading-detail .detail-position{color:#b3a7f7;font-size:12px;letter-spacing:.04em}
.reading-detail .detail-prompt{border-inline-start:3px solid #9583d4;padding-inline-start:14px;color:#e2d0a1}
.card-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:680px;margin:18px auto}
.card-nav button:disabled{opacity:.35;cursor:default}
.share-private{display:flex;align-items:flex-start;gap:10px;margin:20px auto;font-size:13px;line-height:1.6;max-width:680px;color:#cdbfde}
.share-private input{margin-top:5px;accent-color:#9e8bd8;width:18px;height:18px;flex-shrink:0}
.private-warning{max-width:680px;margin:auto;color:#e6c98f;font-size:12px}
.login-disclosure,.account-copy{font-size:14px;line-height:1.7;color:#d9cce9;text-align:start}
.gis-button{min-height:44px;margin:20px 0}
.account-error{color:#edc692;font-size:13px;line-height:1.6}
.journal-tab{border:1px solid #504563;background:transparent;color:#d9cce9;border-radius:9px;padding:8px 12px;min-height:44px;cursor:pointer}
.journal-tab[aria-pressed=true]{background:#37254e;color:white}
body.private-surface .adslot{display:none!important}
.slot.active-card .card{outline:2px solid #b3a7f7;outline-offset:5px}
@media(max-width:640px){
 .spread:not(:has(.pickwrap)){display:flex!important;flex-wrap:nowrap!important;align-items:flex-start;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding:20px 26px 28px;max-width:100%;min-height:0;scrollbar-width:thin;touch-action:pan-x pan-y}
 .spread:not(:has(.pickwrap))>.slot{flex:0 0 64%;width:64%;max-width:230px;scroll-snap-align:center;padding:0;position:static!important;transform:none!important}
 .spread .slot .card{width:100%;height:auto;aspect-ratio:400/664;max-width:none}
 .spread .slot .meaning,.spread .slot .card-name{display:none}
 .spread .slot .pos-label{font-size:13px;white-space:normal;min-height:24px}
 .reading-detail,.reflection{padding:20px;margin-inline:12px}
 .reading-detail p{font-size:16px}
 .card-nav,.share-private,.private-warning{margin-inline:12px}
 .card-nav button{font-size:12px;padding:10px}
 .account-nav{justify-content:space-between;padding-inline:14px}
 .modal{max-height:90vh;overflow-y:auto}
}
@media(min-width:641px){.reading-detail{margin-top:12px}.spread .slot.active-card{border-radius:12px}}
.backdrop{z-index:130}
.footer-meta>*{min-width:0;max-width:100%}
.footer-disclaimer{flex:1 1 300px}
.footer-legal{white-space:normal;overflow-wrap:anywhere}
.twinkle{width:100%;height:100%}
html{scroll-padding-top:120px;scroll-padding-bottom:100px}
.actions button,.reading-detail,.reflection-panel{scroll-margin-block:120px 100px}
@media(max-width:680px){.cookie-banner{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.spread{scroll-behavior:auto!important}}

.journal-lookback{margin-block:16px;padding:16px;border:1px solid #504563;border-radius:12px;background:#21192e;text-align:start;overflow-wrap:anywhere}
.journal-lookback h3{margin:0 0 8px;font:600 16px system-ui,sans-serif;color:#f1eee8}
.journal-lookback p{margin:0;color:#d9cce9;line-height:1.6}
.journal-lookback .account-tools{margin-bottom:0}
.journal-entry textarea:focus{outline:2px solid #b6a6ef;outline-offset:3px}

/* Reading and keepsake polish: shared colors, readable controls and logical spacing. */
.hero .sub,.draw-hint,.topbar-moon,.nav .pill,.hero-link{color:#c7c0d4}
.hero-link.gold{color:#dfc58e}
.hero-secondary{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
#heroDeckBtn{font-size:12px;min-height:44px;text-align:start}
.starter-prompts{display:flex;flex-wrap:wrap;gap:6px 8px;margin-block:14px 4px;text-align:start}
.starter-prompts p{flex-basis:100%;font-size:12px;color:#c7c0d4;margin:0 0 2px}
.starter-prompts button{font:400 12px/1.45 var(--font-ui,system-ui);color:#d6cdef;background:#191523;border:1px solid #4b405e;border-radius:12px;padding:9px 12px;min-height:44px;text-align:start;cursor:pointer}
.starter-prompts button:hover{background:#2b2140;border-color:#b3a7f7}
.starter-prompts button:focus-visible,.preview-formats button:focus-visible,.meaning-more summary:focus-visible{outline:3px solid #d9c48f;outline-offset:3px}
.reading-detail h3{font:600 12px/1.5 var(--font-ui,system-ui);color:#c8baf0;letter-spacing:.02em;margin:18px 0 6px}
.reading-detail .detail-summary{font-size:20px;line-height:1.65;color:#f1eee8}
.reading-detail .detail-context{color:#cec4db;font-size:15px;line-height:1.7}
.detail-reflection{margin-block:22px;padding-block:1px 4px;border-block:1px solid #40354e}
.reading-detail .detail-prompt{border:0;padding:0;color:#e6d6b0;font-size:19px}
.detail-step{padding:1px 18px 18px;background:#211a2b;border-radius:12px;margin-block:20px}
.detail-step small{display:block;color:#c9bdd9;line-height:1.6}
.meaning-more{border-block-start:1px solid #40354e;padding-block-start:10px}
.meaning-more summary{cursor:pointer;color:#c8baf0;padding-block:12px;min-height:44px}
.meaning-more p{font-size:16px}
.meaning-more a{display:inline-block;min-height:44px;padding-block:10px;color:#c8baf0}
.reflection h2{font:400 28px/1.2 'Instrument Serif',Georgia,serif;color:#f1eee8;margin-block:0 14px}
.reflection label{font-size:16px;line-height:1.5}
.reflection .small{color:#c7bdd4;line-height:1.6}
.journal-artwork{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding-block:12px}
.journal-artwork img{display:block;width:60px;height:100px;object-fit:cover;flex:none;border-radius:6px;border:1px solid #68566f}
.journal-artwork img.reversed{transform:rotate(180deg)}
.journal-lookback time{display:block;color:#c7bdd4;font-size:13px;margin-block:8px}
.earlier-reflection{padding:16px;background:#211a2b;border-inline-start:3px solid #b3a7f7;border-radius:0 10px 10px 0;margin-block:16px}
.earlier-reflection h4{font:600 13px/1.5 system-ui;color:#d9c48f;margin:0 0 8px}
.earlier-reflection p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e1d8ea;margin:0}
.journal-entry.revisiting{border:1px solid #79668d;border-radius:14px;padding:18px;margin-block:16px}
.journal-entry>p,.modal .journal-entry p{color:#d2c7df;line-height:1.7}
.share-preview-modal{width:min(620px,100%);max-width:620px;text-align:start;overflow-y:auto;max-height:90dvh}
.share-preview-modal p{color:#cec4db;font-size:14px}
.preview-formats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-block:18px}
.preview-formats>span{flex-basis:100%;color:#d8cde6;font-size:13px}
.modal .preview-formats button{background:#211a2b;border:1px solid #655477;color:#ece5f3;box-shadow:none;font-size:13px;padding:10px 14px;min-height:44px}
.modal .preview-formats button[aria-pressed=true]{background:#50408e;border-color:#c8baf0}
.preview-canvas-host{display:flex;justify-content:center;min-height:120px;background:#0b0a11;border-radius:12px;overflow:hidden}
.preview-canvas-host canvas{display:block;width:auto;max-width:100%;height:auto;max-height:56dvh;object-fit:contain}
#previewDownload{display:block;width:100%;margin-block-start:14px}
#previewDownload:disabled{opacity:.5;cursor:wait}
#previewStatus:empty{display:none}
/* The consent choices occupy their own space instead of covering the draw controls. */
.cookie-banner{position:relative!important;inset:auto!important;max-width:1040px;margin:14px auto;padding:12px 18px;z-index:1;box-shadow:none}
.cookie-inner{display:flex;flex-direction:row;align-items:center;gap:18px}
.cookie-text{min-width:0;color:#cec6d8;font-size:12px;line-height:1.5}
.cookie-text strong{font-size:17px}
.cookie-actions{flex:0 0 370px;gap:6px}
.cookie-actions .c-accept,.cookie-actions .c-reject{background:#292136;border:1px solid #7e6a94;color:#f1eee8;min-height:44px;font-size:12px;padding:9px 12px;box-shadow:none}
.cookie-actions .c-manage,.cookie-links a{color:#cbbfda}
.cookie-actions .c-manage{min-height:36px;padding:4px 10px}
@media(max-width:680px){
 .cookie-banner{margin:10px 12px;padding:12px 14px}
 .cookie-inner{flex-direction:column;gap:10px}
 .cookie-actions{flex:auto;width:100%}
 .cookie-text strong{font-size:16px}
 .cookie-links{display:inline-block;margin-inline-end:10px}
 .starter-prompts{gap:6px}
 .starter-prompts button{font-size:12px;flex:1 1 45%}
 .starter-prompts button:last-child{flex-basis:100%}
 .reading-detail .detail-summary{font-size:18px}
 .reading-detail .detail-prompt{font-size:17px}
 .share-preview-modal{padding:18px;max-height:92dvh}
 .journal-entry.revisiting{padding:12px}
}
html[dir=rtl] .earlier-reflection{border-radius:10px 0 0 10px}
.modal .preview-formats button{width:auto;flex:1;min-width:120px;margin:0}
.preview-canvas-host canvas{max-height:48dvh}
.share-preview-modal #previewDownload{position:sticky;bottom:0;box-shadow:0 -10px 18px #141019}