.header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.header-actions>button{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:#853554;font-family:var(--sans);font-size:12px;font-weight:650;min-height:44px;padding:8px}
.header-actions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.header-actions b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:50%;font-size:11px;line-height:1;background:#a03560;color:#fff9ee}
.site-header nav{gap:24px}
.diaries-section{padding-block:64px;scroll-margin-top:20px}
.diaries-heading h2{font-family:var(--serif);font-size:60px;line-height:1.1;letter-spacing:-2px;margin:0;font-weight:600}
.diaries-heading h2 em{font-family:var(--script);font-style:normal;font-size:1.2em;line-height:.9;color:var(--rose);font-weight:700}
.diaries-heading>p{font-size:14px;line-height:22px;color:#795a69;margin-top:17px}
.diaries-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.diary-card{min-width:0;padding:0;text-align:left;color:var(--ink);background:#fff9f0;border:1px solid #e6d1d7;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:translate .2s}
.diary-card:hover{translate:0 -3px}
.diary-card>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.diary-card-copy{display:flex;flex-direction:column;gap:12px;padding:22px}
.diary-category{font-family:var(--sans);font-size:11px;font-weight:650;line-height:17px;letter-spacing:.3px;color:#97546e}
.diary-card-copy>strong{font-family:var(--serif);font-size:27px;font-weight:600;letter-spacing:-.7px;line-height:1.16}
.diary-excerpt{font-family:var(--sans);font-size:13px;line-height:21px;color:#775a69}
.diary-read{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--sans);font-size:12px;line-height:18px;color:#934264}
.diary-read>span{font-size:25px}
.account-dialog,.story-dialog{padding:0;border:1px solid #d9b8c7;border-radius:22px;background:#fff9f0;color:var(--ink);width:min(470px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 24px 100px #4b213d30}
.account-dialog::backdrop,.story-dialog::backdrop{background:#61384c70;backdrop-filter:blur(5px)}
.panel-close{position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid #d3b0bf;background:#fff9f0;color:#985270;font-size:24px;line-height:1}
.account-panel{padding:29px 28px 24px}
.account-kicker{font-family:var(--sans);font-size:12px;font-weight:650;line-height:18px;color:#94516d;margin:0 42px 12px 0}
.account-panel h2{font-family:var(--serif);font-size:34px;font-weight:600;letter-spacing:-1px;line-height:1.15;margin:0 0 12px;overflow-wrap:anywhere}
.account-panel h2:focus,.diary-article h2:focus{outline:none}
.account-intro,.account-email{font-size:13px;line-height:20px;color:#7b596b;margin:0 0 21px;overflow-wrap:anywhere}
#account-form{display:flex;flex-direction:column}
#account-form>label{font-family:var(--sans);font-size:13px;font-weight:650;line-height:18px;margin:0 0 6px}
#account-form>label>span{font-weight:400;color:#8a6576}
#account-form>input{width:100%;height:44px;min-height:44px;padding:10px 12px;border:1px solid #d2b0c0;border-radius:10px;background:#fffdf9;color:#583044;font-family:var(--sans);font-size:16px;line-height:22px;min-width:0;margin-bottom:15px}
.account-help{font-size:12px;line-height:18px;color:#80596e;margin:-6px 0 10px}
.account-feedback{font-size:13px;line-height:20px;color:#a23459;margin:0 0 10px}
.account-feedback:empty{display:none}
.account-submit{width:100%;font-size:14px;min-height:45px;padding:11px 17px;gap:20px;justify-content:center;border-radius:12px;box-shadow:none;margin-top:0}
.account-submit:disabled{opacity:.65;cursor:wait}
.account-switch{display:block;background:none;border:0;border-bottom:1px solid #ac7290;color:#8a3a5d;font-family:var(--sans);font-size:13px;line-height:21px;padding:3px 0;margin:18px auto 0}
.account-limits{font-size:12px;line-height:18px;color:#886478;margin:20px 0 0}
.account-order-state{padding:20px;background:#f5e0e9;border-radius:14px;margin:21px 0}
.account-order-state>h3{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.2;margin:0 0 10px}
.account-order-state>p{font-size:14px;line-height:21px;color:#80576d;margin:0}
.account-profile .account-submit{margin-top:20px}
.account-dialog{overscroll-behavior:contain;scroll-padding-block:20px}
#account-form>input{box-sizing:border-box}
.account-inline-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 0;background:none;border:0;border-bottom:1px solid #b67c97;color:#8a3a5d;font-family:var(--sans);font-size:13px;line-height:20px;font-weight:650;cursor:pointer}
#account-form>.account-inline-link{align-self:flex-end;margin:-5px 0 13px}
.account-inline-link:disabled{opacity:.65;cursor:wait}
.account-verification{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #d9b4c8;border-radius:13px;background:#f8e4ec;margin:0 0 14px}
.account-verification>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fff8f2;color:#a5446f;font-size:20px;line-height:1}
.account-verification>div{min-width:0}
.account-verification h3{font-family:var(--sans);font-size:14px;line-height:21px;font-weight:750;margin:3px 0 0}
.account-verification p{font-size:12px;line-height:18px;color:#80586d;margin:5px 0 0}
.account-verification .account-inline-link{font-size:12px;line-height:18px;min-height:36px;padding:7px 0 3px;margin-top:2px;text-align:left}
.account-verification.is-verified{align-items:center;background:#edf2e7;border-color:#c7d3bc;padding-block:12px}
.account-verification.is-verified>span{color:#58734a;background:#fffdf5}
.account-verification.is-verified h3{margin:0;color:#526c46}
.account-feedback.is-success{color:#557047}
.account-profile>.account-feedback{margin-top:0}
.account-message{text-align:center}
.account-message .account-kicker{text-align:left}
.account-state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:8px auto 18px;background:#f4dbe6;color:#ab3b6b;font-size:34px;line-height:1}
.account-message .account-intro{margin-bottom:24px}
.account-message .account-limits{margin-top:18px}
.account-panel :is(input,button):focus-visible{outline:2px solid #a63a6b;outline-offset:3px}
.story-dialog{width:min(720px,calc(100vw - 24px))}
.story-dialog>.panel-close{position:sticky;top:12px;display:block;margin:12px 12px -48px auto}
.diary-article{padding:34px}
.diary-article>.diary-category{margin:0 35px 16px 0}
.diary-article h2{font-family:var(--serif);font-size:40px;letter-spacing:-1.2px;font-weight:600;line-height:1.13;margin:0 0 24px}
.diary-article>img{display:block;width:100%;height:auto;border-radius:15px;margin-bottom:25px}
.diary-article>p:not(.diary-category){font-size:15px;line-height:1.8;color:#6c4b5d;margin:0 0 18px}
@media(max-width:1050px){.header-actions{gap:5px}.header-actions>button{font-size:11px;gap:6px;padding-inline:4px}.site-header nav{gap:17px;font-size:11px}.site-header{gap:20px}.diaries-heading h2{font-size:51px}.diary-card-copy{padding:18px}.diary-card-copy>strong{font-size:24px}}
@media(max-width:900px){
 .site-header{position:relative;z-index:20}.site-header nav{display:none}.header-actions{margin-left:auto}
 .site-header nav.is-open{display:flex;position:absolute;inset:102px 0 auto;flex-direction:column;align-items:stretch;gap:8px;padding:22px;background:#fff9ed;border-block:1px solid #e3becb;box-shadow:0 10px 20px #8d4b6b15;font-size:14px}
 .site-header nav.is-open>a,.site-header nav.is-open>button{min-height:38px;display:flex;align-items:center;text-align:left;font-size:14px}
 .mobile-menu{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1.5px solid #b75d7d;border-radius:50%;background:none;width:39px;height:39px;flex:0 0 39px}
 .mobile-menu>span{width:16px;height:1.5px;background:#a34368}.mobile-menu[aria-expanded=true]>span:first-child{transform:translateY(3.7px) rotate(45deg)}.mobile-menu[aria-expanded=true]>span:last-child{transform:translateY(-3.7px) rotate(-45deg)}
}
@media(max-width:640px){
 .site-header nav.is-open{top:99px}
 .site-header{gap:12px}.header-actions{margin-left:auto;gap:4px}.header-actions>button{width:40px;height:44px;padding:8px;position:relative;justify-content:center}.header-actions>button>span{display:none}.header-actions b{position:absolute;right:-3px;top:0;min-width:17px;height:17px;font-size:10px;padding:0 3px}.header-actions svg{width:23px;height:23px}.mobile-menu{flex:0 0 38px}
 .diaries-section{padding-block:40px}.diaries-heading h2{font-size:44px}.diaries-heading>p{font-size:13px;line-height:21px;margin-top:15px}.diaries-grid{grid-template-columns:1fr;gap:15px;margin-top:24px}.diary-card{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:stretch;border-radius:14px}.diary-card>img{height:100%;min-height:144px;aspect-ratio:auto;object-fit:cover}.diary-card-copy{gap:7px;padding:14px}.diary-card-copy>strong{font-size:22px;line-height:1.17;letter-spacing:-.5px}.diary-category{font-size:10px;line-height:15px}.diary-excerpt{display:none}.diary-read{font-size:11px;line-height:17px}.diary-read>span{font-size:20px}
 .account-panel{padding:23px 21px 20px}.account-panel h2{font-size:30px}.account-intro{margin-bottom:18px}.account-limits{font-size:12px;line-height:18px;margin-top:16px}.account-switch{font-size:13px;margin-top:14px}
 .diary-article{padding:25px 21px}.diary-article h2{font-size:32px;margin-bottom:22px}.diary-article>p:not(.diary-category){font-size:14px;line-height:1.75}
}
@media(max-height:650px){.account-panel{padding-top:20px}.account-panel h2{font-size:29px;margin-bottom:9px}.account-kicker{margin-bottom:10px}.account-intro{margin-bottom:14px}.account-limits{margin-top:14px;font-size:12px;line-height:18px}#account-form>input{margin-bottom:11px}.account-state-icon{width:52px;height:52px;font-size:29px;margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){.diary-card{transition:none}}
