body[data-skin=wildflower],.skin-option[data-skin=wildflower],.presentation-preview[data-skin=wildflower]{--ex-ink:#254b40;--ex-bg:#faf8f0;--ex-panel:#fffdf8;--ex-tint:#e9edde;--ex-accent:#e9ddf3;--ex-line:#cdd7c7;--ex-font:Georgia,serif;--ex-radius:24px}
body[data-skin=golden],.skin-option[data-skin=golden],.presentation-preview[data-skin=golden]{--ex-ink:#624319;--ex-bg:#fbf4e5;--ex-panel:#fffaf0;--ex-tint:#f2dfb4;--ex-accent:#f6d4b5;--ex-line:#d8c6a8;--ex-font:Georgia,serif;--ex-radius:10px}
body[data-skin=morning],.skin-option[data-skin=morning],.presentation-preview[data-skin=morning]{--ex-ink:#243e60;--ex-bg:#f3f7fc;--ex-panel:#fff;--ex-tint:#dfeaf7;--ex-accent:#e0e6ff;--ex-line:#c8d5e7;--ex-font:system-ui,sans-serif;--ex-radius:18px}
body[data-skin]{background:var(--ex-bg);color:var(--ex-ink)}body[data-skin] h1,body[data-skin] h2,body[data-skin] h3,body[data-skin] .wordmark{color:var(--ex-ink);font-family:var(--ex-font)}body[data-skin] a,body[data-skin] .muted{color:var(--ex-ink)}body[data-skin] .sidebar,body[data-skin] .family-home-hero,body[data-skin] .world-hero,body[data-skin] .network-hero,body[data-skin] .world-quote{background:var(--ex-tint);color:var(--ex-ink);border-radius:var(--ex-radius)}body[data-skin] .panel,body[data-skin] .network-card,body[data-skin] .gallery-photo,body[data-skin] dialog{background:var(--ex-panel);color:var(--ex-ink);border-color:var(--ex-line);border-radius:var(--ex-radius)}body[data-skin] .button:not(.secondary),body[data-skin] .child-pill.active{background:var(--ex-ink);color:var(--ex-panel)}body[data-skin] .button.secondary,body[data-skin] .nav a.active{background:var(--ex-tint);color:var(--ex-ink);border-color:var(--ex-line)}body[data-skin] input,body[data-skin] select,body[data-skin] textarea{color:var(--ex-ink);background:var(--ex-panel);border-color:var(--ex-line)}.appearance-settings h2{margin:12px 0}.appearance-settings fieldset{border:0;padding:0;margin:24px 0}.appearance-settings legend{font-weight:650;margin-bottom:12px}.experience-options,.skin-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.experience-option,.skin-option{display:flex;gap:10px;border:1px solid var(--ex-line);padding:18px;border-radius:16px;cursor:pointer}.experience-option:has(:checked),.skin-option:has(:checked){outline:2px solid var(--ex-ink);outline-offset:2px}.appearance-settings input[type=radio]{accent-color:var(--ex-ink);width:20px;height:20px;flex-shrink:0}.appearance-settings strong,.appearance-settings small{display:block}.appearance-settings small{font-size:12px;line-height:1.6;margin-top:6px}.skin-option{background:var(--ex-bg);color:var(--ex-ink)}.swatch{display:flex;gap:5px;margin-bottom:12px}.swatch i{width:24px;height:24px;border-radius:50%;background:var(--ex-ink)}.swatch i:nth-child(2){background:var(--ex-tint);border:1px solid var(--ex-line)}.swatch i:nth-child(3){background:var(--ex-accent)}.preview-heading{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin-bottom:12px}.presentation-preview{background:var(--ex-bg);color:var(--ex-ink);padding:24px;border:1px solid var(--ex-line);border-radius:var(--ex-radius);font-family:var(--ex-font);max-width:950px}.presentation-preview h3{color:var(--ex-ink);font-family:var(--ex-font)}.preview-brand{font-size:26px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ex-line);padding-bottom:12px}.preview-brand small{font:11px system-ui}.preview-intro{margin:22px 0}.preview-memories{display:grid;grid-template-columns:1fr 1.4fr;gap:18px}.preview-picture{background:var(--ex-tint);min-height:170px;border-radius:var(--ex-radius);display:flex;align-items:center;justify-content:center;font-size:45px;gap:15px}.preview-picture span:nth-child(2){color:#a86642;transform:translateY(-20px)}.preview-story,.preview-note{padding:20px;background:var(--ex-panel);border-radius:var(--ex-radius)}.preview-story blockquote{margin:12px 0;font-size:23px}.preview-note{background:var(--ex-accent)}.preview-label{font:11px system-ui;margin:18px 0 0}.presentation-preview[data-mode=storybook] .preview-memories{gap:0;border:1px solid var(--ex-line)}.presentation-preview[data-mode=storybook] .preview-note{grid-column:1/-1}.presentation-preview[data-mode=moments] .preview-story{order:-1;background:var(--ex-accent)}.presentation-preview[data-mode=moments] .preview-story blockquote{font-size:29px;font-weight:750}.presentation-preview[data-mode=threads] .preview-memories{display:block;border-left:3px solid var(--ex-ink);padding-left:20px}.presentation-preview[data-mode=threads] .preview-picture{display:none}.presentation-preview[data-mode=threads] .preview-story,.presentation-preview[data-mode=threads] .preview-note{margin:14px 0}.appearance-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.experience-tools{padding:25px;background:var(--ex-tint);border-radius:var(--ex-radius);margin:25px 0}.experience-tools strong{font:28px var(--ex-font)}.experience-tools p{margin:10px 0 20px}.experience-tools .button{margin:0 10px 5px 0}.story-chapter{grid-column:1/-1;border-top:1px solid var(--ex-line);margin:12px 0}.story-chapter summary{font:26px var(--ex-font);cursor:pointer;min-height:58px;padding:14px 0}.chapter-pages{display:grid;grid-template-columns:1fr;gap:26px;margin:22px 0}.chapter-pages .network-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.chapter-pages .network-card>*{grid-column:2}.chapter-pages .network-card>a:first-of-type{grid-column:1;grid-row:1/8;min-height:300px}.chapter-pages .network-card img{height:100%;object-fit:cover}.moment-words{margin:0;padding:30px;background:var(--ex-accent);font:30px/1.25 var(--ex-font);border-radius:var(--ex-radius) var(--ex-radius) 0 0}.thread-timeline{grid-template-columns:1fr!important;max-width:900px;border-left:2px solid var(--ex-line);padding-left:28px;gap:32px}.thread-timeline .network-card{position:relative}.thread-timeline .network-card::before{content:'';position:absolute;width:15px;height:15px;background:var(--ex-ink);border:4px solid var(--ex-bg);border-radius:50%;left:-37px;top:30px}.thread-links{padding:18px;background:var(--ex-accent);display:flex;gap:12px;flex-wrap:wrap}.thread-links a{font-size:13px;font-weight:650}body[data-mode=storybook] .route-moment .story-text{font:22px/1.8 var(--ex-font)}body[data-mode=moments] .network-card{box-shadow:0 5px 25px #203a3010}body[data-mode=threads] .network-card{box-shadow:none}.mobile-experience-nav{display:none}
@media(max-width:700px){.experience-options,.skin-options{grid-template-columns:1fr}.preview-memories{grid-template-columns:1fr}.preview-brand{font-size:23px}.preview-heading{display:block}.chapter-pages .network-card{display:block}.thread-timeline{padding-left:20px}.thread-timeline .network-card::before{left:-29px}.mobile-experience-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;align-items:center;gap:5px;padding:10px 7px max(10px,env(safe-area-inset-bottom));background:var(--ex-panel);border-top:1px solid var(--ex-line)}.mobile-experience-nav a{font:12px system-ui;padding:12px 4px;min-height:44px;text-decoration:none}.mobile-experience-nav button{width:52px;height:52px;background:var(--ex-ink);color:var(--ex-panel);font-size:28px;border:0;border-radius:18px}.shell .sidebar .nav{display:none}.shell .topbar{padding:12px 20px}.shell .content{padding-bottom:95px}.family-home-hero,.world-hero,.network-hero{padding:25px!important}.family-home-hero h1,.world-hero h1,.network-hero h1{font-size:36px!important}.appearance-settings{padding:20px!important}.appearance-settings h2{font-size:27px}.preview-heading span{font-size:12px}.experience-tools strong{font-size:25px}}

@media(min-width:701px){body[data-mode=storybook] .route-moment .detail-body{max-width:760px;margin:35px auto;padding:35px;border-left:1px solid var(--ex-line);border-right:1px solid var(--ex-line)}body[data-mode=threads] .route-moment .detail-body{border-left:2px solid var(--ex-line);padding-left:28px}}

@media(min-width:701px){.chapter-pages .with-video .network-video{grid-column:1;grid-row:1/8;min-height:300px}.chapter-pages .network-post-body{padding:28px}}
body[data-skin] .network-post-head strong,body[data-skin] .network-post-head span,body[data-skin] .network-post-body p,body[data-skin] .gallery-caption strong{color:var(--ex-ink)}
