:root{color-scheme:dark;--bg:#102b2b;--ink:#f2eee5;--gold:#e8b775;--muted:#b8c6bf;--line:#3a5754;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.6 system-ui,-apple-system,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{color:inherit;background:transparent;border:1px solid var(--line);border-radius:7px;padding:9px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);background:#ffffff08}button:disabled{opacity:.4;cursor:default}a{color:var(--muted);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.menu-button{position:fixed;top:28px;right:32px;width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;z-index:5;background:#102b2bdb;backdrop-filter:blur(8px)}.menu-button span{width:17px;height:1px;background:var(--ink)}main{max-width:1440px;padding:52px 72px 36px;margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:42px}.mantra-space{text-align:center;flex-shrink:0}.mantra-space h1{margin:0 0 28px;font:1.15rem var(--serif);letter-spacing:4px;color:var(--muted);font-weight:400}.mantra{font:clamp(1.5rem,3.15vw,3.1rem)/1.55 var(--serif)}.mantra p{margin:0}.mantra p+p{margin-top:17px;color:var(--gold)}.remembrance{position:relative;isolation:isolate;overflow:hidden;min-height:310px;border-radius:12px;background:#173434;display:flex;align-items:center}.art{position:absolute;inset:0;z-index:-3;overflow:hidden}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity 2.6s ease;transform:scale(1.025);animation:quiet-drift 130s ease-in-out infinite alternate}.art img.visible{opacity:.82}.art-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,34,33,.98) 0%,rgba(12,34,33,.9) 39%,rgba(12,34,33,.38) 70%,rgba(12,34,33,.1) 100%)}#material{padding:34px 40px;width:70%;transition:opacity .9s ease;opacity:1;min-width:0}#material.leaving{opacity:0}.material-kind{font-size:.75rem;letter-spacing:2px;color:var(--gold);margin:0 0 15px}#material-title{font:1.2rem/1.4 var(--serif);font-weight:400;color:var(--gold);margin:0 0 12px}#material-title:empty{display:none}#material-text{font:clamp(1.3rem,1.9vw,1.8rem)/1.5 var(--serif);margin:0;text-wrap:pretty}#material.quote #material-text:before{content:'«'}#material.quote #material-text:after{content:'»'}.material-source{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:20px;font-size:.75rem;line-height:1.5;color:var(--muted)}#material-author{display:block;width:100%;color:var(--gold)}#material-note:empty{display:none}.tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;color:var(--muted);font-size:.875rem}.tools>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.tools strong{font-weight:500;color:var(--gold)}.tools button{font-size:.875rem;padding:7px 12px}#elapsed{font-variant-numeric:tabular-nums}#pause-tool[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}dialog{color:var(--ink);background:#153332;border:1px solid var(--line);border-radius:16px;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;box-shadow:0 25px 90px #0007}dialog::backdrop{background:#051211bb;backdrop-filter:blur(7px)}.settings-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#153332;z-index:1}.settings-top h2{font:1.4rem var(--serif);margin:0}.settings-top button{border:0;font-size:26px;line-height:1;width:40px;height:40px;padding:0}.settings-body{padding:24px;overflow-wrap:anywhere}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-size:.8rem;letter-spacing:1px;color:var(--gold);margin-bottom:12px}.switch-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:45px;font-size:.95rem;margin:8px 0}.switch-row input{appearance:none;-webkit-appearance:none;flex:0 0 38px;width:38px;height:22px;border-radius:20px;border:1px solid #68817a;background:#284a45;position:relative;cursor:pointer}.switch-row input:before{content:'';display:block;position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#c3cfca;transition:transform .2s}.switch-row input:checked{background:var(--gold);border-color:var(--gold)}.switch-row input:checked:before{background:#183431;transform:translateX(16px)}input[type=number],select{color:var(--ink);background:#102b2b;border:1px solid var(--line);border-radius:6px;padding:7px 8px;max-width:210px;min-width:0;font-size:.875rem}input[type=number]{width:80px}.settings-note{font-size:.8rem;line-height:1.65;color:var(--muted);margin:12px 0}.material-actions{display:flex;gap:10px;margin-top:14px}.material-actions button{flex:1;font-size:.875rem}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-size:.95rem}details .topics{margin:12px 0}.topics label{display:flex;align-items:center;gap:9px;font-size:.9rem;padding:7px 0}.topics input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}#help-now{font-size:.875rem;margin:4px 0}#settings-message{font-size:.875rem;color:var(--gold)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body.no-art .art{display:none}body.no-art .art-shade{background:#173434}body.no-art #material{width:100%;max-width:1050px;margin:auto;text-align:center}body.no-art .material-source{justify-content:center}body.no-motion *,body.no-motion *:before{animation:none!important;transition:none!important}@keyframes quiet-drift{from{transform:scale(1.025)}to{transform:scale(1.045)}}@media(min-width:1500px){main{gap:58px}.remembrance{min-height:355px}}@media(max-width:1000px){main{padding:80px 32px 28px;gap:35px}.mantra{font-size:clamp(1.5rem,4vw,2.7rem)}#material{width:78%;padding:30px}.remembrance{min-height:300px}}@media(max-width:600px){.menu-button{top:17px;right:18px;width:43px;height:43px}main{padding:70px 18px 24px;gap:30px;justify-content:flex-start}.mantra-space h1{margin-bottom:26px;font-size:1rem}.mantra{font-size:clamp(1.18rem,5.15vw,1.95rem);line-height:1.75}.mantra p+p{margin-top:14px}.remembrance{min-height:350px;align-items:flex-end;overflow:hidden}.art img{object-position:72% center;opacity:0}.art img.visible{opacity:.75}.art-shade{background:linear-gradient(0deg,rgba(12,34,33,1) 0%,rgba(12,34,33,.94) 34%,rgba(12,34,33,.55) 67%,rgba(12,34,33,.14) 100%)}#material{width:100%;padding:27px 23px}.material-kind{font-size:.75rem;margin-bottom:12px;letter-spacing:1.6px}#material-text{font-size:1.28rem;line-height:1.5}#material-title{font-size:1.15rem}.material-source{font-size:.75rem;margin-top:15px;gap:5px}.settings-top{padding:16px 18px}.settings-body{padding:18px}.switch-row,.setting-row{gap:10px}.setting-row select{max-width:175px;font-size:.8rem}.tools{gap:12px}.tools>div{gap:10px}.tools button{font-size:.8rem}}@media(max-width:350px){#material{padding:23px 18px}#material-text{font-size:1.2rem}.setting-row{flex-wrap:wrap}.mantra-space h1{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}

/* v3: eight lines; quiet image and text; contextual information only. */
main{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.6fr);gap:36px 70px;align-content:center;align-items:center;padding:75px 72px 50px}.mantra-space h1{margin-bottom:24px}.mantra{font-size:clamp(1.5rem,2.5vw,2.7rem);line-height:1.55}.mantra span{display:block;white-space:nowrap}.mantra p+p{margin-top:19px}.remembrance{display:flex;flex-direction:column;gap:25px;min-height:0;background:transparent;border-radius:0;overflow:visible;isolation:auto;align-items:stretch}.image-space{position:relative;isolation:isolate;overflow:hidden;border-radius:10px;width:100%;aspect-ratio:3/2;background:#173434}.art{z-index:-1}.art img{object-fit:cover;object-position:center;animation:none;transform:none}.art img.visible{opacity:1}.art-shade{display:none}#material{position:relative;width:100%;padding:0 12px;text-align:center;min-height:100px}#material-text{font-size:clamp(1.25rem,1.65vw,1.7rem);line-height:1.55}#material.quote #material-text:before,#material.quote #material-text:after{content:none}.info-target{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:inherit;background:transparent;padding:0;z-index:1}.info-target:hover:not(:disabled){background:transparent;border:0}.info-target:focus-visible{outline:1px solid var(--gold);outline-offset:5px}.disclosure{position:absolute;left:0;right:0;bottom:0;padding:14px 18px;border-radius:0 0 10px 10px;color:var(--muted);background:#102b2bf2;box-shadow:0 8px 35px #0003;z-index:2;font-size:.8rem;line-height:1.6;display:flex;flex-direction:column;gap:5px;animation:details-in .2s ease}.material-source{top:100%;bottom:auto;margin:10px 0 0;text-align:left;border:1px solid var(--line);border-radius:8px}.material-source .material-kind{margin:0;font-size:.75rem;letter-spacing:1px}#material-title{font:inherit;margin:0}#material-author{width:auto}.tools{grid-column:1/-1}body.no-art .image-space{display:none}body.no-art #material{width:100%;padding:28px 12px}body.no-art .material-source{justify-content:initial}body.no-art .remembrance{max-width:700px}body.no-art main{grid-template-columns:1fr 1.4fr}.disclosure span:empty{display:none}@keyframes details-in{from{opacity:0}to{opacity:1}}@media(max-width:1000px){main{padding:75px 32px 36px;gap:30px}.mantra{font-size:clamp(1.5rem,3.1vw,2.2rem)}#material{padding:0 6px}.remembrance{min-height:0}}@media(max-width:600px){main,body.no-art main{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;padding:65px 18px 24px}.mantra-space h1{font-size:.9rem;letter-spacing:3px;margin-bottom:14px}.mantra{font-size:1.32rem;line-height:1.4}.mantra p+p{margin-top:12px}.remembrance{width:100%;gap:18px;min-height:0;overflow:visible;align-items:stretch}.image-space{aspect-ratio:2/1;border-radius:8px}.art img{object-position:center 30%}.art img.visible{opacity:1}#material{width:100%;padding:0 6px;min-height:80px}#material-text{font-size:1.2rem;line-height:1.5}.material-source{margin-top:8px}.disclosure{font-size:.8rem;padding:12px 14px}.tools{margin-top:10px}body.no-art #material{padding:0 6px}}@media(prefers-reduced-motion:reduce){.disclosure{animation:none}}

/* v4: intact image with a quiet text overlay and a single contextual panel. */
.remembrance{align-items:center}.image-space{aspect-ratio:auto;width:100%;max-width:calc((100svh - 150px)*1.5);overflow:visible;background:transparent;border-radius:10px}.art{position:relative;inset:auto;z-index:0;aspect-ratio:var(--image-ratio,3/2);border-radius:inherit}.art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit;transition:opacity 1.8s ease;animation:none;transform:none}.image-space #material{position:absolute;left:0;right:0;bottom:0;width:100%;min-height:0;padding:60px 28px 22px;z-index:1;border-radius:0 0 10px 10px;background:linear-gradient(0deg,rgba(6,24,23,.94),rgba(6,24,23,.76) 65%,transparent)}#material-text{font-size:clamp(1rem,1.65vw,1.55rem);line-height:1.5;font-weight:400;text-shadow:0 1px 5px #0008;margin:0}#material{transition:opacity .9s ease}.info-target{z-index:2}.material-source.disclosure{top:12px;bottom:auto;left:12px;right:12px;margin:0;z-index:3;max-height:calc(100% - 24px);overflow:auto;padding:14px 18px;opacity:0;transition:opacity .8s ease;animation:none;pointer-events:none;background:#102b2bf0;box-shadow:none}.material-source.disclosure.shown{opacity:1;pointer-events:auto}.image-credit{font-size:.75rem;color:var(--muted)}.image-credit:first-of-type{margin-top:8px}body.no-art .image-space{display:block;max-width:none}body.no-art .image-space #material{position:relative;padding:28px 12px;background:none}body.no-art .image-credit{display:none}body.no-art .material-source.disclosure{max-height:none;top:100%}@media(max-width:600px){.image-space{aspect-ratio:auto;max-width:none}.art img{object-fit:contain;object-position:center}.image-space #material{padding:40px 14px 12px}#material-text{font-size:clamp(.88rem,3.8vw,1.08rem);line-height:1.4}.material-source.disclosure{top:8px;left:8px;right:8px;max-height:calc(100% - 16px);font-size:.75rem;padding:10px 12px}.remembrance{gap:0}}

@media(max-width:360px){.image-space #material{padding:30px 10px 10px}#material-text{font-size:.82rem;line-height:1.35}}

/* v8: intact portrait and landscape artworks, with source credits on demand. */
.image-space{max-width:min(100%,calc((100svh - 150px)*var(--image-ratio,1.5)));transition:max-width 1s ease}.art{transition:aspect-ratio 1s ease}#image-title{margin-top:8px}.material-source .image-credit{font-size:.75rem}@media(max-width:600px){.image-space{max-width:min(100%,calc(max(240px,100svh - 410px)*var(--image-ratio,1.5)))}#material-text{font-size:clamp(.85rem,3.7vw,1.04rem)}}@media(max-width:360px){#material-text{font-size:.82rem;line-height:1.35}}

/* v15: use available screen space rather than the source pixel width. */
@media(min-width:1001px){main{max-width:1680px;grid-template-columns:minmax(230px,.6fr) minmax(0,1.8fr);column-gap:48px;padding:64px 48px 40px}}