:root{--rose:#E85A8B;--light:#FF7AA8;--deep:#C43B6E;--ink:#4A1630;--text:#5C2A3E;--muted:#8A4A62;--subtle:#B07A90;--bg:#FFF7FA;--pink:#FFEAF2;--pale:#FFE1EC;--paper:#fff;--line:rgba(232,90,139,.16);--shadow:0 14px 34px rgba(196,59,110,.10);--inner:1180px;--r:20px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:152px}
html.dialog-open,html.dialog-open body{overflow:hidden}
body{margin:0;width:100%;min-width:0;overflow-x:clip;background:var(--bg);color:var(--text);font:16px/1.78 system-ui,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:var(--deep)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ba285d;outline-offset:3px}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(28px,3.2vw,34px)}h2{font-size:clamp(22px,2.4vw,28px)}h3{font-size:19px}p{margin-bottom:1em}
.wrap{width:min(var(--inner),calc(100% - 32px));margin-inline:auto}
.skip{position:absolute;left:16px;top:-90px;z-index:300;background:white;padding:8px 14px;border-radius:8px}.skip:focus{top:150px}
.top-shell{position:fixed;z-index:70;top:0;left:0;right:0;width:100%;background:white;box-shadow:0 4px 20px rgba(74,22,48,.055)}
.sugar-strip{height:22px;background:var(--deep);color:white;width:100%;font-size:11px;letter-spacing:.035em;line-height:22px}
.strip-inner{display:flex;justify-content:space-between;align-items:center;height:100%;gap:8px;white-space:nowrap;min-width:0}
.strip-inner>span{overflow:hidden;text-overflow:ellipsis}.strip-inner i{font-style:normal;opacity:.7;margin-inline:5px}
.open-search{height:22px;line-height:22px;padding:0 4px 0 14px;background:transparent;border:0;color:white;min-width:68px;text-align:right;font-size:11px;font-weight:700;display:inline-flex;justify-content:end;gap:5px;align-items:center}
.open-search span{font-size:17px}.open-search:hover{color:#ffe0eb}
.cover-strip{height:64px;background:white;border-bottom:1px solid var(--line)}
.cover-inner{height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center}
.brand{display:inline-flex;justify-self:start;align-items:center;min-width:0;max-width:100%;height:48px}
.brand-img{max-height:36px;max-width:min(190px,100%);height:auto;width:auto;object-fit:contain;object-position:left center}
.brand-type{font-size:22px;font-weight:850;line-height:1;letter-spacing:-.08em;color:var(--ink);white-space:nowrap}
.brand-type span{color:var(--rose);font-size:.89em;letter-spacing:-.055em}
.letter-trigger{min-height:44px;min-width:112px;border:1px solid var(--line);border-radius:999px;background:#fff5f9;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;font-size:14px;padding:9px 18px;transition:.2s}
.letter-trigger:hover{border-color:var(--rose);background:var(--pink);box-shadow:0 6px 18px rgba(232,90,139,.10)}
.letter-icon{width:23px;height:18px;border:2px solid var(--rose);border-radius:4px;display:inline-block;position:relative;overflow:hidden}
.letter-icon:after{content:"";position:absolute;top:-9px;left:3px;width:13px;height:13px;border-right:2px solid var(--rose);border-bottom:2px solid var(--rose);transform:rotate(45deg)}
.app-quick{justify-self:end;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(135deg,var(--light),var(--rose) 55%,var(--deep));color:white;font-size:13px;font-weight:760;border-radius:999px;padding:10px 22px;white-space:nowrap}
.app-quick:hover,.btn-primary:hover{color:white;filter:brightness(.98);transform:translateY(-1px)}
.sticker-rail{position:fixed;top:86px;left:0;right:0;z-index:60;height:44px;background:var(--pink);border-bottom:1px solid var(--line)}
.sticker-links{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap}
.sticker-links>a{padding:5px 15px;border-radius:7px;font-size:13px;font-weight:700;color:var(--muted);transition:.2s}
.sticker-links>a:hover{background:white;color:var(--deep)}.sticker-links>a.is-current{background:var(--deep);color:white}
.site-main{padding-top:130px;min-height:70vh}.homepage{padding-top:26px;padding-bottom:76px}.home-unit{margin-top:67px}
.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:850;color:var(--deep);line-height:1.5}.eyebrow b{font-size:15px;color:var(--rose);margin:0 4px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head h2{margin:8px 0 0}.section-head>p{max-width:375px;margin:0 0 5px;color:var(--muted);font-size:14px}
.section-next{font-weight:750;white-space:nowrap;font-size:13px;border-bottom:1px solid var(--rose);padding-bottom:3px;color:var(--deep);align-self:end}
.envelope-cover{border:1px solid rgba(232,90,139,.18);background:linear-gradient(#fff,#fffafc);box-shadow:var(--shadow);border-radius:24px;overflow:hidden;padding:14px 14px 36px}
.cover-photo .visual{height:300px;max-height:300px;border-radius:17px;overflow:hidden;background:#ffe9f0}
.visual{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffe9f1,#fff3f7 53%,#fbd8e5);min-height:140px;border:1px solid rgba(232,90,139,.10);border-radius:14px;color:#bd5a7c;isolation:isolate}
.visual img{height:100%;width:100%;object-fit:contain;object-position:center;position:relative;z-index:2}
.visual--empty:before{content:"";position:absolute;inset:12px;border:1px solid rgba(232,90,139,.13);border-radius:10px}
.blank-circle{position:absolute;border:1px solid rgba(232,90,139,.19);border-radius:50%;pointer-events:none}
.blank-circle-one{width:210px;height:210px;right:5%;top:-65px}.blank-circle-two{width:126px;height:126px;left:8%;bottom:-50px}
.blank-dots{position:absolute;left:25px;top:15px;opacity:.5;font-size:21px;letter-spacing:8px}
.blank-stamp{z-index:2;font-size:clamp(14px,2.6vw,25px);font-weight:650;letter-spacing:.16em;text-align:center;padding:0 12px;color:#bf587d;max-width:88%;overflow-wrap:anywhere}
.visual--hero .blank-stamp{font-size:clamp(21px,3.2vw,36px);letter-spacing:.2em}
.envelope-intro{text-align:center;padding:31px 20px 2px;max-width:810px;margin:auto}
.brand-line{font-size:13px;color:var(--deep);font-weight:800;letter-spacing:.13em;margin:12px 0 5px}
.envelope-intro h1{font-size:clamp(30px,3.8vw,45px);line-height:1.26;letter-spacing:-.055em;margin-bottom:16px}
.envelope-intro h1 span{color:var(--deep)}.envelope-intro>p:not(.brand-line){font-size:15px;line-height:1.92;color:var(--text);margin:0 auto 23px;max-width:700px}
.actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:130px;border-radius:999px;font-weight:780;font-size:14px;white-space:nowrap;padding:10px 22px;border:1px solid transparent;transition:filter .16s,transform .16s,background-color .16s}
.btn-primary{background:linear-gradient(135deg,#FF7AA8 0%,#E85A8B 55%,#C43B6E 100%);color:white;box-shadow:0 7px 18px rgba(232,90,139,.16)}
.btn-outline{background:white;color:var(--deep);border-color:rgba(196,59,110,.34)}.btn-outline:hover{background:var(--pink)}
.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.note-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 6px 26px rgba(196,59,110,.035);min-width:0;display:flex;flex-direction:column}
.note-card>.visual{height:195px;min-height:195px;margin:10px 10px 0;border-radius:13px}
.note-card:nth-child(2) .visual{background:linear-gradient(145deg,#fff3fa,#ffe4f0)}
.note-card:nth-child(3) .visual{background:linear-gradient(145deg,#ffeaf1,#ffdee9)}
.note-card:nth-child(4) .visual{background:linear-gradient(145deg,#fef0f8,#fff6f9)}
.note-card:nth-child(5) .visual{background:linear-gradient(145deg,#fff2f6,#ffe3f0)}
.note-card:nth-child(6) .visual{background:linear-gradient(145deg,#fbe5ef,#fff7fa)}
.note-card-body{padding:19px 22px 24px;display:flex;flex-direction:column;flex:1}.note-order{font-weight:800;color:var(--rose);font-size:11px;letter-spacing:.15em}.note-card h3{margin:6px 0 10px;font-size:19px}.note-card p{font-size:14px;color:var(--text);line-height:1.9;flex:1;margin-bottom:18px}
.text-cta{color:var(--deep);font-weight:760;font-size:14px;display:inline-block;align-self:start;border-bottom:1px solid rgba(196,59,110,.3)}.text-cta:hover{border-color:var(--deep)}
.diary-board{border:1px solid var(--line);background:white;border-radius:22px;display:grid;grid-template-columns:43% 57%;gap:0;overflow:hidden}
.diary-board>.visual{height:100%;min-height:370px;border:0;border-radius:0;background:linear-gradient(155deg,#ffe2ed,#ffeff5)}
.diary-copy{padding:33px 38px;min-width:0}.diary-copy h3{font-size:22px;margin-bottom:12px}.diary-copy>p{font-size:14px;line-height:1.9;color:var(--text)}
.diary-links{border-top:1px solid var(--line);margin-top:20px}.diary-links a{min-height:43px;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:14px}.diary-links a b{color:var(--rose)}
.album-feature{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:center;margin-bottom:19px}.album-feature>.visual{height:155px;min-height:155px;background:linear-gradient(150deg,#fff0f6,#f7deea)}
.album-feature p{margin:0;font-size:15px;color:var(--muted)}.bookcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.volume{min-height:225px;border-radius:13px 17px 17px 13px;background:linear-gradient(145deg,#e54f82,#bf3b70);color:white;box-shadow:5px 7px 0 rgba(180,49,95,.13),var(--shadow);border-left:9px solid rgba(83,12,47,.20);padding:16px 20px 18px;display:flex;flex-direction:column;gap:8px;transition:transform .16s}
.volume:hover{transform:translateY(-4px);color:white}.volume-2{background:linear-gradient(145deg,#a75a81,#824f78)}.volume-3{background:linear-gradient(145deg,#de879f,#c45f80)}.volume-4{background:linear-gradient(145deg,#a84b74,#813957)}
.volume-spine{font-size:11px;letter-spacing:.15em;opacity:.8}.volume strong{font-size:24px;font-weight:760;line-height:1.2;margin-top:20px}.volume small{font-size:13px;opacity:.92;line-height:1.65}.volume em{font-style:normal;margin-top:auto;align-self:end;font-size:18px}
.focus-feature{display:grid;grid-template-columns:38% 62%;background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.focus-feature>.visual{border:0;border-radius:0;min-height:345px;height:100%}.focus-list{padding:15px 32px 15px 26px}.focus-row{display:grid;grid-template-columns:63px minmax(0,1fr) 20px;align-items:center;gap:12px;min-height:80px;border-bottom:1px solid var(--line)}.focus-row:last-child{border:0}.focus-row>b{font-size:37px;color:var(--rose);line-height:1;letter-spacing:-.07em;font-weight:800}.focus-row strong{display:block;font-size:16px;color:var(--ink)}.focus-row small{display:block;font-size:13px;color:var(--muted)}
.slate-unit>.visual{height:155px;min-height:155px;margin-bottom:15px}.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.state-card{background:white;border:1px solid var(--line);border-radius:16px;padding:20px 18px;min-height:160px}.state-card span{font-size:11px;color:var(--rose);letter-spacing:.12em;font-weight:800}.state-card strong{display:block;color:var(--ink);font-size:20px;margin:6px 0}.state-card p{font-size:13px;line-height:1.75;margin:0}
.bench-layout{display:grid;grid-template-columns:38% 62%;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line)}.bench-layout>.visual{height:100%;min-height:388px;border:0;border-radius:0}.bench-steps{padding:15px 25px}.bench-steps a{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;min-height:69px;border-bottom:1px solid var(--line)}.bench-steps a:last-child{border-bottom:0}.bench-steps b{font-size:20px;color:var(--rose)}.bench-steps strong{display:block;font-size:15px}.bench-steps small{display:block;font-size:13px;color:var(--muted)}
.mail-feature{display:grid;grid-template-columns:33% 67%;gap:16px}.mail-feature>.visual{min-height:360px}.letters{display:grid;gap:16px}.home-letter{background:white;border:1px solid var(--line);border-radius:19px;padding:25px 29px;position:relative;overflow:hidden}.home-letter:after{content:'✳';position:absolute;right:18px;top:4px;font-size:54px;color:rgba(232,90,139,.10);pointer-events:none}.home-letter>span{color:var(--deep);font-size:11px;font-weight:780;letter-spacing:.08em}.home-letter h3{margin:7px 0 10px}.home-letter p{font-size:14px;margin:0}
.walk-unit>.visual{height:150px;min-height:150px;margin-bottom:15px}.walk-tips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.walk-tips a{background:white;border:1px solid var(--line);border-radius:17px;padding:20px 20px 15px;min-height:177px;display:flex;flex-direction:column}.walk-tips a>b{color:var(--rose);font-size:13px}.walk-tips strong{font-size:18px;color:var(--ink);margin-top:8px}.walk-tips p{font-size:13px;margin:9px 0 0}.walk-tips a>span{margin-top:auto;align-self:end;color:var(--rose)}
.app-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:18px;align-items:center;border-radius:24px;padding:35px 40px;background:linear-gradient(115deg,#FFE6F0,#fff 58%,#fff0f5);border:1px solid var(--line);overflow:hidden}
.app-word h2{font-size:28px;margin:12px 0}.app-word>p{font-size:15px;line-height:1.95;color:var(--text)}.app-word .actions{justify-content:start;margin:20px 0 14px}.app-mini{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.app-mini>.visual{height:48px;width:48px;min-height:48px;border-radius:12px}.app-mini>.visual .blank-stamp{font-size:12px;padding:2px;letter-spacing:0}.app-band>.visual{max-height:360px;min-height:300px;height:360px;border-radius:21px;background:linear-gradient(150deg,#ffe2ee,#fff4f7)}
.conscience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.conscience-card{background:white;border:1px solid var(--line);border-radius:20px;padding:29px 30px}.conscience-card h3{font-size:22px;margin:9px 0 13px}.conscience-card p{font-size:14px;line-height:1.9}
.faq-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-home-grid details{border:1px solid var(--line);border-radius:13px;background:white;min-width:0}.faq-home-grid summary{cursor:pointer;display:flex;align-items:center;gap:13px;padding:17px 18px;font-size:14px;font-weight:730;color:var(--ink);list-style:none;line-height:1.5}.faq-home-grid summary::-webkit-details-marker{display:none}.faq-home-grid summary b{color:var(--rose)}.faq-home-grid summary span{margin-left:auto;color:var(--rose)}.faq-home-grid details[open] summary span{transform:rotate(45deg)}.faq-home-grid details p{padding:0 18px 18px;margin:0;font-size:13px;line-height:1.84;color:var(--text)}
.about-inner{border-top:2px solid var(--rose);border-bottom:1px solid var(--line);padding:30px 34px 34px;background:linear-gradient(90deg,#fff8fb,#fff);border-radius:4px 20px 20px 4px}.about-inner h2{margin:10px 0 13px}.about-inner p{font-size:15px;line-height:1.95;max-width:950px}
/* Inner pages share only navigation and typography; editorial compositions vary by section */
.interior{padding-top:30px;padding-bottom:70px}.interior-cover{display:flex;flex-direction:column;gap:24px;background:white;border:1px solid var(--line);border-radius:22px;padding:32px 37px 28px;overflow:hidden}
.interior-cover--split{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(250px,.84fr);align-items:center;gap:28px}.interior-heading{min-width:0}
.breadcrumbs{font-size:12px;display:flex;align-items:center;gap:11px;color:var(--muted);margin:14px 0 12px}.breadcrumbs a:hover{color:var(--deep)}
.interior-cover h1{font-size:clamp(28px,3.4vw,38px);margin-bottom:14px}.intro-lead{max-width:900px;font-size:16px;line-height:1.9;color:var(--text);margin-bottom:12px}
.heading-links{display:flex;gap:20px;flex-wrap:wrap}.inline-link{font-size:13px;font-weight:750;color:var(--deep);border-bottom:1px solid rgba(196,59,110,.24)}.interior-cover>.visual{min-height:210px;height:250px;width:100%}.interior-cover--split>.visual{min-height:295px;height:310px}
.disclosure-note{background:#fff0f6;border-left:3px solid var(--rose);border-radius:0 12px 12px 0;padding:14px 18px;font-size:14px;margin:18px 0 0}
.essay-grid{margin-top:24px;display:grid;gap:16px}.essay-chapter{position:relative;display:grid;grid-template-columns:63px minmax(0,1fr);gap:17px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px 30px 27px;min-width:0}.chapter-decor{font-size:34px;color:#f1bad0;font-weight:850;line-height:1.2;letter-spacing:-.08em;align-self:start}.chapter-text{min-width:0}.essay-marker{display:inline-flex;align-items:center;gap:12px;font-size:11px;font-weight:850;letter-spacing:.10em;color:var(--deep)}.essay-marker em{font-style:normal;background:var(--pink);padding:3px 8px;border-radius:999px;color:var(--ink);letter-spacing:0}
.essay-chapter h2{font-size:20px;margin:8px 0 12px}.essay-chapter p{font-size:15px;line-height:1.9;margin:0;max-width:930px}
.ending-note{margin:19px 0 0;padding:19px 25px;border-radius:15px;background:var(--pink)}.ending-note p{margin:5px 0 0;font-size:14px;line-height:1.84}
.related-reading{margin-top:38px;border-radius:21px;background:linear-gradient(115deg,#f8dce8,#ffeef4 67%,#fff8fa);padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--line)}.related-reading h2{font-size:22px;margin:8px 0}.related-reading p{margin:0;font-size:14px}.related-list{display:flex;flex-wrap:wrap;gap:8px}.related-list a{display:inline-flex;gap:14px;justify-content:space-between;align-items:center;border-radius:999px;background:white;padding:9px 17px;color:var(--ink);min-height:42px;font-weight:720;font-size:13px}.related-list a:hover{background:var(--rose);color:white}
.interior-ledger .essay-grid{position:relative;gap:8px;padding-left:12px;border-left:2px solid #f6c3d6;margin-left:30px}.interior-ledger .essay-chapter{border:0;box-shadow:none;border-radius:0 15px 15px 0;background:transparent;padding:20px 23px 20px 12px}.interior-ledger .essay-chapter:before{content:"";position:absolute;left:-19px;top:35px;width:11px;height:11px;border-radius:50%;border:3px solid var(--rose);background:white}.interior-ledger .chapter-decor{font-size:23px}
.interior-portraits .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-portraits .essay-chapter{grid-template-columns:1fr;align-content:start;gap:0}.interior-portraits .essay-chapter .chapter-decor{border-radius:50%;width:49px;height:49px;border:1px solid #f1c0d2;background:#fff1f6;display:grid;place-items:center;font-size:23px;margin-bottom:15px}.interior-portraits .essay-chapter:nth-child(2n){background:#fff9fc}
.interior-streets .essay-grid{gap:12px}.interior-streets .essay-chapter{background:linear-gradient(90deg,#fff5f9 0 16%,white 16% 100%);border-radius:10px;grid-template-columns:80px 1fr}.interior-streets .essay-chapter:nth-child(2){margin-left:25px}.interior-streets .essay-chapter:nth-child(4){margin-right:25px}
.interior-scraps .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.interior-scraps .essay-chapter{grid-template-columns:1fr;background:#fff;border-top:4px solid #f6b6cc;padding:23px}.interior-scraps .essay-chapter:nth-child(3n){border-top-color:#dc7ba1}.interior-scraps .chapter-decor{font-size:26px}
.interior-longform .essay-grid{max-width:890px;margin-left:auto;margin-right:auto;gap:0}.interior-longform .essay-chapter{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:32px 8px;grid-template-columns:46px 1fr}.interior-longform .essay-chapter p{font-size:16px;line-height:2}.interior-longform .chapter-decor{font-family:Georgia,serif;font-style:italic}
.interior-steps .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-steps .essay-chapter{grid-template-columns:1fr;border-left:5px solid #e88bab;gap:8px}.interior-steps .essay-chapter:nth-child(3n){border-left-color:#d76790}
.interior-moods .essay-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.interior-moods .essay-chapter{grid-template-columns:1fr;gap:4px;padding:24px;background:#fff4f8}.interior-moods .essay-chapter:nth-child(2n){background:#ffebf3}.interior-moods .chapter-decor{font-size:32px}
.interior-books .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-books .essay-chapter{grid-template-columns:1fr;border-left:10px solid #d96b92;box-shadow:6px 7px 0 #f8ddea;border-radius:8px 16px 16px 8px}.interior-books .essay-chapter:nth-child(2n){border-left-color:#a3577b}
.interior-ranking .essay-grid{gap:9px}.interior-ranking .essay-chapter{grid-template-columns:120px 1fr;background:#fff9fc;padding:21px 25px}.interior-ranking .chapter-decor{font-size:60px;color:#e88aad}
.interior-status .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-status .essay-chapter{grid-template-columns:1fr;gap:0}.interior-status .essay-chapter:nth-child(-n+4){background:#fff0f6;border-color:#f5c8d8}.interior-status .chapter-decor{font-size:23px}
.interior-workflow .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-workflow .essay-chapter{border-radius:5px 19px 19px 5px;border-left:5px solid var(--rose);grid-template-columns:52px 1fr}
.interior-letters .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.interior-letters .essay-chapter{border-radius:4px 4px 18px 18px;grid-template-columns:1fr;background:#fffdfd;border-top:4px solid var(--rose);padding:28px 30px;box-shadow:var(--shadow)}.interior-letters .chapter-decor{font-style:italic;font-family:Georgia,serif}.interior-letters .essay-chapter p{font-size:15px;line-height:2}
.interior-paths .essay-grid{padding-left:25px;position:relative}.interior-paths .essay-grid:before{content:"";position:absolute;left:10px;top:10px;bottom:10px;border-left:2px dotted #e985aa}.interior-paths .essay-chapter{border-radius:18px;grid-template-columns:65px 1fr}.interior-paths .essay-chapter:nth-child(2n){background:#fff7fb}
.interior-product .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-product .essay-chapter{grid-template-columns:1fr}.interior-product .chapter-decor{font-size:26px}
.interior-guide .essay-chapter{border:0;border-bottom:1px solid var(--line);border-radius:0;background:white}.interior-guide .chapter-decor{color:var(--rose)}
.interior-policy .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-policy .essay-chapter{grid-template-columns:1fr;gap:0}.interior-policy .essay-chapter h2{font-size:19px}.interior-policy .chapter-decor{font-size:26px}
.interior-statement .essay-grid{max-width:970px;margin:25px auto 0;gap:0}.interior-statement .essay-chapter{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:32px 12px;grid-template-columns:90px 1fr}.interior-statement .chapter-decor{font-size:53px;font-family:Georgia,serif;font-style:italic}.interior-statement .essay-chapter p{font-size:16px;line-height:2}
.faq-page{padding:35px 0 75px}.faq-heading{border:1px solid var(--line);background:white;padding:32px 38px;border-radius:20px;margin-bottom:19px}.faq-heading h1{margin-bottom:13px}.faq-heading>p{font-size:16px;max-width:820px;margin-bottom:0}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px}.faq-item{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.faq-item summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:20px 22px;line-height:1.5;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-number{color:var(--rose);font-weight:850}.faq-item summary strong{font-size:15px;flex:1;color:var(--ink)}.faq-toggle{font-size:22px;color:var(--deep)}.faq-item[open] .faq-toggle{transform:rotate(45deg)}.faq-item p{font-size:14px;padding:0 23px 21px;margin:0;line-height:1.9}
/* footer */
.page-footer{background:var(--ink);color:#F8D6E4;width:100%;padding:48px 0 0}.footer-inner{display:grid;grid-template-columns:minmax(240px,1.8fr) repeat(4,minmax(115px,1fr));gap:28px 23px}.footer-brand{display:inline-flex;align-items:center;min-height:42px;color:white}.footer-brand .brand-type{color:white}.footer-brand .brand-type span{color:#FF9BC1}.footer-brand .brand-img{max-height:33px}.footer-english{display:block;font-size:11px;letter-spacing:.14em;color:#f9b5d0;font-weight:800;margin:4px 0 12px}.footer-identity p{font-size:13px;color:#f1c4d6;line-height:1.95;max-width:315px}.footer-links{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-links h2{font-size:14px;color:white;font-weight:780;margin:0 0 8px}.footer-links a{font-size:13px;color:#f0c8d6;line-height:1.55}.footer-links a:hover{color:white;text-decoration:underline;text-underline-offset:4px}.footer-base{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.17);padding:20px 0 26px;margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#f0c2d5}.footer-base p{margin:0;max-width:780px}.footer-base span{white-space:nowrap}
.mobile-dock{display:none}
/* overlays: both unavailable for pointer capture until explicitly opened */
.overlay-shade{position:fixed;inset:0;background:rgba(57,14,36,.48);z-index:105;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .21s,visibility .21s}.overlay-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}
.letter-panel{position:fixed;bottom:0;left:50%;z-index:110;width:min(920px,100%);max-height:70dvh;background:#fff9fc;border:1px solid rgba(232,90,139,.26);border-radius:24px 24px 0 0;box-shadow:0 -20px 75px rgba(74,22,48,.22);visibility:hidden;pointer-events:none;opacity:0;transform:translate(-50%,105%);transition:transform .26s,visibility .26s,opacity .26s;display:flex;flex-direction:column;min-width:0}
.letter-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translate(-50%,0)}
.panel-top{flex:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:19px 25px;border-bottom:1px solid var(--line);background:white;border-radius:24px 24px 0 0}.panel-brand{display:flex;align-items:center;gap:15px;min-width:0}.panel-brand .brand-type{font-size:20px}.panel-brand .brand-img{max-height:31px}.panel-brand>span{font-size:12px;color:var(--muted)}.panel-close{flex:none;border:1px solid var(--line);background:white;color:var(--ink);font-size:25px;font-weight:350;line-height:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.panel-close:hover{background:var(--pink)}.panel-scroll{overflow-y:auto;overscroll-behavior:contain;padding:24px 26px 35px;min-height:0}.panel-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 27px}.panel-group h2{font-size:14px;margin:0 0 11px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--deep)}.panel-links{display:grid;gap:6px}.panel-links a{display:grid;grid-template-columns:1fr 20px;gap:1px 7px;min-height:57px;border-radius:11px;padding:7px 11px}.panel-links a:hover{background:#ffe6f0}.panel-links a strong{font-size:14px;color:var(--ink);grid-column:1}.panel-links a small{font-size:12px;color:var(--muted);grid-column:1;line-height:1.65}.panel-links a>span{grid-column:2;grid-row:1/3;align-self:center;color:var(--rose)}
.search-panel{position:fixed;top:92px;left:50%;transform:translate(-50%,-12px);width:min(655px,calc(100% - 32px));z-index:112;border:1px solid var(--line);background:white;border-radius:21px;box-shadow:0 25px 65px rgba(74,22,48,.21);padding:22px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;max-height:calc(100dvh - 105px);overflow-y:auto}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.search-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.search-head small{color:var(--rose);font-weight:800;letter-spacing:.13em;font-size:11px}.search-head h2{font-size:23px;margin:3px 0 17px}.search-panel label{font-size:13px;font-weight:750;color:var(--muted);display:block;margin-bottom:7px}.search-panel input{width:100%;height:48px;padding:10px 16px;border:1px solid #ebb8cd;border-radius:13px;background:#fff8fb;color:var(--ink);outline-offset:2px}.search-result-head{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;font-weight:750;margin:19px 0 12px}.search-result-head span{color:var(--muted);font-weight:500;font-size:12px}.search-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.search-links a{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 13px;border-radius:10px;background:var(--bg);font-size:14px}.search-links a:hover{background:var(--pink)}.search-links a>span:last-child{color:var(--rose)}.search-links a[hidden]{display:none}.search-empty{color:var(--muted);font-size:14px}
@media(max-width:1050px){.footer-inner{grid-template-columns:minmax(250px,2fr) repeat(2,minmax(135px,1fr));gap:22px}.footer-identity{grid-row:span 2}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookcase{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.sticker-links{overflow-x:auto;scrollbar-width:none}.sticker-links::-webkit-scrollbar{display:none}.diary-board,.focus-feature,.bench-layout,.mail-feature{grid-template-columns:1fr}.diary-board>.visual,.focus-feature>.visual,.bench-layout>.visual,.mail-feature>.visual{height:240px;min-height:240px}.mail-feature{gap:13px}.app-band{grid-template-columns:1fr}.app-band>.visual{height:280px;min-height:250px}.interior-cover--split{grid-template-columns:1fr}.interior-cover--split>.visual{height:230px;min-height:230px}.interior-moods .essay-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html{scroll-padding-top:100px}.site-main{padding-top:86px}.homepage{padding-top:17px;padding-bottom:42px}.sticker-rail{display:none}.cover-inner{gap:5px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr)}.brand-type{font-size:19px}.letter-trigger{width:44px;min-width:44px;height:44px;padding:0;border-radius:12px}.letter-trigger>span:last-child{display:none}.app-quick{font-size:12px;padding:8px 13px;min-height:44px}.app-quick span{font-size:13px}.brand-img{max-height:31px;max-width:min(154px,100%)}.wrap{width:calc(100% - 32px)}.home-unit{margin-top:43px}.section-head{align-items:start;gap:10px}.section-head h2{font-size:23px}.section-head>p{display:none}.section-next{font-size:12px;margin-top:10px}.envelope-cover{padding:8px 8px 25px;border-radius:19px}.cover-photo>.visual{height:min(46vw,236px);min-height:150px;border-radius:11px}.envelope-intro{padding:24px 13px 0}.envelope-intro h1{font-size:30px}.envelope-intro>p:not(.brand-line){font-size:14px;line-height:1.85}.note-grid{grid-template-columns:1fr;gap:12px}.note-card>.visual{height:190px;min-height:190px}.note-card-body{padding:17px 19px 20px}.note-card p{font-size:14px}.diary-copy{padding:24px 22px}.diary-board>.visual{height:220px;min-height:220px}.album-feature{grid-template-columns:1fr;gap:13px}.album-feature>.visual{height:160px;min-height:160px}.bookcase{gap:11px}.volume{min-height:200px;padding:13px 14px}.volume strong{font-size:20px;margin-top:9px}.volume small{font-size:12px}.focus-list{padding:7px 18px}.focus-row{grid-template-columns:53px minmax(0,1fr) 17px;min-height:72px}.focus-row>b{font-size:32px}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.state-card{min-height:152px;padding:17px 14px}.state-card strong{font-size:18px}.bench-steps{padding:10px 18px}.home-letter{padding:21px 20px}.walk-tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.walk-tips a{min-height:168px;padding:17px 15px}.walk-tips strong{font-size:16px}.app-band{padding:27px 22px;gap:17px}.app-word h2{font-size:24px}.app-word>p{font-size:14px}.app-band>.visual{height:295px;min-height:295px}.conscience-grid,.faq-home-grid{grid-template-columns:1fr}.conscience-card{padding:25px 22px}.about-inner{padding:25px 20px}.interior{padding-top:20px;padding-bottom:38px}.interior-cover{padding:25px 21px 21px;gap:18px}.interior-cover h1{font-size:29px}.interior-cover>.visual,.interior-cover--split>.visual{height:200px;min-height:200px}.intro-lead{font-size:15px}.essay-grid{gap:10px}.essay-chapter{grid-template-columns:41px minmax(0,1fr);gap:10px;padding:20px 18px}.chapter-decor{font-size:24px}.essay-chapter h2{font-size:19px}.essay-chapter p{font-size:14px}.interior-ledger .essay-grid{margin-left:11px}.interior-portraits .essay-grid,.interior-scraps .essay-grid,.interior-steps .essay-grid,.interior-moods .essay-grid,.interior-books .essay-grid,.interior-status .essay-grid,.interior-workflow .essay-grid,.interior-letters .essay-grid,.interior-product .essay-grid,.interior-policy .essay-grid{grid-template-columns:1fr}.interior-streets .essay-chapter:nth-child(2){margin-left:0}.interior-streets .essay-chapter:nth-child(4){margin-right:0}.interior-ranking .essay-chapter{grid-template-columns:65px 1fr;padding:20px 17px}.interior-ranking .chapter-decor{font-size:39px}.interior-longform .essay-chapter,.interior-statement .essay-chapter{grid-template-columns:32px 1fr}.interior-statement .chapter-decor{font-size:29px}.interior-longform .essay-chapter p,.interior-statement .essay-chapter p{font-size:15px}.interior-paths .essay-grid{padding-left:15px}.related-reading{padding:25px 20px;display:block;margin-top:25px}.related-reading h2{font-size:20px}.related-list{margin-top:19px}.faq-page{padding:22px 0 38px}.faq-heading{padding:24px 20px}.faq-heading>p{font-size:14px}.faq-list{grid-template-columns:1fr}.faq-item summary{padding:17px}.faq-item p{padding:0 17px 19px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px}.footer-identity{grid-column:1/-1;grid-row:auto}.footer-base{display:block;padding-bottom:89px}.footer-base span{display:block;margin-top:8px;white-space:normal}.page-footer{padding-top:34px}.mobile-dock{position:fixed;z-index:45;bottom:0;left:0;right:0;width:100%;height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.97);backdrop-filter:blur(9px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;box-shadow:0 -8px 25px rgba(74,22,48,.09)}.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;text-align:center;font-size:11px;color:var(--muted);line-height:1.15}.mobile-dock a>span{font-size:19px;line-height:1.2}.mobile-dock a small{font-size:11px}.mobile-dock a.is-current{background:var(--rose);color:white}.panel-brand>span{display:none}.letter-panel{max-height:min(83dvh,850px);width:100%;border-radius:20px 20px 0 0}.panel-top{padding:13px 16px;border-radius:20px 20px 0 0}.panel-scroll{padding:18px 14px calc(24px + env(safe-area-inset-bottom,0px))}.panel-groups{grid-template-columns:1fr;gap:15px}.panel-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.panel-links a{grid-template-columns:minmax(0,1fr);padding:10px 9px;border:1px solid var(--line);min-height:80px}.panel-links a strong,.panel-links a small{grid-column:1}.panel-links a>span{display:none}.panel-links a small{font-size:11px}.search-panel{top:91px;width:calc(100% - 20px);padding:20px 16px;max-height:calc(100dvh - 105px)}.search-links{grid-template-columns:1fr 1fr}.search-links a{font-size:13px;padding:10px 8px;min-width:0}.search-head h2{font-size:21px}.overlay-shade{z-index:105}}
@media(max-width:360px){.brand-type{font-size:17px}.app-quick{padding-inline:10px;font-size:11px}.cover-inner{gap:3px}.envelope-intro h1{font-size:28px}.section-head h2{font-size:21px}.bookcase{grid-template-columns:1fr 1fr}.volume{min-height:175px;padding:12px}.volume strong{font-size:18px}.note-card>.visual{height:175px;min-height:175px}.footer-links a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.ending-note .second-thought{margin-top:10px}