@font-face{font-family:'Miama Nueva';src:url('/assets/fonts/MiamaNuevaMedium.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.diary-stage{width:min(100%,760px);margin:0 auto;padding-bottom:30px}
.diary-stage>h1,.diary-book-heading h1{font-family:var(--font-display);font-weight:400}
.diary-cover-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px;margin:30px 0}
.diary-cover-choice{appearance:none;background:none;border:0;padding:4px;color:#f4ebda;min-width:0;position:relative;cursor:pointer}
.diary-cover-window{position:relative;display:block;aspect-ratio:var(--cover-ratio);overflow:visible}
#app .diary-cover-window img{display:block;position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--cover-position);opacity:1;filter:none;pointer-events:none;transition:none}
.diary-cover-choice.is-selected .diary-cover-window{outline:1px solid #d9bd7a77;outline-offset:6px;border-radius:8px}
.diary-cover-choice.is-selected:after{content:'✓';position:absolute;top:0;right:0;color:#ead095;background:#17212f;border:1px solid #b49a62;border-radius:50%;width:26px;height:26px}
.diary-cover-label{display:block;font:var(--caption);line-height:1.6;min-height:42px}
.diary-picking>.primary-button,.diary-naming>.primary-button{display:block;margin:22px auto}
.diary-naming{display:flex;flex-direction:column;align-items:center;gap:14px}.diary-naming h1{margin-bottom:0}
.diary-chosen-cover{width:min(100%,380px);height:auto}
.diary-naming input,.diary-panel input:not([type=checkbox]),.diary-panel select{width:100%;color:#f4ebda;background:#102032e8;border:1px solid #b69b675c;border-radius:7px;padding:12px;font:var(--body-md);min-height:44px}
.diary-book-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;text-align:left;margin-bottom:16px}.diary-book-heading h1{margin:0;overflow-wrap:anywhere;font-size:32px}
.diary-tools,.diary-page-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 20px}
.diary-tools button,.diary-panel button,.diary-page-nav button{background:#102032c9;color:#f4ebda;border:1px solid #b69b675c;border-radius:20px;min-height:44px;padding:9px 13px;font:var(--button)}
.diary-tools button[aria-expanded=true]{border-color:#d5bc80;background:#26303b}.diary-page-nav button:disabled{opacity:.4}
.diary-panel{background:#0d1b2ee8;border-radius:25px;padding:20px;text-align:left;margin:12px 0 20px;display:flex;flex-wrap:wrap;gap:12px;max-height:65svh;overflow:auto}
.diary-panel>h2,.diary-panel>label,.diary-panel>input,.diary-filter-row,.diary-index,.diary-search-results{width:100%}
.diary-panel h2{font:var(--heading-sm);margin:0}.diary-filter-row{display:flex;gap:10px}.diary-filter-row label{flex:1;min-width:0;font:var(--caption)}
.diary-index,.diary-search-results{display:grid;gap:8px}.diary-index button,.diary-search-results button{text-align:left;border-radius:10px}.diary-index span{float:right}.diary-search-results span{display:block;font:var(--caption);margin-top:6px;overflow-wrap:anywhere}
.diary-check{display:flex;align-items:center;gap:12px;min-height:44px}.diary-check input{width:20px;height:20px}
.diary-calendar{display:block}.diary-calendar header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.diary-calendar h2{text-align:center;text-transform:capitalize}
.diary-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.diary-calendar-grid>span{font:var(--caption);padding:8px 0}
.diary-calendar-grid button{position:relative;padding:7px 0;min-height:44px;border:1px solid transparent;border-radius:7px;background:none;font-size:15px}
.diary-calendar-grid .has-entry:after{content:'';width:4px;height:4px;background:#d9ba75;border-radius:50%;position:absolute;bottom:4px;left:calc(50% - 2px)}.diary-calendar-grid .is-current{border-color:#d9ba75}.diary-calendar-grid small{position:absolute;top:1px;right:1px;font-size:9px;color:#d9ba75}
.diary-paper{position:relative;isolation:isolate;width:min(100%,640px);margin:20px auto;min-height:min(65svh,560px);padding:28px 26px 48px;background:radial-gradient(ellipse at 7% 85%,#ae7e2520,transparent 48%),radial-gradient(ellipse at 85% 9%,#a5701918,transparent 40%),linear-gradient(105deg,#e8cea1,#fff4db 12%,#f8e9c9 88%,#e7cea5);box-shadow:-5px 14px 28px #0006,inset 0 0 34px #966c1e16;border-radius:6px;color:#35281f;text-align:left}
#app .diary-page-content{position:relative;inset:auto;z-index:3;display:block;min-height:0;min-width:0;overflow:visible;touch-action:auto;pointer-events:auto;padding:0;overflow-wrap:anywhere}
.diary-date-heading{display:flex;justify-content:space-between;align-items:start;gap:7px;margin-bottom:18px;position:sticky;top:0;background:#f4e6cfeb;z-index:4}
.diary-date-heading time{font:400 17px/1.7 var(--font-body);line-height:1.7;padding-top:8px}.diary-bookmark{background:none;border:0;min-width:35px;min-height:44px;color:#86621f;font-size:24px;line-height:1}
.diary-paper h2{font:500 23px/1.4 var(--font-body);margin:0 0 8px}.diary-paper h3{font:500 20px/1.4 var(--font-body);margin:12px 0 6px}
.diary-paper p{font:400 20px/1.65 var(--font-body);margin:10px 0;color:#35281f;text-shadow:none;-webkit-text-stroke:0;overflow-wrap:anywhere}
.diary-paper .scene-copy{color:#35281f;text-shadow:none;-webkit-text-stroke:0}.diary-paper .scene-copy:before,.diary-paper .scene-copy:after{display:none}
.diary-record{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #a9906d50}.diary-record:last-child{border-bottom:0}
.diary-paper .diary-record-kind{font:400 16px/1.5 var(--font-body);color:#80644b;margin-bottom:12px}
.diary-card-summary{display:flex;gap:12px;align-items:start}.diary-card-summary>.diary-card-meta{flex:1;min-width:0}
.diary-thumbnail{padding:0;background:none;border:0;width:65px;flex:0 0 65px}.diary-thumbnail img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:-1.95px 3px 5px #48321c35}
.diary-paper .diary-card-meta h2{margin-bottom:3px;overflow-wrap:anywhere}
.diary-paper .diary-card-keywords{font:400 16px/1.5 var(--font-body);color:#886842;margin:0 0 2px}
.diary-paper .diary-motif{font-style:italic}
.diary-card-reading{margin:14px 0}.diary-card-reading p{white-space:pre-wrap}.diary-examine{border:0;background:none;color:#6c512e;padding:5px 0;min-height:44px;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;font:400 16px/1.45 var(--font-body)}
.diary-paper .diary-question{font:500 20px/1.65 var(--font-body);margin:18px 0 10px}
.diary-paper .diary-handwriting{font:400 32px/1.65 'Miama Nueva';white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;margin:12px 0;letter-spacing:normal}
.diary-record-actions{display:flex;flex-wrap:wrap;gap:4px 12px}.diary-record-actions button,.diary-write-button,.diary-editor button{background:none;border:0;color:#725537;font:400 16px/1.45 var(--font-body);padding:10px 0;min-height:44px;cursor:pointer}
.diary-write-button{font:var(--button);border-bottom:1px solid #aa8a55;width:100%;text-align:left}
.diary-editor{margin-top:18px}.diary-editor label{font:var(--caption);display:block;margin:8px 0}.diary-editor textarea{display:block;width:100%;min-height:180px;resize:vertical;background:#fff9ed7a;color:#35281f;border:1px solid #ab92684a;border-radius:4px;padding:8px;font:400 32px/1.65 'Miama Nueva';outline-offset:3px}
.diary-editor .diary-save{background:#e1c98e;border-radius:5px;padding:9px 12px;color:#35281f;font:var(--button);margin-right:8px}.diary-paper #diary-draft-status{font:var(--caption);color:#816b54}
.diary-paper .diary-page-number{font:var(--caption);color:#927957;text-align:right;margin-top:20px}
.diary-storage-notice{font:var(--caption);color:#e1d3bd;margin:20px auto;max-width:560px;line-height:1.6}
.diary-sync{margin:14px 0 18px;padding:12px 14px;border:1px solid #b99a6699;background:#241c168c;color:#f4e5c8;font:400 15px/1.5 var(--font-body)}.diary-sync p{margin:0 0 8px}.diary-sync button{border:0;background:none;color:#f1cf8d;text-decoration:underline;font:500 15px/1.45 var(--font-body);padding:4px 8px 4px 0}.diary-sync--ready{border-color:#8f9b77aa}.diary-sync--offline,.diary-sync--conflict,.diary-sync--choice-required{border-color:#cc9a61}
.diary-opening-cover{position:absolute;inset:-5% -30%;z-index:6;pointer-events:none;transform-origin:25% 50%;animation:diary-open-cover .7s ease-in-out forwards}.diary-opening-cover img{width:100%;height:100%;object-fit:contain}
.diary-paper.is-turning{animation:diary-page-turn .38s ease-out}
.diary-card-guide .almanac-card img{width:min(100%,260px);height:auto}.diary-card-guide section p{white-space:pre-wrap}
@keyframes diary-open-cover{0%,20%{transform:rotateY(0);opacity:1}100%{transform:rotateY(-75deg);opacity:0}}
@keyframes diary-page-turn{0%{opacity:.65;transform:translateX(7px)}100%{opacity:1;transform:translateX(0)}}
@media(max-width:650px){.diary-cover-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diary-cover-choice:last-child{grid-column:1/-1;width:50%;justify-self:center}.diary-book-heading h1{font-size:29px}.diary-tools{gap:6px}.diary-tools button{font-size:16px;padding:9px 10px}.diary-panel{padding:14px}.diary-paper{width:100%;padding:24px 18px 44px}.diary-book-heading .text-button{font-size:16px}.diary-page-nav button{font-size:16px}.diary-filter-row{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.diary-opening-cover{animation:none;opacity:0}.diary-paper.is-turning{animation:none}.diary-cover-window img{transition:none}}

.diary-search-results .diary-own-excerpt{font:400 20px/1.5 'Miama Nueva';white-space:pre-wrap}
.diary-paper button:focus-visible,.diary-cover-choice:focus-visible{outline:2px solid #957438;outline-offset:3px}

.diary-record-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:5px}
.diary-record-time{font:400 14px/1.5 var(--font-body);color:#80644b;white-space:nowrap}
.diary-reflection-context{margin-top:20px}
.diary-paper .diary-reflection-context .diary-record-kind{margin:0}
.diary-reflection-context + .diary-card-reading{margin-top:6px}

/* Give the unframed paper almost the full phone width. */
@media(max-width:650px){body[data-stage=journal] .ritual-shell{padding-left:6px;padding-right:6px}.diary-book-heading,.diary-picking>h1,.diary-picking>.stage-description,.diary-storage-notice{margin-left:12px;margin-right:12px}.diary-paper{max-width:none}.diary-cover-gallery{padding:0 12px}}