*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8f5;color:#4a2933;font:16px/1.75 system-ui,-apple-system,"Microsoft YaHei",sans-serif;overflow-x:clip}a{color:#873448;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a34b62;outline-offset:3px}button,input{font:inherit}button{cursor:pointer}.wrap,.top-inner{max-width:1160px;margin:auto;padding-inline:24px}.main-shell{min-height:65vh}.top{background:#fff;border-bottom:1px solid #e9d7d2;position:relative;z-index:10}.top-inner{height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:145px;color:#4a2933}.brand:hover{text-decoration:none}.brand-text{font-size:18px;font-weight:750;white-space:nowrap;line-height:1.25}.brand-text small,.foot-brand small{display:block;font-size:10px;letter-spacing:1.2px;font-weight:500}.visual{display:flex;align-items:center;justify-content:center;background:#fbe9e1;border:1px solid #ead7d3;border-radius:12px;width:100%;height:185px;min-width:0;overflow:visible;text-align:center}.visual img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.visual-label{font-size:14px;color:#70545b;padding:12px}.visual-logo{height:36px;width:55px;flex:0 0 55px;border:0;background:transparent;border-radius:0}.visual-logo .visual-label{display:none}.visual-icon{width:64px;height:64px;border-radius:14px}.visual-hero{height:min(300px,32vw);min-height:180px;background:#fbe9e1}.visual-app{height:340px}.desktop-links{display:flex;align-items:center;justify-content:center;gap:clamp(5px,1.45vw,22px);flex:1}.desktop-links a,.desktop-discover>a{display:flex;align-items:center;min-height:44px;white-space:nowrap;padding:0 6px;font-size:14px;color:#4a2933}.desktop-links a[aria-current],.desktop-discover>a[aria-current]{color:#a33c58;font-weight:750}.head-actions{display:flex;align-items:center;gap:5px}.desktop-discover{display:flex;align-items:center;position:relative}.icon-button{min-width:44px;min-height:44px;border:0;background:transparent;color:#4a2933;font-size:25px;border-radius:8px}.icon-button:hover,.icon-button[aria-expanded=true]{background:#fbe9e1}.drop-menu{position:absolute;right:0;top:calc(100% + 8px);width:330px;padding:18px;background:#fff;border:1px solid #e9d7d2;border-radius:12px;box-shadow:0 10px 24px #4a29331a;z-index:20}.drop-menu[hidden],.search-panel[hidden],.mobile-menu[hidden]{display:none!important}.drop-menu section+section{border-top:1px solid #e9d7d2;margin-top:9px;padding-top:9px}.drop-menu h2,.mobile-menu h2{font-size:14px;margin:0 0 5px;color:#70545b}.drop-menu section a{display:inline-flex;padding:7px 9px;font-size:14px;min-height:36px}.search-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e9d7d2;box-shadow:0 8px 18px #4a293314;padding:15px 24px}.search-panel form{max-width:780px;margin:auto;display:flex;gap:12px;align-items:center}.search-panel label{white-space:nowrap;font-size:14px}.search-panel input{flex:1;min-width:0;padding:9px 12px;border:1px solid #ba999e;border-radius:8px}.search-panel button,.btn.primary{background:#933b55;color:white;border:0;border-radius:9px;padding:9px 20px;min-height:44px}.no-script-nav{display:none}.mobile-only,.mobile-menu,.bottom-nav{display:none}.home,.page{padding-top:46px;padding-bottom:70px}.eyebrow{text-transform:uppercase;color:#955063;font-size:12px;font-weight:700;letter-spacing:1.4px;margin-bottom:10px}h1{font-size:clamp(30px,3vw,34px);line-height:1.35;letter-spacing:-.4px;margin:0 0 18px}h2{font-size:clamp(22px,2.4vw,26px);line-height:1.45;margin:0 0 19px}h3{font-size:19px;line-height:1.45;margin:0 0 9px}p{margin:0 0 16px;color:#70545b}.lead{max-width:850px;font-size:17px;line-height:1.8}.opening .lead{max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 30px}.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:9px;padding:10px 21px}.btn.secondary{background:#fff;border:1px solid #b97e8d}.hero-frame{margin:0 auto;max-width:100%;padding:13px;background:#fff;border-radius:14px}.section{margin-top:62px}.soft-section{background:#fbe9e1;padding:27px;border-radius:14px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px}.section-heading h2{margin-bottom:16px}.text-link{font-weight:700;display:inline-block;margin-top:8px}.mood-layout{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:24px}.mood-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mini-card,.note,.feature-card,.status-cards article,.end-links article,.playlist-columns article{background:#fff;border:1px solid #e9d7d2;border-radius:12px;padding:17px;min-width:0}.mini-card{display:block;color:#4a2933}.mini-card strong,.mini-card span{display:block}.mini-card span{color:#70545b;font-size:14px;margin-top:7px}.story-layout{display:grid;grid-template-columns:5fr 7fr;gap:30px;align-items:center}.tag-links{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.tag-links a{display:inline-flex;padding:7px 14px;background:#fff;border:1px solid #d9aab4;border-radius:999px;font-size:14px}.frame-layout,.focus-row,.journal-row,.mobile-reading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.frame-layout p{margin-bottom:10px}.related{display:flex;flex-wrap:wrap;gap:12px;margin-top:19px}.related a{display:inline-flex;padding:9px 14px;background:#fff;border:1px solid #e9d7d2;border-radius:9px}.playlist-columns,.two-cards,.end-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.playlist-columns{margin:18px 0}.two-cards{align-items:stretch}.feature-card .visual{margin-bottom:15px}.feature-card a,.end-links a{font-weight:700}.interleave{display:grid;gap:22px}.interleave article{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.calendar-layout{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:center;margin:15px 0}.status-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.index-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}.app-icon{margin-top:16px}.end-links{grid-template-columns:repeat(4,minmax(0,1fr))}.page .page-visual{max-width:760px;margin:25px 0}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.note p{margin:0 0 9px}.prose{max-width:940px}.prose p{margin-bottom:16px}.faq-list{max-width:920px}.faq-item{border:1px solid #e9d7d2;background:#fff;border-radius:10px;margin-bottom:12px;padding:13px 18px}.faq-item summary{cursor:pointer;font-weight:700;min-height:34px}.faq-item p{margin-top:13px}.search-results .note{margin:12px 0}.footer{background:#542b3b;color:#fff;padding:42px 0 23px}.foot-brand{display:flex;align-items:center;gap:15px;margin-bottom:25px}.foot-brand strong{font-size:22px}.foot-brand p{margin:6px 0 0;color:#f4e3e7}.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.foot-grid h2{color:#fff;font-size:17px;margin:0 0 12px}.foot-grid a{display:block;color:#fff0f2;min-height:32px;font-size:14px}.copyright{border-top:1px solid #ffffff45;margin:22px 0 0;padding-top:17px;color:#f4e3e7;font-size:13px}@media(max-width:900px){.desktop-links{gap:2px}.top-inner{gap:8px}.brand{min-width:130px}.desktop-links a,.desktop-discover>a{font-size:13px;padding:0 3px}.mood-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.status-cards{grid-template-columns:1fr}.end-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){body{font-size:15.5px;line-height:1.72;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.wrap,.top-inner{padding-inline:18px}.top-inner{height:62px;justify-content:space-between}.brand{min-width:0}.visual-logo{width:42px;flex-basis:42px}.brand-text{font-size:16px}.desktop-links,.desktop-discover{display:none}.mobile-only,.bottom-nav{display:flex}.mobile-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e9d7d2;padding:14px 18px;max-height:calc(100dvh - 62px - 56px - env(safe-area-inset-bottom));overflow-y:auto;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}.mobile-menu section{min-width:0}.mobile-menu h2{margin-top:10px}.mobile-menu a{display:block;padding:7px 0;min-height:36px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:12;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9d7d2;justify-content:space-around;align-items:center}.bottom-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;color:#4a2933;font-size:13px;flex:1}.bottom-nav a[aria-current]{color:#a33c58;font-weight:700}.search-panel{padding:12px 18px}.search-panel form{flex-wrap:wrap}.search-panel label{width:100%}.search-panel input{flex:1}.home,.page{padding-top:34px;padding-bottom:45px}h1{font-size:27px}h2{font-size:22px}h3{font-size:18px}.lead{font-size:15.5px}.section{margin-top:40px}.soft-section{padding:20px}.section-heading{align-items:start;flex-direction:column;gap:0}.mood-layout,.story-layout,.frame-layout,.focus-row,.journal-row,.calendar-layout,.index-layout,.mobile-reading,.interleave article{grid-template-columns:1fr}.story-layout .story-intro{display:contents}.story-layout .story-intro>p{order:1}.story-layout>.visual{order:2}.story-layout .tag-links{order:3}.story-layout .story-intro>.text-link{order:4}.frame-layout>.visual{order:2}.visual{height:165px}.visual-hero{height:220px;min-height:0}.visual-app{height:280px}.visual-logo{height:35px}.two-cards,.playlist-columns,.notes-grid{grid-template-columns:1fr}.interleave article:nth-child(2) .visual{order:0}.interleave article:nth-child(2)>div{order:1}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer{padding-top:32px}.foot-brand{align-items:flex-start}}@media(max-width:380px){.wrap,.top-inner{padding-inline:16px}.mood-cards,.end-links{grid-template-columns:1fr}.brand-text{font-size:15px}.brand-text small{font-size:9px}.head-actions{gap:0}.icon-button{min-width:42px}.visual-hero{height:200px}.search-panel form{gap:7px}.search-panel button{padding-inline:12px}}@media(max-width:340px){.brand .visual-logo{width:34px;flex-basis:34px}.brand{gap:5px}.brand-text{font-size:14px}.icon-button{min-width:40px}.foot-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}