*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#FFF0F5;color:#5A3040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.ui-lock{overflow:hidden}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#FFF8FA;color:#4A2430;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.site-header{position:fixed;top:0;left:0;right:0;z-index:80;box-shadow:0 4px 16px rgba(74,36,48,.06)}.sugar-eave{height:20px;background:#C46A82;color:#FFF8FA;font-size:12px}.eave-inner,.plaque-inner,.bead-row{height:100%;display:flex;align-items:center}.eave-inner{justify-content:space-between}.text-button,.drawer-button,.close-button{font:inherit}.text-button{border:0;background:transparent;color:#FFF8FA;padding:0 4px;cursor:pointer}.sugar-plaque{height:54px;background:#FFF8FA;border-bottom:1px solid rgba(196,106,130,.2)}.plaque-inner{justify-content:space-between}.brand-link{display:inline-flex;align-items:center;min-height:44px;color:#4A2430;text-decoration:none}.logo-pad,.footer-logo-pad{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:3px 8px}.brand-logo,.footer-logo{height:24px;max-width:180px;object-fit:contain;object-position:center;display:block}.brand-text{font-weight:800;font-size:16px}.plaque-actions{display:flex;align-items:center;gap:8px}.app-link,.drawer-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-size:14px}.app-link{color:#C46A82;padding:0 10px}.drawer-button{border:1px solid rgba(196,106,130,.28);background:#FFF8FA;color:#4A2430;padding:0 12px;cursor:pointer}.sugar-beads{height:44px;background:#F7C6D4}.bead-row{gap:8px}.bead{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 16px;border-radius:22px;color:#4A2430;text-decoration:none;background:rgba(255,248,250,.72);font-size:13px}.bead.is-active{background:#C46A82;color:#FFF8FA}.main-content{padding-top:118px;min-height:60vh;padding-bottom:30px}h1,h2,h3{color:#4A2430;margin:0 0 12px;line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}a{color:#A44D67}.page-hero,.home-intro,.content-section{width:min(960px,calc(100% - 32px));margin:0 auto 24px}.page-hero{padding:30px 0 8px}.eyebrow{font-size:12px;letter-spacing:.1em;color:#8A5A68;margin-bottom:8px}.lead{font-size:16px;color:#5A3040}.pill-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pill-index a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:20px;background:#FFF8FA;border:1px solid rgba(232,155,176,.5);text-decoration:none;color:#4A2430}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;text-decoration:none;font-size:14px;white-space:nowrap}.primary-btn{background:linear-gradient(135deg,#E89BB0 0%,#C46A82 100%);color:#FFF8FA}.secondary-btn{background:#FFF8FA;border:1px solid #C46A82;color:#4A2430}.primary-btn:hover,.secondary-btn:hover,.bead:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(124,184,168,.5);outline-offset:2px}.media-box,.hero-media,.app-media,.banner-media{background:#F7C6D4;border:1px solid rgba(196,106,130,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-box{min-height:150px}.media-box img,.hero-media img,.app-media img,.banner-media img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;display:block}.stack-layout{display:grid;gap:14px}.stack-card{background:#FFF8FA;border:1px solid rgba(196,106,130,.2);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(74,36,48,.08)}.stack-card.shift{margin-left:7%;margin-top:-6px}.stack-card .media-box{height:176px;margin-bottom:16px}.short-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.short-strip{background:#FFF8FA;border-left:4px solid #E89BB0;border-radius:12px;padding:18px}.short-strip .media-box{height:160px;margin-bottom:12px}.fold-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fold-card{position:relative;background:#FFF8FA;border:1px solid rgba(196,106,130,.2);padding:20px;border-radius:14px;overflow:hidden}.fold-card:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 34px 34px 0;border-color:transparent #F7C6D4 transparent transparent}.fold-card .media-box{height:158px;margin-bottom:14px}.center-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center-card{text-align:center;background:#FFF8FA;border-radius:16px;padding:22px;border:1px solid rgba(196,106,130,.2)}.center-card .media-box{height:170px;margin-bottom:14px}.topic-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-step{background:#FCE8EE;border-radius:14px;padding:18px;border:1px solid rgba(196,106,130,.16)}.status-list{display:grid;gap:10px}.status-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#FFF8FA;border-radius:12px;padding:16px;border:1px solid rgba(196,106,130,.2)}.status-badge{flex:0 0 auto;padding:3px 10px;border-radius:20px;background:#F7C6D4;color:#4A2430;font-size:12px}.app-axis{text-align:center;background:#FFF8FA;border-radius:16px;padding:24px;border:1px solid rgba(196,106,130,.2)}.app-media{height:300px;max-width:440px;margin:0 auto 12px}.app-icon{width:48px;height:48px;object-fit:contain;display:block;margin:0 auto 10px}.note-list{display:grid;gap:12px}.note-item{background:#FFF8FA;border-radius:12px;padding:17px;border-top:3px solid #E89BB0}.memo-list{counter-reset:memo;display:grid;gap:12px}.memo-item{background:#FFF8FA;border-radius:12px;padding:17px 17px 17px 56px;position:relative}.memo-item:before{counter-increment:memo;content:counter(memo,decimal-leading-zero);position:absolute;left:16px;top:16px;color:#C46A82;font-weight:800}.feature-list{display:grid;gap:12px}.feature-row{display:grid;grid-template-columns:180px 1fr;gap:16px;background:#FFF8FA;border-radius:14px;padding:16px;border:1px solid rgba(196,106,130,.2)}.feature-row .media-box{height:132px}.terms{background:#FFF8FA;border-radius:16px;padding:22px;border:1px solid rgba(196,106,130,.2)}.terms section+section{border-top:1px solid rgba(196,106,130,.16);padding-top:18px;margin-top:18px}.faq-list{display:grid;gap:12px}.faq-item{background:#FFF8FA;border-radius:14px;padding:18px;border:1px solid rgba(196,106,130,.2)}.banner-media{height:200px;margin:0 auto 18px}.site-footer{background:#3A1A24;color:#FFF0F5;padding:30px 0 calc(26px + env(safe-area-inset-bottom));font-size:13px;border-top:1px solid rgba(255,248,250,.28)}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:18px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-grid strong{display:block;color:#FFF8FA;margin-bottom:8px}.footer-grid a{display:block;color:#FFF0F5;text-decoration:none;margin:4px 0}.footer-note{border-top:1px solid rgba(255,248,250,.16);padding-top:16px;margin-top:18px;color:#F7DCE4}.overlay{position:fixed;inset:0;background:rgba(58,26,36,.38);z-index:100;opacity:0;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;pointer-events:auto}.site-drawer{position:fixed;left:0;right:0;top:0;z-index:110;background:#FFF8FA;max-height:38vh;min-height:260px;transform:translateY(-105%);visibility:hidden;pointer-events:none;transition:.22s ease;overflow:auto;box-shadow:0 16px 40px rgba(74,36,48,.18)}.site-drawer.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#FFF8FA;display:flex;justify-content:space-between;align-items:center;padding:12px max(16px,calc((100% - 960px)/2));border-bottom:1px solid rgba(196,106,130,.2);z-index:2}.drawer-brand{display:flex;align-items:center;gap:10px}.close-button{min-height:40px;border:1px solid rgba(196,106,130,.28);border-radius:10px;background:#FFF8FA;color:#4A2430;padding:0 12px;cursor:pointer}.drawer-groups{width:min(960px,calc(100% - 32px));margin:0 auto;padding:18px 0 24px;display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1.3fr;gap:18px}.drawer-groups h2{font-size:14px}.drawer-groups a{display:block;text-decoration:none;color:#4A2430;padding:7px 0}.drawer-groups a span{display:block;color:#8A5A68;font-size:12px}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:105;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.18s}.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-card{width:min(720px,calc(100% - 32px));margin:0 auto;background:#FFF8FA;border:1px solid rgba(196,106,130,.2);border-radius:0 0 16px 16px;box-shadow:0 12px 28px rgba(74,36,48,.08);padding:18px}.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-label{display:block;color:#8A5A68;margin:12px 0 6px}#quick-search{width:100%;min-height:44px;border:1px solid rgba(196,106,130,.3);border-radius:10px;padding:0 12px;background:#fff;color:#4A2430}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-links a{min-height:38px;display:inline-flex;align-items:center;padding:0 14px;border-radius:20px;background:#FCE8EE;color:#4A2430;text-decoration:none}.mobile-bottom{display:none}.home-intro{padding:30px 0 8px}.home-intro .actions{margin-top:14px}.muted{color:#8A5A68}.small{font-size:13px}.accent-box{background:#F7C6D4;border-radius:14px;padding:18px}.mint-note{border-left:4px solid #7CB8A8}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plain-list{margin:0;padding-left:1.2em}.plain-list li{margin:7px 0}
@media(max-width:760px){.shell,.page-hero,.home-intro,.content-section{width:calc(100% - 32px)}.sugar-beads{display:none}.main-content{padding-top:74px;padding-bottom:70px}.plaque-actions{gap:2px}.app-link{padding:0 8px}.drawer-button{padding:0 10px}.short-two,.fold-grid,.center-cards,.topic-steps,.split-note,.footer-grid,.feature-row{grid-template-columns:1fr}.stack-card.shift{margin-left:3%}.drawer-groups{grid-template-columns:1fr 1fr;gap:14px}.site-drawer{max-height:62vh}.search-panel{top:0;bottom:0;background:#C46A82;padding-top:24px}.search-card{width:calc(100% - 32px);border-radius:16px;background:#C46A82;color:#FFF8FA;border-color:rgba(255,248,250,.35)}.search-head strong,.search-label{color:#FFF8FA}.search-card .close-button{background:#FFF8FA}.search-links a{background:#FFF8FA}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:90;background:#FFF8FA;border-top:1px solid rgba(196,106,130,.2)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#4A2430;font-size:13px;min-height:48px}.mobile-bottom a.is-active{background:#C46A82;color:#FFF8FA}.site-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.status-item{flex-direction:column;gap:8px}.app-media{height:280px}.banner-media{height:180px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:420px){.drawer-groups{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.brand-logo{max-width:140px}.eave-inner{gap:8px}.sugar-eave{font-size:11px}.app-link,.drawer-button{font-size:13px}}