*{box-sizing:border-box}body{margin:0}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0}svg{vertical-align:middle}
/* A life read in perspective: charcoal, silver, warm paper, and one door of light. */
:root{color-scheme:dark;--paper:#11100e;--ink:#e9e7df;--muted:#a5a59b;--line:#302f2d;--purple:#c1b18f;--serif:"Songti SC","Noto Serif SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{background:#080909;color:var(--ink)}::selection{color:#fff;background:#655c46}a:focus-visible,button:focus-visible{outline:2px solid #d2c4a8;outline-offset:5px}
.life-landing{background:#080909;color:#efede8;overflow-x:clip}.life-stage{position:relative;isolation:isolate;min-height:680px;height:100svh;max-height:1180px;background:#050505;overflow:hidden}.cinema-plate{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#050505}.cinema-video{position:absolute;left:22%;top:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.cinema-plate:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505d4 15%,#05050566 38%,transparent 62%),linear-gradient(0deg,#050505 0%,#05050599 12%,transparent 35%,transparent 82%,#05050550 100%)}
.portal-fallback{position:absolute;inset:0}.portal-door{position:absolute;left:67%;top:30%;height:44%;width:10%;background:#e9e8e2;border:3px double #8b877f;box-shadow:0 0 80px #ffffff0b}.portal-person{position:absolute;top:68%;left:71.6%;width:8px;height:40px;background:#242421;border-radius:45% 45% 20% 20%}.portal-person:before{content:"";position:absolute;top:-7px;left:1px;width:6px;height:7px;border-radius:50%;background:#242421}.cinema-toggle{position:absolute;right:5.4%;bottom:99px;display:flex;gap:8px;align-items:center;color:#a5a39e;font-size:10px;z-index:2;padding:10px 0}.cinema-toggle:hover{color:#fff}
.life-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:30px 5.4%;z-index:5}.life-brand{display:flex;gap:13px;align-items:center}.life-brand>svg{color:#d1cec5}.life-brand>span{font-size:18px;letter-spacing:3px;font-family:var(--serif);line-height:1.25}.life-brand small{display:block;font:8px var(--sans);letter-spacing:3px;color:#93938b;margin-top:7px}.life-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:34px;color:#a8a8a3;font-size:12px}.life-links a:hover,.life-ghost:hover{color:#fff}.life-pill{display:inline-flex;gap:23px;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;border-radius:999px;background:#f2f0ea;color:#181715;font-size:13px;line-height:1.6;transition:background .2s,transform .2s;white-space:nowrap}.life-pill:hover{background:white;transform:translateY(-2px)}.nav-pill{min-height:40px;padding:10px 21px;gap:16px;font-size:11px}.life-menu-button{display:none}.life-intro{position:absolute;left:6%;top:26%;z-index:1}.life-overline{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;color:#afab9f;margin-bottom:29px}.life-overline>span{width:17px;height:1px;background:#a79c81}.life-intro h1{font-family:var(--serif);font-size:clamp(45px,4.65vw,78px);font-weight:400;line-height:1.48;letter-spacing:.07em;color:#f1efea}.life-intro h1>span{color:#cfcec7}.life-subtitle{font-size:13px;color:#a5a49f;line-height:2.05;margin-top:28px;letter-spacing:.04em}.phone-break{display:none}.life-hero-actions{display:flex;gap:30px;align-items:center;margin-top:35px}.life-ghost{display:flex;gap:8px;align-items:center;font-size:12px;color:#cdcac2}.life-private{display:flex;gap:7px;align-items:center;margin-top:23px;color:#898981;font-size:10px;letter-spacing:.05em}.life-stage-foot{position:absolute;bottom:0;left:5.4%;right:5.4%;height:86px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff1c}.life-scroll{display:flex;gap:12px;align-items:center;font-size:10px;color:#96968e}.life-scroll:hover{color:white}.life-chapters{display:flex;gap:15px;align-items:center;color:#86857f;font-family:var(--serif);font-size:12px;letter-spacing:2px}.life-chapters i{height:1px;width:42px;background:#545351}.life-chapters .chapter-now{color:#e8e4d9}.life-frame-index{color:#85857c;font-size:10px;letter-spacing:2px}
.life-section{max-width:1480px;margin:auto;padding:95px 6% 88px;scroll-margin-top:20px}.life-section-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:2px;color:#98988e;border-bottom:1px solid #2a2a25;padding-bottom:23px}.life-section-label>span:last-child{font-size:8px;letter-spacing:2.4px;color:#757472}.life-section h2{font-family:var(--serif);font-size:clamp(29px,2.8vw,45px);font-weight:400;line-height:1.75;letter-spacing:.04em}.life-section h2 span{color:#aaa99e}.life-story-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin-top:56px}.life-story-heading>p,.life-perspective-copy>p{font-size:13px;line-height:2.25;color:#a0a095}.life-thread{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:65px;gap:34px}.thread-marker{display:flex;gap:20px;align-items:center;margin-bottom:26px;color:#b5a783;font-size:15px;font-family:Georgia,serif}.thread-marker i{flex:1;height:1px;background:#34342c}.life-thread-item small{font-size:10px;letter-spacing:3px;color:#929287}.life-thread-item h3{font-family:var(--serif);font-weight:400;font-size:22px;letter-spacing:1px;margin-top:9px}.life-thread-item p{font-size:12px;color:#9b9385;line-height:1.95;margin-top:13px;max-width:225px}.life-margin-note{text-align:right;color:#676664;font-family:var(--serif);font-size:13px;margin-top:44px;letter-spacing:2px}
.life-perspective{max-width:none;background:#131210;border-top:1px solid #22211f;border-bottom:1px solid #22211f;padding-left:max(6%,calc((100% - 1302px)/2));padding-right:max(6%,calc((100% - 1302px)/2))}.life-perspective-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:85px;align-items:center;margin-top:56px}.life-perspective-copy>p{margin-top:25px}.life-perspective-copy .life-small-note{font-size:10px;color:#90887a;margin-top:32px}.life-example{position:relative;background:#191816;border:1px solid #3b3b31;padding:30px 32px;color:#d1d0c4;box-shadow:9px 9px 0 -1px #131210,9px 9px 0 0 #282725}.example-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#d3ccb7;letter-spacing:1px}.example-head small{font-size:9px;letter-spacing:0;color:#948c7e}.example-events{margin:25px 0 20px}.example-events>div{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid #2f2e2c;font-size:11px;line-height:1.85}.example-events time{font:10px/2.1 ui-monospace,monospace;color:#938b7d;flex-shrink:0}.perspective-switch{display:flex;gap:20px;border-bottom:1px solid #373634}.perspective-switch button{color:#958d7f;font-size:11px;padding:10px 0 12px;border-bottom:1px solid transparent;position:relative;bottom:-1px}.perspective-switch button[aria-pressed=true]{color:#e4dcc6;border-color:#c2b290}.example-reading{min-height:145px;padding-top:20px}.example-reading>span{font-size:9px;color:#b9ad8e;letter-spacing:1px}.example-reading>p{font-family:var(--serif);font-size:15px;line-height:2;margin-top:10px;color:#d3d2c8}.example-note{font-size:9px;color:#9d9587;line-height:1.9;margin-top:10px}
.life-how-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:56px;align-items:start}.life-how ol{margin:0;padding:0;list-style:none}.life-how li{display:flex;gap:26px;border-bottom:1px solid #2a2927;padding:21px 0}.life-how li:first-child{padding-top:8px}.life-how li>span{font:11px/2 ui-monospace,monospace;color:#9e987f}.life-how li h3{font-weight:400;font-size:15px;letter-spacing:1px}.life-how li p{font-size:12px;color:#9a9284;margin-top:7px;line-height:1.9}.life-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #292826;padding-top:44px;margin-top:70px}.life-closing>p{font-family:var(--serif);font-size:23px;line-height:1.8;letter-spacing:1px}.life-closing>p span{display:block;font-size:16px;color:#a29a8c}.life-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 6%;padding:30px 0 40px;border-top:1px solid #2d2c2a;font-size:10px;color:#958d7f}.footer-brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:15px;letter-spacing:2px;color:#c1c0b5}.footer-brand svg{width:20px;height:26px}.skip-link{position:absolute;top:-80px;left:20px;z-index:99;background:#eee9de;color:#111;padding:12px}.skip-link:focus{top:12px}
@media(prefers-reduced-motion:no-preference){.life-intro{animation:life-rise 1s .1s both}.life-header{animation:life-rise .8s both}.life-stage-foot{animation:life-fade 1.4s .4s both}@keyframes life-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes life-fade{from{opacity:0}to{opacity:1}}}

/* Private archive: the same palette, with a quieter reading surface. */
.app-shell{background:#12110f;min-height:100vh}.sidebar{background:#0e0d0b;border-color:#2d2c2a}.brandmark{background:none;border:1px solid #605f5d;color:#d6d1bd;border-radius:2px}.brand>span:last-child{font-size:22px;font-weight:400;color:#e6e3d8}.brand small{color:#999183;font-size:8px;letter-spacing:2px}.sidebar-label{color:#9e9688}.sidebar nav button{color:#ada597;border-radius:3px;font-size:13px}.sidebar nav button.active{background:#282725;color:#e4dfcc;box-shadow:inset 2px 0 #c4b48c;font-weight:400}.sidebar nav button:hover{background:#201f1d}.sidebar-note{color:#ada597}.sidebar-note p{color:#babaaa;font-size:17px}.sidebar-note small{color:#989082}.sketch-flower{color:#9c9b83;font-size:33px}.sidebar-help{color:#a39b8d}.sidebar-user strong{color:#dcd4c6}.sidebar-user>svg{color:#a8a092}.user-avatar,.top-avatar{background:#343331;color:#cecdb5}.topbar{background:#12110feb;border-color:#2d2c2a}.breadcrumb{color:#999183}.breadcrumb strong{color:#cecebc}.topbar-actions .search-trigger{color:#aca496}.button{background:#22211f;border-color:#454442;color:#d8d0c2;border-radius:4px}.button:hover:not(:disabled){background:#2e2d2b}.button.primary{color:#181715;background:#dad3bd;border-color:#dad3bd}.button.primary:hover:not(:disabled){background:#ebe6d6}.button.subtle{color:#b9b1a3}.button.danger{background:#8b4940;border-color:#8b4940}.button.danger-text{color:#e0a18e}.icon-button{color:#aaa294}.icon-button:hover{background:#32312f}.content{padding-top:30px}.eyebrow{color:#b0ad96}.welcome{position:relative;isolation:isolate;display:block;min-height:355px;padding:45px 35px;margin:0 0 28px;overflow:hidden;border:1px solid #353432;background:#050505}.welcome>.welcome-copy{position:relative;z-index:1;max-width:65%}.welcome h1{font-size:40px;color:#eeece4;font-weight:400;letter-spacing:2px}.welcome em{color:#ceccba}.greeting{color:#b4ac9e;font-size:11px}.welcome-description{color:#b4ac9e;font-size:12px;line-height:2}.welcome .cinema-video{left:30%;width:100%;object-position:center}.welcome .cinema-plate:after{background:linear-gradient(90deg,#050505,#050505b3 45%,transparent 85%),linear-gradient(0deg,#050505 0%,transparent 50%,#05050577 100%)}.welcome .cinema-toggle{bottom:12px;right:18px;font-size:8px}.welcome .portal-door{left:74%;height:55%;top:20%;width:13%}.welcome .portal-person{left:80%;top:66%}.archive-date{display:flex;gap:20px;align-items:center;font-size:10px;color:#aca496;letter-spacing:2px;border-bottom:1px solid #343331;padding:0 0 13px;margin-bottom:25px}.archive-date>span:last-child{margin-left:auto}.stat-row{border-color:#343331}.stat-row>div{border-color:#343331}.stat-row div>span{color:#aaa294}.stat-row strong{color:#e2decb}.stat-row strong small{color:#aaa294}.stat-row>p{color:#a69e90}.panel{background:#1a1917;border-color:#363533;border-radius:5px}.section-heading h2{color:#e1dfd1;font-weight:400}.hint,.entry-top,.entry-meta,.page-title p,.settings-panel p,.empty-state p{color:#ada597}.composer textarea{color:#e5e5d6}.composer-footer{border-color:#363533}.category-pills button{color:#ada597;border-color:#403f3d;background:transparent;border-radius:3px}.category-pills button.selected{background:#31302e;border-color:#636260;color:#dfdfc4}.quick-mood>span{color:#ada597}.quick-mood button{border-color:#4a4947;color:#c2baac}.quick-mood button.selected{background:#3f3e3c;border-color:#b1a57f;color:#f0e0ab}.reflection-card{background:#21201e;border-color:#464543;border-radius:5px}.reflection-card>.eyebrow{color:#b9b08a}.reflection-card>svg{color:#a99c76}.reflection-card h2{color:#d9cfb0;font-size:23px}.reflection-card button{color:#c4c3a8;font-size:11px}.reflection-card button>span{color:#a6a484}.reflection-card>p{color:#a39b8d}.empty-state{background:#191816;border-color:#4e4d4b;border-radius:5px}.empty-icon{background:#302f2d;color:#c9c1b3}.empty-state h3{color:#cdc5b7}.entry-card{background:#1b1a18;border-color:#3b3a38;border-radius:4px}.entry-card:hover{border-color:#767573;background:#22211f}.entry-card p{color:#b5ad9f}.entry-card h3{color:#e2dacc}.entry-top,.entry-meta{color:#a69e90}.entry-arrow{color:#a39b8d}.tone-0,.tone-1,.tone-2,.tone-3{background:#343331;color:#bfb7a9}.mood-tag{background:#32312f;color:#c2baac}.page-footer{color:#9f9789}.page-footer>button{color:#b0a89a}.page-title h1{color:#dfdfca}.timeline-day-label h2{color:#c8c0b2}.timeline-day-label small{color:#aba395}.timeline{border-color:#4d4c4a}.timeline-dot{background:#c5bdaf;outline-color:#6b6a68}.search-input{background:#1e1d1b;border-color:#41403e;color:#aba395}.search-input input{background:transparent}.filter-row label,.filter-row>.hint{color:#afa799}.filter-row select,.filter-row input{background:#272624;color:#c9c1b3}.topic-row{color:#bcb4a6}.topic-row>div{background:#2f2e2c}.topic-row i{background:#a8a092}.mood-bar-area{background:#2b2a28}.mood-bar-area i{background:#b1a984}.mood-chart small,.mood-chart strong{color:#b0a89a}.chart-empty{color:#b4ac9e}.insight-card{border-color:#484745;background:#232220}.insight-card h3{color:#d8d0c2}.insight-card>p{color:#bab2a4}.insight-question{color:#c6beb0;border-color:#4d4c4a}.badge,.badge.green,.badge.lavender{background:#383735;color:#c6beb0}.soft-note,.decision-note{background:#262523;color:#c5bdaf}.text-button{color:#c4bcae}.decision-process{background:#21201e;border-color:#464543;color:#c7bfb1}.decision-card{background:#201f1d;border-color:#42413f;color:#ded6c8}.decision-card p,.decision-card-bottom,.decision-note p{color:#b8b0a2}.review-due{color:#e0bf80}.settings-panel .switch-row small,.settings-panel label{color:#b7afa1}input:not([type=checkbox]),textarea,select{background:#1a1917;color:#e6ded0;border-color:#4b4a48}input:focus,textarea:focus,select:focus{border-color:#b9b18d;box-shadow:0 0 0 3px #aba27d22}input::placeholder,textarea::placeholder{color:#a79f91}.form-body label,.field{color:#c7bfb1}.modal{background:#1b1a18;border-color:#4a4947}.modal-head{border-color:#41403e}.modal-head h2{color:#e6ded0}.modal-head p{color:#b6aea0}.form-body label input,.form-body label textarea,.form-body label select{background:#161513;color:#e5ddcf}.modal-actions{border-color:#3d3c3a}.help-item p,.help-item strong{color:#c4bcae}.help-item h3{color:#e6ded0}.help-item{border-color:#3c3b39}.capture-action{background:#292826;border-color:#4b4a48;color:#dcd4c6;border-radius:4px}.capture-action.voice{background:#31302e;border-color:#646361}.capture-action small{color:#c0b8aa}.capture-hint,.capture-status{color:#b6aea0!important}.capture-status{background:#282725}.attachment-card{background:#21201e;border-color:#4b4a48}.attachment-name>span{background:#3b3a38;color:#cdc5b7}.attachment-links,.attachment-links small,.document-preview{color:#c0b8aa}.attachment-card img,.attachment-card video{background:#12110f}.entry-details summary{color:#c5bdaf}.entry-details summary span{color:#aca496}.import-types>span,.evidence-panel{background:#282725;color:#bfb7a9}.evidence-list button,.import-preview>div{background:#272624;color:#cec6b8;border-color:#484745}.demo-banner,.reminder{background:#353432;color:#d6cec0;border-color:#52514f}.error-banner{background:#432b22;color:#f2c4ae}.toast{background:#d7d6bb;color:#22211f}.mobile-nav{background:#141311;border-color:#3f3e3c}.mobile-nav button{color:#b0a89a}.mobile-nav button.active{color:#e2dfbf}.photo-upload{background:#282725}.mood-options button{background:#22211f;border-color:#51504e;color:#bfb7a9}.mood-options button.selected{background:#3b3a38;color:#dfddb3;border-color:#9a9284}
@media(min-width:1700px){.life-intro{left:max(6%,calc((100vw - 1490px)/2))}.life-links{gap:44px}.life-subtitle{font-size:15px}}
@media(max-width:1100px){.life-stage{min-height:690px}.life-links{gap:23px}.life-intro{top:27%}.life-intro h1{font-size:49px}.life-overline{font-size:9px;letter-spacing:2px}.life-subtitle{font-size:12px}.life-chapters i{width:23px}.life-chapters{gap:11px}.life-story-heading,.life-how-grid{gap:35px}.life-perspective-grid{gap:35px}.life-example{padding:25px}.life-thread{gap:22px}.welcome h1{font-size:34px}.welcome{min-height:330px;padding:35px 24px}.welcome>.welcome-copy{max-width:75%}}
@media(max-width:760px){.life-stage{min-height:780px;max-height:none;height:100svh}.life-header{padding:24px 23px}.life-brand>span{font-size:17px}.life-brand svg{width:24px;height:30px}.life-brand small{font-size:7px}.life-links,.nav-pill{display:none}.life-menu-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffffff40;border-radius:50%;color:#e1dfd7;background:#11111199;backdrop-filter:blur(10px)}.life-mobile-menu{position:absolute;z-index:4;inset:88px 16px auto;background:#141311f5;border:1px solid #434240;padding:20px 24px;display:flex;flex-direction:column;gap:0;backdrop-filter:blur(20px)}.life-mobile-menu>a:not(.life-pill){display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:17px 0;border-bottom:1px solid #343331}.life-mobile-menu .life-pill{margin-top:24px}.life-mobile-menu svg{width:16px}.life-intro{left:26px;right:20px;top:19%}.life-overline{font-size:9px;letter-spacing:1.3px;margin-bottom:23px}.life-intro h1{font-size:clamp(32px,8.4vw,54px);line-height:1.6;letter-spacing:.03em}.life-subtitle{font-size:12px;line-height:2.1;margin-top:19px;color:#c0bfb6;max-width:410px}.phone-break{display:block}.life-hero-actions{gap:19px;flex-wrap:wrap;margin-top:24px}.life-pill{font-size:12px;padding:12px 19px;min-height:45px;gap:20px}.life-ghost{font-size:10px;gap:4px}.life-private{margin-top:17px;font-size:9px;color:#b0b0a4}.cinema-video{left:0;top:12%;width:100%;height:100%;object-position:53% center}.cinema-plate:after{background:linear-gradient(180deg,#050505 0%,#050505cc 25%,#05050599 45%,transparent 72%,#050505 96%),linear-gradient(90deg,#05050566,transparent 70%)}.portal-door{left:57%;top:54%;width:17%;height:30%}.portal-person{left:65%;top:78%}.cinema-toggle{bottom:115px;right:23px;font-size:9px;color:#c8c7bd}.life-stage-foot{height:88px;left:25px;right:25px;align-items:start;padding-top:24px}.life-scroll{font-size:9px}.life-chapters{position:absolute;top:-55px;left:0;right:0;justify-content:center;gap:9px;font-size:10px;letter-spacing:1px}.life-chapters i{width:25px;background:#7c7b7155}.life-frame-index{font-size:9px;letter-spacing:1px}.life-section{padding:58px 25px}.life-section-label{font-size:9px;letter-spacing:1px;padding-bottom:19px}.life-section-label>span:last-child{font-size:6px;letter-spacing:1px;text-align:right;max-width:150px}.life-section h2{font-size:29px;line-height:1.8;letter-spacing:.01em}.life-story-heading,.life-perspective-grid,.life-how-grid{grid-template-columns:1fr;gap:27px;margin-top:33px}.life-story-heading>p,.life-perspective-copy>p{font-size:12px;line-height:2.1}.life-thread{grid-template-columns:1fr 1fr;gap:35px 22px;margin-top:38px}.thread-marker{margin-bottom:17px;gap:12px;font-size:14px}.life-thread-item h3{font-size:19px;letter-spacing:.5px}.life-thread-item p{font-size:11px;line-height:2}.life-margin-note{font-size:11px;margin-top:35px;letter-spacing:1px}.life-example{padding:23px 20px}.example-head{font-size:11px;letter-spacing:0}.example-head small{font-size:8px}.example-events>div{font-size:10px;gap:13px}.example-reading{min-height:159px}.example-reading>p{font-size:15px}.life-perspective-copy .life-small-note{font-size:10px;margin-top:22px}.life-how li{gap:22px}.life-how li p{font-size:11px}.life-closing{align-items:start;flex-direction:column;margin-top:45px;padding-top:29px;gap:24px}.life-closing>p{font-size:22px}.life-closing>p span{font-size:15px}.life-footer{margin:0 25px;flex-wrap:wrap;gap:17px;padding:28px 0 30px;font-size:9px}.life-footer>p{order:3;width:100%}.footer-brand{font-size:14px}.welcome{min-height:320px;margin:0 0 20px;padding:27px 22px}.welcome>.welcome-copy{max-width:none}.welcome h1{font-size:27px;letter-spacing:.5px;max-width:none}.welcome-description{max-width:none;font-size:11px;color:#c8c0b2}.welcome .cinema-video{left:28%;top:0;height:100%}.welcome .cinema-plate:after{background:linear-gradient(90deg,#050505,#050505b3 50%,#05050544),linear-gradient(0deg,#050505,transparent 50%)}.welcome .cinema-toggle{bottom:6px;font-size:8px}.archive-date{font-size:9px;gap:8px;margin-bottom:20px;letter-spacing:.7px}.sidebar nav button{font-size:12px}.topbar{background:#131210f5}.top-avatar{background:#343331}.content{padding-top:21px}.capture-action{padding:13px 9px}.capture-action strong{font-size:12px}.page-title h1{font-size:26px}.insight-summary,.settings-grid{grid-template-columns:1fr}.stat-row>p{color:#b5ad9f}}
@media(max-width:370px){.life-stage{min-height:820px}.life-intro h1{font-size:30px}.life-hero-actions{gap:18px}.life-ghost{width:100%;font-size:11px}.life-private{margin-top:18px}.life-chapters{gap:7px}.life-chapters i{width:16px}.example-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.life-pill{transition:none}.life-intro,.life-header,.life-stage-foot{animation:none}}
@media(max-width:760px){.life-stage .cinema-video{top:35%;height:68%;object-position:36% center}.life-stage .cinema-plate:after{background:linear-gradient(180deg,#050505 0%,#050505eb 31%,#05050577 49%,transparent 75%,#050505 98%),linear-gradient(90deg,#05050580,transparent 85%)}.life-stage .cinema-toggle{right:auto;left:26px;bottom:127px}.life-stage-foot{height:100px;padding-top:20px}.life-chapters{top:58px;font-size:9px;justify-content:space-between;gap:6px}.life-chapters i{width:20px}.life-stage .portal-door{top:57%;left:65%;height:29%;width:22%}.life-stage .portal-person{top:81%;left:75%}}
@media(max-width:760px){.life-stage .cinema-video{top:48%;height:48%}}

@media(max-width:760px){.welcome .cinema-plate:after{background:linear-gradient(90deg,#050505,#050505b3 50%,#050505c4),linear-gradient(0deg,#050505,transparent 50%)}}

[hidden]{display:none!important}.life-stage button{color:#c3bfb4}.life-menu-button{font-size:20px}.life-footer{flex-wrap:wrap}.life-intro h1{margin:0}.life-mobile-menu a{color:#e7e0d0}