@font-face{font-family:Naskh;src:url('/web/fonts/naskh.ttf') format('truetype');font-display:swap}
@font-face{font-family:Arabic;src:url('/web/fonts/arabic.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#170f1d;--paper:#291c30;--ink:#f5e8d3;--wine:#d49bae;--muted:#c3acb7;--line:#64513f;--gold:#af8c55;--rose:#392333;--button:#8c4d64}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:radial-gradient(ellipse at 12% 4%,#38203988,transparent 48rem),var(--bg);color:var(--ink);font-family:Arabic,Tahoma,sans-serif}body:before{content:'';position:absolute;pointer-events:none;inset:0 0 auto;height:650px;background-image:radial-gradient(circle at 11% 18%,#efdab88c 0 1px,transparent 1.7px),radial-gradient(circle at 42% 31%,#f8deb76b 0 1px,transparent 1.8px),radial-gradient(circle at 54% 11%,#e3bb8c66 0 1px,transparent 1.5px),radial-gradient(circle at 4% 67%,#ecd1aa80 0 1px,transparent 1.6px),radial-gradient(circle at 73% 23%,#ecd1aa55 0 1px,transparent 1.6px);z-index:-1}a{color:inherit;text-decoration:none}a,summary{outline-offset:6px}a:focus-visible,summary:focus-visible{outline:3px solid var(--wine)}a,summary{-webkit-tap-highlight-color:#d49bae33}a{transition:color .18s ease,background-color .18s ease,border-color .18s ease}img{display:block;max-width:100%}::selection{background:#8c4d64;color:#fff4df}
.top{max-width:1200px;margin:auto;padding:20px 36px;display:flex;align-items:center;justify-content:space-between;position:relative;gap:24px}.brand-wrap{display:grid;text-align:center;gap:2px}.brand{font:italic 38px/1.2 Georgia,serif;letter-spacing:-1px;color:var(--ink)}.brand-names{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--gold);font:16px/1.5 Georgia,serif}.brand-names:before,.brand-names:after{content:'';width:28px;height:1px;background:var(--gold)}.top nav{display:flex;gap:32px;font-size:15px;align-items:center}.top nav a{min-height:44px;padding:13px 2px;border-bottom:2px solid transparent}.top nav a:first-child{border-color:var(--wine)}.top nav a:hover{color:var(--wine)}main{max-width:1200px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px;align-items:center;padding:30px 0 52px;min-height:510px}.hero-copy{padding:0 0 6px;text-align:right;position:relative}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--wine)}.eyebrow:before{content:'';height:1px;width:36px;background:var(--gold)}h1{font:400 clamp(48px,5.8vw,76px)/1.45 Naskh,serif;margin:20px 0 16px;text-wrap:balance;letter-spacing:-.02em}.hero p{font-size:15px;color:var(--muted);line-height:2;max-width:480px;margin:0}.hero .begin{display:inline-flex;min-height:50px;align-items:center;justify-content:center;margin-top:28px;padding:12px 35px;border:1px solid #c08c80;border-radius:30px;background:linear-gradient(110deg,#8b4d60,#995b6e);font-size:15px;color:#fff2df;box-shadow:0 8px 24px #0002}.begin:hover{background:#9b586e;border-color:var(--ink)}.heart-line{display:flex;align-items:center;gap:16px;margin:0 0 18px;color:var(--wine);font:36px Georgia,serif}.heart-line:after{content:'';width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--wine))}.draft-label{font-size:11px!important;margin-top:20px!important;color:var(--muted)}.hero-scene{position:relative;margin:0 12px 28px 8px;min-width:0;padding-top:20px}.arch-photo{height:415px;width:89%;border-radius:240px 240px 0 0;border:1px solid #bc985f;overflow:hidden;box-shadow:0 0 62px #b4774b15;position:relative}.arch-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1b101d0a 40%,#1b101d66);pointer-events:none}.arch-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}.coffee-photo{position:absolute;right:-4px;bottom:-22px;width:41%;margin:0;padding:7px;border:1px solid #bda16d;background:#e9d6b7;transform:rotate(-7deg);box-shadow:0 8px 32px #0006}.coffee-photo img{width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:50% 30%}.moon{position:absolute;right:4px;top:25px;width:61px;height:61px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#edcfb0,#b48a73 66%,#71535e);box-shadow:0 0 35px #d7a79222;opacity:.78}.moon:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 32%,#6c495025 0 6px,transparent 8px),radial-gradient(circle at 62% 58%,#694d5e33 0 10px,transparent 14px),radial-gradient(circle at 28% 70%,#68526344 0 7px,transparent 11px)}.scene-caption{color:var(--muted);font-size:10px;padding-top:15px;text-align:left;max-width:60%;line-height:1.8}
.featured{margin-bottom:50px}.featured h2{font:24px Naskh,serif;color:var(--wine);font-weight:400;margin:0 0 26px}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;position:relative;padding-top:28px}.featured-grid:before{content:'';position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 15%,var(--gold) 85%,transparent)}.memory-card{display:flex;flex-direction:column;border:1px solid #6f5348;background:linear-gradient(150deg,#332135,#241925);padding:19px 16px 16px;border-radius:12px 12px 5px 5px;position:relative;min-width:0}.memory-card:before{content:'';position:absolute;width:10px;height:10px;top:-34px;right:calc(50% - 5px);border:3px solid #d499a6;border-radius:50%;background:#ae8759;box-shadow:0 0 0 4px #6f5348}.memory-card:after{content:'';position:absolute;width:1px;height:26px;top:-27px;right:50%;background:var(--gold)}.memory-card:hover{border-color:var(--wine);background:#362235}.memory-card time{color:#d9c39f;text-align:center;font:14px/1.6 Georgia,serif;direction:ltr;unicode-bidi:isolate}.memory-card h3{font:400 27px/1.7 Naskh,serif;text-align:center;margin:6px 0 15px;color:var(--ink)}.memory-card img{height:160px;width:100%;object-fit:cover;border-radius:7px;background:#e9ddcc}.memory-card:nth-child(1) img{object-position:50% 35%;object-fit:contain}.memory-card:nth-child(2) img{object-position:50% 48%}.memory-card:nth-child(3) img{object-position:50% 46%}.read-memory{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:var(--wine);font-size:12px}.section-title{display:flex;align-items:center;justify-content:center;gap:22px;margin:60px 0 12px;color:#d9c39f;font:29px/1.7 Naskh,serif}.section-title:before,.section-title:after{content:'';height:1px;width:90px;background:linear-gradient(90deg,transparent,var(--gold))}.section-title:after{transform:rotate(180deg)}
.chapter{padding:44px 0 58px;border-top:1px solid #705d403d;scroll-margin-top:28px}.chapter-top{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--muted);margin-bottom:24px}.chapter-number{font:italic 32px Georgia,serif;color:var(--gold)}.chapter-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:44px}.chapter.with-photo .chapter-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start}.chapter-copy{max-width:850px}.chapter h2{font:400 clamp(31px,3.7vw,44px)/1.6 Naskh,serif;color:var(--ink);margin:0 0 12px;text-wrap:balance}.chapter-deck{font-size:14px;line-height:2;color:var(--wine);margin:0 0 24px}.story-body{font:23px/2.05 Naskh,serif;margin:0;color:var(--ink)}.chapter blockquote{border-inline-start:2px solid var(--gold);padding:12px 23px;margin:28px 0 8px;font:25px/1.9 Naskh,serif;color:#e1b2c2;background:linear-gradient(270deg,#d49bae08,transparent)}blockquote cite{display:block;font:12px/2 Arabic,sans-serif;font-style:normal;color:var(--muted);margin-top:9px}.source-note{font-size:13px;color:var(--muted);max-width:650px}.source-note summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--muted)}.source-note p{line-height:2}.source-note[open]{padding-bottom:10px}.small-list{columns:2;list-style:none;padding:0;margin:12px 0;font-size:14px;line-height:2.1}.small-list li:before{content:'♡ ';color:var(--wine)}.related-story{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--wine);margin-top:8px}.related-story:hover{text-decoration:underline}.track-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.track-links a{padding:11px 16px;border:1px solid #775b60;border-radius:22px;background:var(--paper);color:var(--wine);font-size:13px;min-height:44px}.track-links a:hover{border-color:var(--wine)}.chapter-pictures{display:grid;gap:18px;padding-top:8px}.chapter-pictures figure{margin:0;padding:9px;background:#322438;border:1px solid #886d53;border-radius:4px;transform:rotate(-1deg)}.chapter-pictures figure:nth-child(2){transform:rotate(1.3deg);max-width:85%;margin-inline-start:auto}.chapter-pictures img{width:100%;height:auto;max-height:440px;object-fit:contain;background:#201722}.image-note{font-size:12px;line-height:1.9;color:var(--muted)}.ending{text-align:center;border-top:1px solid var(--line);padding:62px 16px 76px}.ending .heart{font:32px Georgia,serif;color:var(--wine)}.ending h2{font:40px/1.7 Naskh,serif;font-weight:400;margin:20px 0;color:var(--ink)}.ending p{font-size:14px;line-height:2;color:var(--muted);max-width:650px;margin:auto}.gallery{border-top:1px solid var(--line);padding:45px 0}.gallery h2{font:39px Naskh,serif;font-weight:400;color:var(--ink);margin:0 0 26px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.gallery-grid figure{margin:0}.gallery-grid img{width:100%;height:220px;object-fit:contain;background:#231927;border:7px solid #322438;outline:1px solid #886d5359}.gallery-grid figcaption{font-size:12px;line-height:1.9;color:var(--muted);padding-top:12px}.review-note{font-size:12px;line-height:2;color:var(--muted);border-top:1px solid var(--line);padding:26px 0 40px}.review-note strong{color:var(--wine)}footer{max-width:1200px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:22px 36px 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:26px}
@media(max-width:900px){.hero{gap:34px}.arch-photo{height:370px}.memory-card h3{font-size:24px}.hero-scene{margin-inline:0}.moon{width:48px;height:48px;right:0}.featured-grid{gap:16px}.memory-card{padding:15px 12px}.memory-card img{height:140px}}
@media(max-width:700px){html{scroll-padding-top:18px}.top{padding:22px 20px 14px;gap:16px}.brand{font-size:29px}.brand-names{font-size:12px;gap:7px}.brand-names:before,.brand-names:after{width:16px}.top nav{gap:19px;font-size:13px}.top nav a{padding:10px 0}main{padding-inline:22px}.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding:34px 0 38px;min-height:0}.hero-copy{text-align:center;max-width:490px;margin:auto}.eyebrow{justify-content:center;font-size:11px}.eyebrow:before{width:26px}h1{font-size:52px;margin-top:17px;line-height:1.45}.hero p{font-size:14px;max-width:345px}.heart-line{justify-content:center;font-size:31px;margin-bottom:13px}.heart-line:after{width:62px}.hero .begin{margin-top:23px;font-size:14px;padding:12px 32px}.draft-label{font-size:10px!important;margin-top:17px!important}.hero-scene{width:100%;max-width:370px;margin:0 auto 20px;padding:6px 18px 0}.arch-photo{height:300px;width:86%;border-radius:180px 180px 0 0}.coffee-photo{right:12px;bottom:-2px;width:38%;padding:5px}.moon{top:4px;right:17px;width:43px;height:43px}.scene-caption{font-size:10px;max-width:58%;padding-top:11px}.featured{margin-bottom:35px}.featured h2{font-size:24px;margin-bottom:26px}.featured-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:0;padding-inline-start:18px}.featured-grid:before{top:0;bottom:0;inset-inline:0 auto;width:1px;height:auto;background:linear-gradient(180deg,var(--gold),var(--gold) 95%,transparent)}.memory-card{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:4px 12px;padding:15px 12px}.memory-card:before{top:28px;right:-25px;width:8px;height:8px}.memory-card:after{top:35px;right:-18px;width:18px;height:1px}.memory-card time{text-align:right;font-size:12px;grid-column:1}.memory-card h3{text-align:right;font-size:25px;margin:0;grid-column:1;line-height:1.6}.memory-card img{grid-column:2;grid-row:1/4;height:106px;align-self:center}.read-memory{grid-column:1;font-size:11px;padding-top:4px}.section-title{font-size:26px;gap:15px;margin:42px 0 5px}.section-title:before,.section-title:after{width:45px}.chapter{padding:32px 0 42px}.chapter-top{font-size:11px;gap:15px}.chapter-number{font-size:29px}.chapter.with-photo .chapter-layout{grid-template-columns:minmax(0,1fr);gap:24px}.chapter h2{font-size:34px}.chapter-deck{font-size:13px;margin-bottom:20px}.story-body{font-size:22px}.chapter blockquote{font-size:24px;padding-inline:18px;margin-top:24px}.source-note{font-size:12px}.chapter-pictures{max-width:440px;width:100%;margin:auto}.chapter-pictures img{max-height:380px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.gallery-grid img{height:185px;border-width:5px}.gallery-grid figcaption{font-size:11px}.ending{padding:45px 0}.ending h2{font-size:33px}.ending p{font-size:13px}.review-note{font-size:11px}footer{padding-inline:22px;align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:370px){main{padding-inline:18px}.top{padding-inline:18px}.brand{font-size:26px}.top nav{gap:14px;font-size:12px}h1{font-size:46px}.memory-card{grid-template-columns:minmax(0,1fr) 94px}.memory-card h3{font-size:23px}.hero-scene{padding-inline:12px}.coffee-photo{right:6px}.moon{right:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}
@media print{:root{--ink:#241d23;--muted:#50464d;--wine:#783c52;--line:#d8c7cf;--gold:#775e39}.top nav,.begin,.source-note,.gallery,.featured,.hero-scene{display:none}body{background:white;color:var(--ink)}.hero{display:block;min-height:0;padding:25px 0}.hero-copy{text-align:center}.eyebrow,.draft-label{display:none}.chapter{break-inside:avoid}.story-body{font-size:18px}.chapter h2{font-size:28px}.chapter blockquote{color:#783c52}.chapter-pictures figure{background:white}.chapter-pictures img{background:white}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* One story at a time; the couple photograph belongs only in the main image. */
.brand-names{font:22px/1.4 Naskh,serif;gap:10px}.brand-names .name-heart{font:16px Georgia,serif;color:var(--wine)}.hero{min-height:0;padding:22px 0 32px}.hero h1{font-size:clamp(46px,5.2vw,67px);line-height:1.35;margin-block:16px}.hero p{font-size:14px}.hero .begin{margin-top:20px}.hero .heart-line{margin-bottom:12px}.hero-scene{margin-bottom:8px}.arch-photo{height:385px;width:92%;border-radius:220px 220px 8px 8px}.arch-photo img{object-position:50% 32%}.coffee-photo{display:none}.scene-caption{max-width:none;text-align:center;font-size:12px}.moon{right:-4px;top:20px}.featured{margin-bottom:24px}.featured-grid{padding-top:20px;gap:20px}.memory-card{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:3px 12px;padding:13px 16px}.memory-card time{grid-column:1;text-align:right;font-size:12px}.memory-card h3{grid-column:1;text-align:right;font-size:24px;line-height:1.5;margin:0}.memory-card img{grid-column:2;grid-row:1/4;height:90px;width:76px;align-self:center}.read-memory{grid-column:1;padding-top:4px;font-size:11px}.memory-card:before{top:-26px}.memory-card:after{top:-20px;height:20px}footer{padding-block:16px;font-size:11px}.reading-open{overflow:hidden}
button,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible{outline:3px solid var(--wine);outline-offset:4px}dialog{color:var(--ink);background:#211627;border:1px solid #8d6a63;border-radius:18px;padding:0;width:min(1100px,calc(100% - 44px));max-width:none;height:min(790px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);box-shadow:0 24px 100px #000a;overflow:hidden}dialog:not([open]){display:none}dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;animation:reader-open 240ms ease-out}dialog::backdrop{background:#0c0712d9;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;border-bottom:1px solid #72574666;background:#291b30}.dialog-top h2{font:28px/1.5 Naskh,serif;margin:0;font-weight:400}.dialog-close{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:88px;padding:8px 14px;border:1px solid #946c7d;border-radius:24px;background:transparent;color:var(--ink);font-size:13px}.dialog-close:hover{background:#442d42}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 26px}.reader-tools label{font-size:12px;color:var(--muted)}.reader-tools select{max-width:min(390px,74%);min-height:44px;background:#302036;color:var(--ink);border:1px solid #896975;border-radius:9px;padding:8px 12px;font-size:13px}.dialog-body{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px 30px 26px;min-height:0;outline-offset:-4px}.dialog-body:focus-visible{outline:2px solid var(--wine)}.chapter[hidden],.album-item[hidden]{display:none!important}.dialog-body .chapter{border:0;padding:0;scroll-margin-top:0}.dialog-body .chapter-top{margin-bottom:15px;gap:15px}.dialog-body .chapter h2{font-size:35px;line-height:1.5}.dialog-body .chapter-deck{font-size:13px;margin-bottom:18px}.dialog-body .story-body{font-size:22px;line-height:1.9}.dialog-body .chapter blockquote{font-size:24px;margin-top:22px}.dialog-body .chapter-pictures img{max-height:330px}.dialog-body .chapter-pictures figure{transform:none}.dialog-body .chapter-pictures figure:nth-child(2){max-width:100%}.dialog-body .chapter-layout{gap:30px}.pager-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#291b30;border-top:1px solid #72574666;padding:13px 26px}.pager-bar button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;max-width:170px;padding:9px 18px;background:#6d3b51;color:#fff2df;border:1px solid #a8788c;border-radius:24px;font-size:14px}.pager-bar button[data-page=next]{justify-self:end}.pager-bar button[data-page=previous]{justify-self:start;background:transparent}.pager-bar button:hover:not(:disabled){background:#8b4d60}.pager-progress{font-size:12px;color:var(--muted);min-width:100px;text-align:center}.album-tools{min-height:10px;padding:0}.album-item{margin:0;display:grid;gap:14px;justify-items:center;height:100%;align-content:center}.album-item a{display:block;max-width:100%;min-height:0}.album-item img{max-width:100%;max-height:calc(100dvh - 280px);width:auto;height:auto;object-fit:contain;border:6px solid #39283f;border-radius:4px}.album-item figcaption{font-size:13px;line-height:1.8;color:var(--muted);text-align:center;max-width:700px}.album-dialog .dialog-body{padding-top:15px}.noscript-note{max-width:700px;margin:30px auto;text-align:center;color:var(--wine)}
@keyframes reader-open{from{opacity:0;transform:translateY(15px) scale(.99)}to{opacity:1;transform:none}}
@media(min-width:1000px) and (min-height:700px){.top{padding-block:17px}.hero{padding-block:16px 22px}.arch-photo{height:355px}.hero-scene{padding-top:10px}.hero h1{font-size:64px}.hero p{font-size:13px}.featured-grid{padding-top:19px}.memory-card{padding:11px 14px}.memory-card img{height:80px}.memory-card h3{font-size:22px}}
@media(max-width:700px){.brand-names{font-size:19px}.top{padding-block:18px 10px}.hero{display:flex;flex-direction:column;gap:22px;padding:20px 0 24px}.hero-copy{order:2}.hero-scene{order:1;max-width:310px;padding:0 16px;margin:0 auto}.arch-photo{height:265px;width:92%;border-radius:170px 170px 6px 6px}.arch-photo img{object-position:50% 27%}.moon{width:36px;height:36px;right:3px;top:5px}.scene-caption{margin:8px 0 0!important;font-size:11px!important}.eyebrow{font-size:10px}.hero h1{font-size:41px;line-height:1.3;margin:10px 0}.hero h1 br{display:none}.hero p{font-size:12px;max-width:330px}.hero .heart-line{display:none}.hero .begin{margin-top:14px;min-height:46px;font-size:13px}.featured-grid{gap:17px;padding-top:0;padding-inline-start:15px}.featured-grid:before{inset-inline-start:0;width:1px;height:100%;top:0}.memory-card{grid-template-columns:minmax(0,1fr) 68px;padding:11px 12px;gap:2px 10px}.memory-card img{width:68px;height:77px}.memory-card h3{font-size:22px}.memory-card time{font-size:11px}.memory-card:before{top:25px;right:-22px}.memory-card:after{top:32px;right:-15px;height:1px;width:15px}.read-memory{font-size:10px}.featured{margin-bottom:20px}footer{padding-block:13px;gap:8px}footer .brand{font-size:23px}dialog{width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:13px}.dialog-top{padding:10px 15px}.dialog-top h2{font-size:25px}.dialog-close{min-width:78px;font-size:12px}.reader-tools{padding:10px 15px;gap:9px}.reader-tools label{font-size:11px}.reader-tools select{font-size:12px;max-width:74%;padding:8px}.dialog-body{padding:8px 17px 22px}.dialog-body .chapter h2{font-size:29px}.dialog-body .story-body{font-size:21px;line-height:1.9}.dialog-body .chapter blockquote{font-size:23px}.dialog-body .chapter-top{font-size:10px;margin-bottom:13px}.dialog-body .chapter-pictures{max-width:360px}.dialog-body .chapter-pictures img{max-height:320px}.pager-bar{padding:10px 13px;gap:9px}.pager-bar button{font-size:12px;min-height:46px;padding:8px 12px;gap:5px}.pager-progress{font-size:10px;min-width:85px}.album-item img{max-height:calc(100dvh - 235px)}.album-item figcaption{font-size:12px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}

.journey-dialog{width:min(1180px,calc(100% - 32px));height:calc(100dvh - 32px);max-height:calc(100dvh - 32px);background:radial-gradient(ellipse at 80% 8%,#57344538,transparent 50%),#190f20}.journey-dialog .dialog-top{padding-block:10px}.journey-heading{display:flex;gap:18px;align-items:center}.journey-heading span{font:19px Naskh,serif;color:var(--gold)}.journey-intro{text-align:center;padding:9px 15px 12px;border-bottom:1px solid #72574633}.journey-intro p{font:22px/1.5 Naskh,serif;margin:0;color:var(--ink)}.journey-intro small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.journey-viewport{overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable;outline-offset:-4px;background:radial-gradient(circle at 12% 20%,#e6bf8a20 0 1px,transparent 2px),radial-gradient(circle at 78% 60%,#e6bf8a15 0 1px,transparent 2px)}.journey-viewport:focus-visible{outline:2px solid var(--wine)}.journey-canvas{position:relative;max-width:1040px;min-width:0;margin:auto;isolation:isolate}.journey-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.journey-spine{fill:none;stroke:#d6af70;stroke-width:3.5;filter:drop-shadow(0 0 5px #c8996544)}.journey-branch{fill:none;stroke:#bf965c;stroke-width:2}.journey-node{position:absolute;left:calc(50% + var(--bend) * 29px);width:32px;height:32px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid #d5b17a;background:#3d2935;box-shadow:0 0 0 5px #c1996b13;color:#dca8b8}.journey-node svg{width:17px;height:17px;fill:currentColor;stroke:currentColor;stroke-width:.5}.journey-card{position:absolute;width:41%;height:156px;border:1px solid #a17b55;border-radius:15px;background:linear-gradient(135deg,#392432ee,#211727f5);padding:13px 15px;display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:4px 14px;align-content:center;box-shadow:0 9px 35px #0002}.journey-card.left{left:2%}.journey-card.right{right:2%}.journey-card time{font:13px/1.4 Georgia,serif;color:#dba4b5;grid-column:1;direction:ltr;text-align:right;unicode-bidi:isolate}.journey-card h3{font:400 26px/1.45 Naskh,serif;margin:2px 0;grid-column:1;color:var(--ink);text-wrap:balance}.journey-card .journey-open{font-size:11px;color:var(--wine);grid-column:1}.journey-card img,.journey-card .journey-symbol{grid-column:2;grid-row:1/4;width:92px;height:96px;object-fit:cover;border-radius:9px;background:#4b323b}.journey-card .journey-symbol{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#77435644,transparent 70%);color:var(--wine);font:47px Georgia,serif}.journey-card:hover{border-color:var(--wine);background:#422939;box-shadow:0 0 20px #d49bae12}.journey-card:focus-visible{outline:3px solid var(--wine);outline-offset:4px}.journey-future,.journey-origin{position:absolute;inset-inline:0;text-align:center;color:#d7b377;font:25px/1.5 Naskh,serif;pointer-events:none}.journey-future{top:14px}.journey-origin{bottom:14px;font-size:22px}.journey-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:11px 25px;border-top:1px solid #795c4566;background:#291b30}.journey-controls button{min-height:44px;max-width:140px;padding:8px 19px;border-radius:24px;border:1px solid #a8788c;background:#6d3b51;color:#fff2df;font-size:13px}.journey-controls button:last-child{justify-self:end;background:transparent}.journey-controls span{font-size:11px;color:var(--muted);text-align:center}.top nav{gap:25px}.top nav a.active{border-color:var(--wine)}
@media(max-width:900px){.top nav{gap:13px;font-size:12px}.brand{font-size:27px}.journey-dialog{width:calc(100% - 12px);height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.journey-heading{gap:10px}.journey-heading span{font-size:16px}.journey-dialog .dialog-top{padding:10px 12px}.journey-intro{padding:9px 12px}.journey-intro p{font-size:21px}.journey-intro small{font-size:10px}.journey-card{width:40%;height:126px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;padding:10px 11px;border-radius:12px}.journey-card.left{left:2%}.journey-card.right{right:2%}.journey-card h3{font-size:20px;line-height:1.45;width:100%;text-align:right;margin:0}.journey-card time{font-size:11px;width:100%;text-align:right}.journey-card .journey-open{font-size:10px}.journey-card img,.journey-card .journey-symbol{display:none}.journey-node{left:calc(50% + var(--bend) * 10px);width:25px;height:25px;border-width:1.5px;box-shadow:0 0 0 3px #c1996b13}.journey-node svg{width:13px;height:13px}.journey-controls{padding:10px 12px;gap:9px}.journey-controls button{font-size:12px;padding:8px 13px}.journey-controls span{font-size:10px;max-width:120px}.journey-future{font-size:23px}.journey-origin{font-size:20px}}
@media(max-width:370px){.top{gap:10px;padding-inline:16px}.brand{font-size:24px}.top nav{gap:10px;font-size:11px}.journey-card{padding-inline:9px}.journey-card h3{font-size:19px}}


body{padding-bottom:78px}.top nav{gap:16px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:clamp(10px,4vw,40px);padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#170f1df5;border-top:1px solid #af8c5540;backdrop-filter:blur(18px)}.mobile-dock a{font-size:15px;color:#f5e8d3;text-decoration:none;min-height:44px;display:flex;align-items:center}.mobile-dock .dock-add{background:#d49bae;color:#241421;border-radius:28px;padding:0 18px}.shared-link{color:#d49bae}.shared-content{padding:24px;max-width:720px;margin:auto;width:100%;box-sizing:border-box}.shared-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.shared-actions a,.shared-edit{color:#e1b7c6;display:inline-block;padding:12px 0}.shared-actions button{background:transparent;border:1px solid #af8c5570;color:inherit;border-radius:20px;padding:10px 18px;cursor:pointer}.shared-letter{border:1px solid #af8c5540;border-radius:18px;padding:18px;margin:16px 0;background:#291b2b}.shared-letter summary{cursor:pointer;font-size:24px;line-height:1.7}.shared-letter small{color:#d49bae}.shared-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2.1}.shared-letter img,.chapter-copy>img{max-width:100%;max-height:50vh;object-fit:contain;border-radius:12px;display:block;margin:16px auto}.shared-empty{padding:40px 0;color:#e1c7cc}#shared-status{font-size:14px;color:#d0b9bd}#shared-dialog{max-width:900px;width:calc(100% - 24px);height:min(88dvh,900px)}.chapter-copy .shared-edit{font:18px Tahoma,sans-serif}@media(max-width:600px){.mobile-dock{gap:18px}.mobile-dock a{font-size:13px}.top nav{gap:14px}.shared-content{padding:18px}.mobile-dock .dock-add{padding:0 12px}}
.cloud-notice{padding:10px 16px;background:#452a39;color:#f5e8d3;font:13px/1.8 Tahoma,sans-serif;margin:0;overflow-wrap:anywhere}.cloud-notice[hidden]{display:none}.cloud-notice button,.cloud-notice a{font:inherit;color:#f5e8d3;background:transparent;border:1px solid #d49bae70;padding:8px 12px;border-radius:12px;display:inline-block;margin:4px;cursor:pointer}
input,textarea,select{font:inherit;background:#170f1d;color:var(--ink);border:1px solid #946c7d;border-radius:10px;padding:12px;width:100%}label{display:grid;gap:6px;margin:12px 0}textarea{min-height:180px}button{font:inherit;color:var(--ink);background:#6d3b51;border:1px solid #a8788c;border-radius:22px;padding:10px 18px;min-height:44px}form{max-width:640px;margin:auto}.form-page{padding:28px}.form-page h1{font-size:40px}.status{color:var(--wine);min-height:28px}.story-body{white-space:pre-wrap;overflow-wrap:anywhere}.gallery-grid button{padding:0;background:none;border:0}.shared-actions{margin-block:16px}.login{max-width:530px;margin:8vh auto;padding:28px}.login .brand{display:block;text-align:center}.login h1{font-size:38px}.top{flex-wrap:wrap}.top nav{flex-wrap:wrap}.journey-canvas{min-height:400px}dialog .scroll{overflow:auto;padding:22px}dialog.reader{grid-template-rows:auto minmax(0,1fr)}.arch-photo:empty:before{content:'♡';display:grid;place-items:center;height:100%;font-size:90px;color:var(--wine)}[hidden]{display:none!important}@media(max-width:700px){.top nav{gap:12px}.form-page{padding:18px}}