:root{--ink:#23372f;--ink-soft:#64736c;--forest:#2f5b49;--forest-dark:#213f34;--sage:#dbe6d8;--sage-pale:#eef3e9;--cream:#f7f2e9;--cream-deep:#ebe1d1;--paper:#fffdf8;--coral:#dc7658;--coral-dark:#bd5d43;--gold:#c49a58;--purple:#75668f;--line:rgba(35,55,47,0.12);--shadow:0 24px 70px rgba(39,52,45,0.11);--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Sans","Yu Gothic","Noto Sans JP",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-width:320px}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea{color:inherit;font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(220,118,88,.6);outline-offset:3px}h1,h2,h3,p{margin-top:0}.dashboard-bottom-grid>*,.family-hero-card>*,.feature-grid>*,.hero>*,.member-grid>*,.price-section>*,.question-panel>*,.record-layout>*,.safety-card>*,.story-card>*,.story-grid>*,.story-section>*{min-width:0}.brand{display:inline-flex;align-items:center;gap:11px;width:-moz-fit-content;width:fit-content}.brand-mark{position:relative;display:block;width:34px;height:34px}.brand-mark span{position:absolute;display:block;width:14px;height:25px;border-radius:50% 50% 45% 45%;background:var(--coral);transform-origin:bottom center}.brand-mark span:first-child{left:2px;top:4px;transform:rotate(-32deg)}.brand-mark span:nth-child(2){left:10px;top:1px;background:var(--forest)}.brand-mark span:nth-child(3){right:1px;top:6px;background:var(--gold);transform:rotate(32deg)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-family:var(--serif);font-size:23px;letter-spacing:.07em}.brand-copy small{margin-top:5px;color:var(--ink-soft);font-size:9px;letter-spacing:.12em}.eyebrow{display:block;color:var(--coral);font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--forest);box-shadow:0 12px 26px rgba(47,91,73,.2)}.button.primary:hover{background:var(--forest-dark)}.button.ghost,.button.secondary{border-color:var(--line);background:rgba(255,255,255,.56)}.button.coral{color:#fff;background:var(--coral)}.button.light{color:var(--forest);background:#fff}.button.compact{min-height:42px;padding:0 18px;font-size:12px}.small-button{min-height:38px;padding:0 19px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--forest);font-size:12px;font-weight:800}.landing{overflow:hidden;background:var(--cream)}.landing-header{position:relative;z-index:4;display:grid;max-width:1220px;height:88px;margin:0 auto;padding:0 28px;grid-template-columns:1fr auto 1fr;align-items:center}.landing-header nav{display:flex;gap:34px;color:#52645c;font-size:12px;font-weight:650}.landing-header>.button{justify-self:end}.hero{display:grid;max-width:1220px;min-height:680px;margin:0 auto;padding:52px 28px 92px;grid-template-columns:.86fr 1.14fr;align-items:center;grid-gap:74px;gap:74px}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:20px 0 24px;font-family:var(--serif);font-size:clamp(48px,5vw,76px);font-weight:600;line-height:1.28;letter-spacing:.03em}.hero-copy>p{color:#596a62;font-family:var(--serif);font-size:16px;line-height:2}.hero-actions{display:flex;margin-top:35px;gap:12px}.hero-trust{align-items:center;margin-top:34px;gap:13px}.hero-trust,.stacked-avatars{display:flex}.stacked-avatars i{display:grid;width:31px;height:31px;margin-left:-7px;border:2px solid var(--cream);border-radius:50%;place-items:center;color:#fff;background:var(--coral);font-size:10px;font-style:normal}.stacked-avatars i:first-child{margin-left:0}.stacked-avatars i:nth-child(2){background:var(--forest)}.stacked-avatars i:nth-child(3){background:var(--gold)}.hero-trust>span:last-child{display:flex;flex-direction:column;gap:3px}.hero-trust strong{font-size:11px}.hero-trust small{color:var(--ink-soft);font-size:9px}.hero-visual{position:relative;min-height:530px;isolation:isolate}.hero-visual:before{position:absolute;z-index:-1;top:-90px;right:-180px;width:590px;height:590px;border-radius:50%;background:#e4eadb;content:""}.hero-photo{position:absolute;inset:0 0 28px 20px;overflow:hidden;border:11px solid rgba(255,255,255,.67);border-radius:52% 48% 45% 55%/37% 37% 63% 63%;background:var(--sage-pale);box-shadow:var(--shadow)}.hero-photo:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(26,45,37,.1));content:"";pointer-events:none}.hero-photo img{object-fit:cover;object-position:center}.voice-card{position:absolute;z-index:2;right:-38px;bottom:36px;width:285px;padding:17px 19px;border:1px solid rgba(255,255,255,.84);border-radius:18px;background:rgba(255,253,248,.92);box-shadow:0 18px 50px rgba(36,53,45,.17);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.voice-card-top{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750}.voice-card-top small{margin-left:auto;color:var(--ink-soft)}.record-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(220,118,88,.13)}.big-waveform,.waveform{display:flex;height:42px;align-items:center;gap:3px}.big-waveform i,.waveform i{display:block;width:3px;border-radius:99px;background:var(--forest);opacity:.62}.voice-card p{margin:3px 0 0;color:#596860;font-family:var(--serif);font-size:11px;line-height:1.6}.memory-note{position:absolute;left:-12px;bottom:2px;display:flex;max-width:245px;align-items:center;gap:12px;padding:13px 17px;border-radius:12px;background:var(--forest);color:#fff;box-shadow:0 14px 34px rgba(36,61,50,.24)}.memory-note span{color:#f0bd8f;font-family:var(--serif);font-size:22px}.memory-note strong{font-family:var(--serif);font-size:11px;line-height:1.55}.principle-strip{position:relative;z-index:3;display:flex;min-height:76px;align-items:center;justify-content:center;gap:34px;color:#fff;background:var(--forest-dark);font-family:var(--serif);font-size:13px;letter-spacing:.08em}.principle-strip i{width:3px;height:3px;border-radius:50%;background:#dcb073}.how-section{max-width:1160px;margin:0 auto;padding:120px 28px 130px}.section-heading{max-width:650px;margin:0 auto 65px;text-align:center}.price-section h2,.section-heading h2,.story-section h2{margin:18px 0;font-family:var(--serif);font-size:clamp(33px,4vw,50px);font-weight:500;line-height:1.45}.section-heading p,.story-section-copy>p{color:var(--ink-soft);font-size:13px;line-height:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.feature-grid article{position:relative;padding:28px;border:1px solid rgba(35,55,47,.08);border-radius:28px;background:rgba(255,253,248,.72)}.feature-number{color:var(--coral);font-family:var(--serif);font-size:18px}.feature-art{position:relative;height:170px;margin:20px -2px 26px;overflow:hidden;border-radius:21px;background:var(--sage-pale)}.feature-art b,.feature-art i,.feature-art span{position:absolute;display:block}.art-01 span{left:calc(50% - 35px);bottom:27px;width:70px;height:112px;border:6px solid var(--ink);border-radius:16px;background:#fff}.art-01 i{left:calc(50% - 15px);bottom:44px;height:30px;background:var(--coral);box-shadow:0 0 0 10px #f4d5cc}.art-01 b,.art-01 i{width:30px;border-radius:50%}.art-01 b{left:48px;top:50px;height:55px;border-bottom:3px solid var(--gold);transform:rotate(-22deg)}.art-02 span{inset:28px 47px;border-radius:8px;background:#fff;box-shadow:0 9px 20px rgba(35,55,47,.1);transform:rotate(-4deg)}.art-02 span:after{position:absolute;inset:25px 18px;background:repeating-linear-gradient(to bottom,var(--line) 0,var(--line) 2px,transparent 2px,transparent 13px);content:""}.art-02 i{top:49px;right:45px;width:45px;height:11px;border-radius:10px;background:var(--coral);transform:rotate(24deg)}.art-03 b,.art-03 i,.art-03 span{top:50%;width:54px;height:54px;border:5px solid #fff;border-radius:50%;background:var(--forest);box-shadow:0 8px 18px rgba(35,55,47,.15)}.art-03 span{left:28%}.art-03 i,.art-03 span{transform:translate(-50%,-50%)}.art-03 i{left:50%;background:var(--coral)}.art-03 b{left:72%;background:var(--gold);transform:translate(-50%,-50%)}.feature-grid h3{margin-bottom:12px;font-family:var(--serif);font-size:19px;font-weight:650}.feature-grid p{margin:0;color:var(--ink-soft);font-size:12px;line-height:1.9}.story-section{display:grid;max-width:1160px;min-height:620px;margin:0 auto 130px;padding:28px;grid-template-columns:1.05fr .95fr;align-items:center;grid-gap:78px;gap:78px}.story-photo{position:relative;min-height:540px;overflow:hidden;border-radius:46% 54% 53% 47%/36% 41% 59% 64%;background:var(--sage-pale);box-shadow:var(--shadow)}.story-photo img{object-fit:cover;object-position:58% center}.story-section-copy{padding-right:30px}.story-section-copy blockquote{margin:30px 0 0;padding:22px 0 0 24px;border-top:1px solid var(--line);border-left:3px solid var(--coral);font-family:var(--serif);font-size:16px;line-height:1.8}.story-section-copy blockquote small{display:block;margin-top:8px;color:var(--ink-soft);font-family:var(--sans);font-size:10px}.price-section{display:flex;max-width:1100px;min-height:320px;margin:0 auto 110px;padding:58px 66px;align-items:center;justify-content:space-between;gap:50px;border-radius:36px;color:#fff;background:var(--forest)}.price-section h2{margin:14px 0;font-size:38px}.price-section p{max-width:620px;margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.9}.landing-footer{display:flex;max-width:1180px;min-height:100px;margin:0 auto;padding:0 28px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--ink-soft);font-size:9px}.landing-footer>div{display:flex;gap:20px}.app-frame{min-height:100vh;background:#f8f5ef}.side-nav{position:fixed;z-index:10;top:0;bottom:0;left:0;width:238px;padding:31px 22px 22px;border-right:1px solid var(--line);background:#f3eee4}.side-nav,.side-nav nav{display:flex;flex-direction:column}.side-nav nav{margin-top:50px;gap:5px}.nav-item{display:flex;height:44px;align-items:center;gap:13px;padding:0 15px;border-radius:12px;color:#6d7772;font-size:12px;font-weight:680}.nav-item.active,.nav-item:hover{color:var(--forest);background:rgba(255,255,255,.7)}.nav-item.active{box-shadow:0 5px 15px rgba(35,55,47,.05)}.nav-icon{display:grid;width:21px;height:21px;place-items:center;color:var(--forest);font-size:17px}.side-family-card{display:flex;margin-top:auto;padding:17px;flex-direction:column;gap:7px;border:1px solid rgba(47,91,73,.1);border-radius:15px;background:#e8eee4}.side-family-card strong{font-family:var(--serif);font-size:14px}.privacy-line{display:flex;align-items:center;gap:6px;color:var(--ink-soft);font-size:9px}.privacy-line i{display:block;width:6px;height:6px;border-radius:50%;background:#5c866d}.side-profile{display:flex;margin-top:16px;padding:10px 7px 0;align-items:center;gap:10px;border-top:1px solid var(--line)}.side-profile>span:last-child{display:flex;flex-direction:column;gap:2px}.side-profile strong{font-size:10px}.side-profile small{color:var(--ink-soft);font-size:8px}.app-main{min-height:100vh;margin-left:238px}.page-pad{width:min(1050px,calc(100% - 72px));margin:0 auto;padding:55px 0 90px}.app-page-header,.simple-page-header{display:flex;margin-bottom:38px;align-items:flex-start;justify-content:space-between;gap:30px}.app-page-header h1,.simple-page-header h1{margin:10px 0 7px;font-family:var(--serif);font-size:clamp(27px,3vw,38px);font-weight:600;letter-spacing:.02em}.app-page-header p,.simple-page-header p{margin:0;color:var(--ink-soft);font-size:11px}.header-actions{display:flex;align-items:center;gap:11px}.icon-button{position:relative;display:grid;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;place-items:center;background:var(--paper)}.icon-button span{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--coral)}.question-panel{position:relative;display:grid;min-height:280px;padding:42px 48px;overflow:hidden;grid-template-columns:1fr 200px;align-items:center;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 50%,rgba(212,233,217,.18),transparent 35%),var(--forest);box-shadow:0 22px 48px rgba(47,91,73,.14)}.question-ornament{position:absolute;top:-37px;left:25px;color:rgba(255,255,255,.06);font-family:Georgia,serif;font-size:210px}.question-main{position:relative;z-index:1}.question-label{display:flex;align-items:center;gap:10px;color:#f8bca9;font-size:10px;font-weight:800;letter-spacing:.08em}.question-label small{margin-left:5px;padding:4px 9px;border-radius:99px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.1);font-size:8px}.question-main h2{max-width:630px;margin:20px 0 11px;font-family:var(--serif);font-size:clamp(26px,3vw,38px);font-weight:500;line-height:1.45}.question-main>p{max-width:570px;margin-bottom:25px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.7}.question-panel .button{min-height:43px}.mic-symbol{display:grid;width:20px;height:20px;border:1px solid rgba(255,255,255,.5);border-radius:50%;place-items:center;font-size:7px}.question-side{position:relative;display:flex;align-items:center;flex-direction:column}.week-number{position:absolute;top:-23px;right:-17px;color:rgba(255,255,255,.32);font-family:var(--serif);font-size:13px}.prompt-card-stack{position:relative;display:grid;width:118px;height:142px;place-items:center}.prompt-card-stack i,.prompt-card-stack strong{position:absolute;display:grid;width:105px;height:130px;border-radius:10px;place-items:center;background:#f8eee1}.prompt-card-stack i:first-child{background:#bdcdbb;transform:rotate(12deg)}.prompt-card-stack i:nth-child(2){background:#e1c9a6;transform:rotate(-8deg)}.prompt-card-stack strong{color:var(--forest);font-family:var(--serif);font-size:16px;font-weight:500;line-height:1.7;text-align:center}.question-side>small{margin-top:8px;color:rgba(255,255,255,.54);font-size:8px}.dashboard-section{margin-top:48px}.section-row{display:flex;margin-bottom:19px;align-items:flex-end;justify-content:space-between;gap:20px}.section-row h2{margin:7px 0 0;font-family:var(--serif);font-size:22px;font-weight:600}.story-card{overflow:hidden;border:1px solid rgba(35,55,47,.08);border-radius:22px;background:var(--paper);box-shadow:0 13px 34px rgba(35,55,47,.06)}.story-card.featured{display:grid;min-height:330px;grid-template-columns:.92fr 1.08fr}.story-image{position:relative;min-height:240px;background-position:50%;background-size:cover}.year-badge{position:absolute;right:17px;bottom:17px;padding:7px 12px;border-radius:99px;color:#fff;background:rgba(30,48,40,.72);font-family:var(--serif);font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.story-content{display:flex;padding:28px;flex-direction:column;align-items:flex-start}.featured .story-content{justify-content:center;padding:42px}.story-question{color:var(--coral);font-family:var(--serif);font-size:10px}.story-content h3{margin:12px 0;font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.45}.story-content p{display:-webkit-box;overflow:hidden;color:var(--ink-soft);font-family:var(--serif);font-size:11px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3}.story-meta{display:flex;width:100%;margin:7px 0 18px;gap:10px;color:var(--ink-soft)}.audio-pill,.story-meta{align-items:center;font-size:9px}.audio-pill{display:inline-flex;padding:6px 10px;border-radius:99px;color:var(--forest);background:var(--sage-pale);font-weight:750}.reaction-button{margin-left:auto;padding:0;border:0;color:var(--coral);background:none;font-size:10px}.dashboard-bottom-grid{display:grid;margin-top:45px;grid-template-columns:1.2fr .8fr;grid-gap:25px;gap:25px}.compact-section,.family-glance{margin-top:0;padding:27px;border:1px solid rgba(35,55,47,.08);border-radius:20px;background:rgba(255,253,248,.72)}.mini-timeline{position:relative}.mini-timeline:before{position:absolute;top:18px;bottom:18px;left:57px;width:1px;background:var(--line);content:""}.mini-timeline a{position:relative;display:grid;min-height:63px;grid-template-columns:43px 16px 1fr;align-items:center;grid-gap:8px;gap:8px}.mini-timeline>a>span{color:var(--coral);font-family:var(--serif);font-size:12px}.mini-timeline i{position:relative;z-index:1;width:7px;height:7px;margin-left:1px;border:2px solid var(--paper);border-radius:50%;background:var(--forest);box-shadow:0 0 0 1px var(--forest)}.mini-timeline a>div{display:flex;flex-direction:column;gap:4px}.mini-timeline strong{font-family:var(--serif);font-size:11px}.mini-timeline small{color:var(--ink-soft);font-size:8px}.family-list{display:flex;flex-direction:column;gap:15px}.family-list>div{display:flex;align-items:center;gap:10px}.avatar{display:grid;width:35px;height:35px;flex:0 0 auto;border-radius:50%;place-items:center;color:#fff;background:var(--coral);font-family:var(--serif);font-size:11px}.avatar.small{width:30px;height:30px}.avatar.large{width:55px;height:55px;font-size:17px}.family-list>div>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.family-list strong{font-size:10px}.family-list small,.family-list time{color:var(--ink-soft);font-size:8px}.family-list time{margin-left:auto}.invite-inline{display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--forest);font-size:9px;font-weight:800;text-align:center}.mobile-nav{display:none}.app-loading{display:grid;min-height:100vh;place-items:center;color:var(--ink-soft);font-family:var(--serif)}.record-layout{display:grid;grid-template-columns:1fr 310px;grid-gap:28px;gap:28px}.record-notes,.record-studio{border:1px solid rgba(35,55,47,.08);border-radius:24px;background:var(--paper)}.record-studio{padding:28px}.record-question-card{padding:27px;border-radius:18px;color:#fff;background:var(--forest)}.record-question-card>span{color:#f5b49f;font-size:9px;font-weight:800}.record-question-card h2{margin:11px 0 8px;font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.5}.record-question-card p{margin:0;color:rgba(255,255,255,.65);font-size:9px;line-height:1.7}.recorder{min-height:390px;justify-content:center;flex-direction:column}.record-status,.recorder{display:flex;align-items:center}.record-status{gap:10px;color:var(--ink-soft);font-size:10px;font-weight:700}.record-timer{margin:22px 0 12px;font-family:var(--serif);font-size:58px;font-weight:400;letter-spacing:.08em}.big-waveform{width:78%;height:75px;justify-content:center}.big-waveform i{width:4px;background:var(--coral);transition:height .18s ease}.record-main-button{display:inline-flex;min-width:190px;min-height:53px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:99px;color:#fff;background:var(--coral);box-shadow:0 14px 30px rgba(220,118,88,.26);font-size:12px;font-weight:800}.record-main-button span{display:grid;width:22px;height:22px;border:1px solid rgba(255,255,255,.45);border-radius:50%;place-items:center;font-size:8px}.record-main-button.stop{background:var(--forest)}.is-recording .record-dot{animation:pulse 1.2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 11px rgba(220,118,88,0)}}.recorded-actions{display:flex;gap:10px}.record-notes{padding:30px}.record-notes h3{margin:10px 0 15px;font-family:var(--serif);font-size:20px}.record-notes ul{margin:0 0 27px;padding:0;list-style:none}.record-notes li{position:relative;padding:9px 0 9px 17px;border-bottom:1px solid var(--line);color:var(--ink-soft);font-family:var(--serif);font-size:10px;line-height:1.5}.record-notes li:before{position:absolute;top:14px;left:0;width:5px;height:5px;border-radius:50%;background:var(--gold);content:""}.login-form-wrap label,.record-notes label{display:block;margin-bottom:8px;font-size:9px;font-weight:800}.login-form-wrap input,.record-notes textarea{width:100%;border:1px solid var(--line);border-radius:12px;outline:none;background:#fbf9f4}.record-notes textarea{padding:14px;resize:vertical;color:var(--ink-soft);font-family:var(--serif);font-size:10px;line-height:1.75}.login-form-wrap input:focus,.record-notes textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(47,91,73,.09)}.privacy-note{display:flex;margin-top:21px;gap:10px;color:var(--ink-soft)}.privacy-note>span{font-size:17px}.privacy-note p{margin:0;font-size:8px;line-height:1.6}.privacy-note strong{display:block;color:var(--ink);font-size:9px}.form-error{width:100%;margin:13px 0;color:#ad4933;font-size:10px;line-height:1.6}.with-actions{align-items:center}.filter-row{display:flex;margin-bottom:28px;padding-bottom:4px;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.filter-row button{flex:0 0 auto;padding:8px 16px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink-soft);font-size:9px}.filter-row button.active{border-color:var(--forest);color:#fff;background:var(--forest)}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.story-grid .story-content h3{font-size:19px}.year-kicker{color:var(--coral);font-family:var(--serif);font-size:13px;font-weight:650}.story-detail{max-width:800px}.back-link{display:inline-block;margin-bottom:42px;color:var(--ink-soft);font-size:10px;font-weight:700}.story-detail header{max-width:660px;margin:0 auto 35px;text-align:center}.story-detail header>small{display:block;margin:15px 0 8px;color:var(--coral);font-family:var(--serif);font-size:11px}.story-detail h1{margin:10px 0 25px;font-family:var(--serif);font-size:clamp(34px,5vw,50px);font-weight:500;line-height:1.5}.story-detail-meta{display:flex;align-items:center;justify-content:center;gap:11px}.story-detail-meta>span:nth-child(2){display:flex;padding-right:14px;flex-direction:column;gap:2px;border-right:1px solid var(--line);text-align:left}.story-detail-meta strong{font-size:9px}.story-detail-meta small{color:var(--ink-soft);font-size:8px}.story-detail-image{min-height:440px;border-radius:28px;background-position:50%;background-size:cover}.story-prose{max-width:650px;margin:47px auto}.story-prose p{color:#46564f;font-family:var(--serif);font-size:15px;line-height:2.25}.story-detail footer{display:flex;max-width:650px;margin:0 auto;padding-top:25px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}.tag{display:inline-block;margin:3px;padding:6px 10px;border-radius:99px;color:var(--ink-soft);background:var(--sage-pale);font-size:8px}.family-hero-card{display:grid;min-height:255px;padding:42px 48px;grid-template-columns:1fr 280px;align-items:center;overflow:hidden;border-radius:27px;color:#fff;background:var(--forest)}.family-hero-card h2{margin:12px 0;font-family:var(--serif);font-size:30px;font-weight:500}.family-hero-card p{max-width:520px;margin:0;color:rgba(255,255,255,.65);font-size:10px;line-height:1.8}.family-orbit{position:relative;height:170px}.family-orbit:after,.family-orbit:before{position:absolute;inset:12px 45px;border:1px solid rgba(255,255,255,.16);border-radius:50%;content:""}.family-orbit:after{inset:38px 75px}.family-orbit span{position:absolute;display:grid;width:52px;height:52px;border:4px solid var(--forest);border-radius:50%;place-items:center;color:#fff;font-family:var(--serif)}.family-orbit span:first-child{top:4px;left:114px}.family-orbit span:nth-child(2){top:58px;left:35px}.family-orbit span:nth-child(3){right:30px;bottom:42px}.family-orbit span:nth-child(4){bottom:1px;left:114px}.members-section{margin-top:42px}.count-pill{padding:6px 10px;border-radius:99px;color:var(--forest);background:var(--sage-pale);font-size:9px}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.add-member-card,.member-grid article{position:relative;display:flex;min-height:110px;padding:22px;align-items:center;gap:15px;border:1px solid rgba(35,55,47,.08);border-radius:17px;background:var(--paper)}.member-grid article h3{margin:0 0 5px;font-family:var(--serif);font-size:15px}.last-seen,.member-grid article p{margin:0;color:var(--ink-soft);font-size:8px}.last-seen{margin-left:auto}.member-grid article button{border:0;background:transparent;color:var(--ink-soft)}.add-member-card{border-style:dashed;justify-content:center;flex-direction:column;gap:4px;color:var(--forest)}.add-member-card>span{font-size:20px}.add-member-card strong{font-size:10px}.add-member-card small{color:var(--ink-soft);font-size:8px}.safety-card{display:grid;margin-top:38px;padding:30px;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:22px;gap:22px;border-radius:18px;background:var(--sage-pale)}.safety-icon{display:grid;width:50px;height:50px;border-radius:50%;place-items:center;background:#fff;font-size:22px}.safety-card h3{margin:7px 0 5px;font-family:var(--serif);font-size:17px}.safety-card p{margin:0;color:var(--ink-soft);font-size:9px;line-height:1.7}.safety-card>a{color:var(--forest);font-size:9px;font-weight:800}.login-page{display:grid;min-height:100vh;grid-template-columns:1.05fr .95fr;background:var(--paper)}.login-visual{position:relative;display:flex;padding:40px;overflow:hidden;flex-direction:column;color:#fff;background:linear-gradient(180deg,rgba(27,48,39,.2),rgba(24,45,36,.72)),url(/images/oyanone-hero.jpg) 50% /cover}.login-brand{width:-moz-fit-content;width:fit-content;padding:10px 14px;border-radius:14px;color:var(--ink);background:rgba(255,253,248,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-quote{max-width:510px;margin-top:auto;padding:0 0 24px 35px;border-left:2px solid rgba(255,255,255,.58)}.login-quote>span{font-family:Georgia,serif;font-size:50px}.login-quote blockquote{margin:-20px 0 18px;font-family:var(--serif);font-size:clamp(25px,3.5vw,40px);line-height:1.65}.login-quote small{color:rgba(255,255,255,.7);font-size:9px}.login-form-panel{display:grid;padding:60px;place-items:center}.login-form-wrap{width:min(100%,390px)}.login-form-wrap h1{margin:14px 0 10px;font-family:var(--serif);font-size:34px;font-weight:500}.login-form-wrap>p{margin-bottom:30px;color:var(--ink-soft);font-size:10px;line-height:1.7}.login-form-wrap>.invite-notice{margin:-14px 0 22px;padding:12px 14px;border:1px solid rgba(49,91,75,.14);border-radius:12px;color:var(--forest);background:var(--sage-pale)}.login-form-wrap label{margin-top:18px}.login-form-wrap input{height:48px;padding:0 14px;font-size:11px}.login-submit{width:100%;margin-top:25px;border:0}.switch-auth{width:100%;margin:16px 0 28px;padding:8px;border:0;color:var(--forest);background:transparent;font-size:10px;font-weight:800}.terms{display:block;color:var(--ink-soft);font-size:8px;line-height:1.7;text-align:center}.terms a{text-decoration:underline}.plan-page{max-width:980px}.plan-status{padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:var(--paper);font-size:9px;font-weight:800}.plan-status.active{border-color:rgba(49,91,75,.18)}.billing-message,.plan-status.active{color:var(--forest);background:var(--sage-pale)}.billing-message{margin:20px 0;padding:14px 17px;border:1px solid rgba(49,91,75,.14);border-radius:14px;font-size:10px;line-height:1.7}.plan-card{display:grid;margin-top:0;padding:clamp(28px,5vw,54px);border:1px solid rgba(49,91,75,.1);border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(212,169,86,.16),transparent 38%),var(--paper);box-shadow:var(--shadow);grid-gap:28px;gap:28px}.plan-card h2{margin:10px 0 4px;font-family:var(--serif);font-size:30px;font-weight:600}.plan-price{display:flex;margin:16px 0 5px;align-items:baseline;gap:8px;color:var(--forest)}.plan-price strong{font-family:var(--serif);font-size:54px;font-weight:500}.plan-price span,.plan-trial{color:var(--ink-soft);font-size:10px}.plan-card ul{display:grid;margin:0;padding:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 24px;gap:12px 24px;list-style:none}.plan-card li{position:relative;padding-left:24px;color:var(--ink);font-size:11px;line-height:1.7}.plan-card li:before{position:absolute;left:0;color:var(--coral);content:"✓";font-weight:900}.plan-button{width:min(100%,360px);border:0}.plan-card>small{max-width:560px;color:var(--ink-soft);font-size:8px;line-height:1.8}.billing-security{display:flex;margin-top:18px;padding:18px 22px;align-items:center;gap:14px;border-radius:18px;background:var(--sage-pale)}.billing-security>span{color:var(--forest);font-size:24px}.billing-security strong{color:var(--ink);font-family:var(--serif);font-size:13px}.billing-security p{margin:4px 0 0;color:var(--ink-soft);font-size:9px}.legal-page{min-height:100vh;padding:0 28px 100px;background:var(--paper)}.legal-page header{display:flex;max-width:980px;height:90px;margin:0 auto;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:10px}.legal-page article{max-width:760px;margin:80px auto}.legal-page h1{margin:18px 0 25px;font-family:var(--serif);font-size:45px;font-weight:500}.legal-page .lead{margin-bottom:60px;color:var(--ink-soft);font-family:var(--serif);font-size:15px;line-height:2.1}.legal-page section{padding:30px 0;border-top:1px solid var(--line)}.legal-page h2{font-family:var(--serif);font-size:20px;font-weight:600}.legal-page aside,.legal-page section p{color:var(--ink-soft);font-size:11px;line-height:2}.legal-page a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}.legal-table{margin:0;border-top:1px solid var(--line)}.legal-table>div{display:grid;padding:22px 0;grid-template-columns:180px 1fr;grid-gap:24px;gap:24px;border-bottom:1px solid var(--line)}.legal-table dt{color:var(--ink);font-family:var(--serif);font-size:12px;font-weight:600}.legal-table dd{margin:0;color:var(--ink-soft);font-size:11px;line-height:2}.legal-page aside{margin-top:25px;padding:22px;border-radius:14px;background:var(--sage-pale)}@media (max-width:1020px){.landing-header nav{display:none}.landing-header{grid-template-columns:1fr auto}.hero{gap:30px}.voice-card{right:0}.record-layout{grid-template-columns:1fr 280px}}@media (max-width:800px){.landing-header{height:74px;padding:0 20px}.hero{min-height:auto;padding:45px 22px 80px;grid-template-columns:1fr}.hero-copy h1{font-size:48px}.hero-visual{min-height:470px}.memory-note{left:0}.principle-strip{padding:22px;flex-wrap:wrap;gap:15px}.feature-grid,.story-section{grid-template-columns:1fr}.story-section{gap:45px}.price-section{margin-right:20px;margin-left:20px;padding:45px 35px}.landing-footer,.price-section{align-items:flex-start;flex-direction:column}.landing-footer{padding:24px 20px;gap:16px}.landing-footer>div{flex-wrap:wrap;row-gap:10px}.legal-table>div{grid-template-columns:1fr;gap:8px}.side-nav{display:none}.app-main{margin-left:0;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page-pad{width:min(100% - 36px,680px);padding-top:34px}.mobile-nav{position:fixed;z-index:20;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;min-height:65px;padding:7px 5px;justify-content:stretch;border:1px solid rgba(255,255,255,.65);border-radius:20px;background:rgba(255,253,248,.92);box-shadow:0 16px 45px rgba(35,55,47,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav,.mobile-nav a{display:flex;align-items:center}.mobile-nav a{min-width:0;flex:1 1 20%;justify-content:center;flex-direction:column;gap:4px;color:var(--ink-soft);text-align:center}.mobile-nav a.active{color:var(--forest)}.mobile-nav a span{font-size:16px}.mobile-nav small{display:block;max-width:100%;overflow:hidden;font-size:7px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.question-panel{padding:35px;grid-template-columns:1fr}.question-side{display:none}.story-card.featured{grid-template-columns:1fr}.featured .story-content{padding:30px}.dashboard-bottom-grid,.member-grid,.record-layout,.story-grid{grid-template-columns:1fr}.family-hero-card{grid-template-columns:1fr 200px}.login-page{grid-template-columns:1fr}.login-visual{min-height:43vh}.login-form-panel{padding:50px 25px}}@media (max-width:560px){.plan-card ul{grid-template-columns:1fr}.landing-header{padding:0 16px;gap:12px}.landing-header .brand{min-width:0}.landing-header .brand-copy strong{font-size:20px}.landing-header .button{min-height:36px;padding:0 15px}.hero-copy h1{font-size:clamp(36px,11.5vw,43px);line-height:1.34}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-visual{min-height:380px}.hero-visual:before{top:-24px;right:-90px;width:420px;height:420px}.hero-photo{inset:0}.voice-card{right:0;bottom:-32px;width:min(260px,calc(100% - 14px))}.memory-note{display:none}.principle-strip{display:grid;min-height:auto;padding:22px 16px;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0}.principle-strip i{display:none}.principle-strip span{display:grid;min-height:48px;padding:8px 5px;place-items:center;font-size:12px;letter-spacing:.04em;line-height:1.5;text-align:center}.how-section{padding:100px 20px}.story-section{margin-bottom:90px;padding:20px}.story-photo{min-height:380px}.story-section-copy{padding-right:0}.price-section{padding:38px 28px;gap:28px}.price-section h2{font-size:31px}.price-section .button{width:100%}.landing-footer{padding:30px 20px;gap:20px}.app-page-header,.landing-footer,.simple-page-header{align-items:flex-start;flex-direction:column}.app-page-header .header-actions,.simple-page-header .button{width:100%}.header-actions .button{flex:1 1}.question-panel{min-height:330px;padding:31px 25px}.question-main h2{font-size:27px}.dashboard-bottom-grid{gap:18px}.record-studio{padding:16px}.record-question-card{padding:22px}.record-timer{font-size:48px}.recorded-actions{width:100%;flex-direction:column}.story-detail-image{min-height:280px}.family-hero-card,.safety-card,.story-detail footer{align-items:flex-start;grid-template-columns:1fr}.family-orbit{display:none}.family-hero-card{padding:33px 28px}.last-seen{display:none}.safety-card>a{margin-left:0}.story-detail-meta{flex-wrap:wrap}.member-grid article{padding:18px}.login-visual{min-height:360px;padding:24px}.login-quote{padding-left:20px}.login-quote blockquote{font-size:24px}.legal-page h1{font-size:36px;overflow-wrap:anywhere}}@media (max-width:390px){.page-pad{width:calc(100% - 28px)}.landing-header .brand-mark{width:30px;height:30px}.hero{padding-right:18px;padding-left:18px}.hero-copy>p br{display:none}.hero-trust{align-items:flex-start}.principle-strip{padding-right:10px;padding-left:10px}.principle-strip span{font-size:11px}.question-panel{min-height:350px;padding:28px 22px}.question-main h2{font-size:25px}.compact-section,.family-glance,.featured .story-content,.record-notes,.story-content{padding:23px}.mobile-nav{right:8px;left:8px;border-radius:18px}.mobile-nav small{font-size:6.5px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}