*{box-sizing:border-box}html{scroll-behavior:smooth}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}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.site-top{position:fixed;z-index:50;top:0;left:0;right:0}.sugar-eave{height:20px;background:#C46A82;color:#FFF8FA;font-size:12px}.eave-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn{background:none;border:0;color:#FFF8FA;padding:0 4px;cursor:pointer}.sugar-sign{height:54px;background:#FFF8FA;border-bottom:1px solid rgba(196,106,130,.20)}.sign-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-home{display:flex;align-items:center;gap:8px;min-width:0}.brand-logo-slot img{display:block;height:24px;max-width:140px;object-fit:contain;object-position:center}.brand-logo-slot:has(img)+.brand-fallback{display:none}.brand-fallback{font-weight:800;color:#4A2430}.sign-actions{display:flex;align-items:center;gap:8px}.app-link,.drawer-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:22px}.app-link{color:#C46A82}.drawer-btn{border:1px solid rgba(196,106,130,.35);background:#FFF8FA;color:#4A2430;cursor:pointer}.sugar-beads{height:44px;background:#F7C6D4}.bead-row{height:44px;display:flex;align-items:center;gap:8px}.bead{font-size:13px;min-height:32px;padding:5px 14px;border-radius:22px;display:inline-flex;align-items:center}.bead.is-active{background:#C46A82;color:#FFF8FA}.site-main{padding-top:134px}.hero,.page-hero{padding:46px 0 30px}.hero h1,.page-hero h1{font-size:24px;line-height:1.3;color:#4A2430;margin:14px 0 12px}.eyebrow{font-size:13px;color:#8A5A68}.lead{font-size:16px;color:#4A2430;max-width:720px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row a,.tag{display:inline-flex;align-items:center;min-height:36px;padding:4px 13px;border-radius:999px;background:#FFF8FA;border:1px solid rgba(232,155,176,.50);color:#4A2430}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{min-height:42px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.btn-primary{background:linear-gradient(135deg,#E89BB0 0%,#C46A82 100%);color:#FFF8FA}.btn-secondary{background:#FFF8FA;border:1px solid #C46A82;color:#4A2430}.btn-primary:hover,.btn-secondary:hover,.bead:hover,.search-picks a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid #7CB8A8;outline-offset:2px}.section{padding:28px 0}.section.alt{background:#FCE8EE}.section h2{font-size:20px;color:#4A2430;margin:0 0 14px}.section h3{font-size:16px;color:#4A2430;margin:0 0 8px}.section p{margin:0 0 12px}.stack-cards{display:grid;gap:0;max-width:760px;margin:0 auto}.stack-card{background:#FFF8FA;border:1px solid rgba(196,106,130,.20);box-shadow:0 12px 28px rgba(74,36,48,.08);border-radius:16px;padding:20px}.stack-card+ .stack-card{margin:-10px 18px 0 18px;position:relative}.image-slot{background:#F7C6D4;border:1px solid rgba(232,155,176,.50);border-radius:14px;min-height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.image-slot.tall{height:320px}.image-slot.banner{height:200px}.image-slot.medium{height:176px}.image-slot img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.two-strips{display:grid;grid-template-columns:1fr 1fr;gap:16px}.strip{background:#FFF8FA;border-left:4px solid #E89BB0;border-radius:12px;padding:18px;min-width:0}.fold-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fold-card{position:relative;background:#FFF8FA;border:1px solid rgba(196,106,130,.20);border-radius:14px;padding:20px;overflow:hidden}.fold-card:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 30px 30px 0;border-color:transparent #F7C6D4 transparent transparent}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.note-card,.center-card,.rule-card,.status-row,.memo-item,.topic-row{background:#FFF8FA;border:1px solid rgba(196,106,130,.20);border-radius:14px;padding:18px;min-width:0}.center-card{max-width:720px;margin:0 auto;text-align:center}.center-card .image-slot{max-width:520px;margin:0 auto 16px}.page-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-list,.memo-list,.topic-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}.status-row strong{color:#C46A82}.memo-item{display:flex;gap:14px}.memo-item b{min-width:82px;color:#4A2430}.product-axis{max-width:700px;margin:0 auto;text-align:center}.product-icon{width:48px;height:48px;margin:0 auto 10px;background:#FFF8FA;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-icon img{width:48px;height:48px;object-fit:contain}.article{max-width:820px;margin:0 auto}.article section{background:#FFF8FA;border-radius:14px;padding:20px;margin-bottom:14px;border:1px solid rgba(196,106,130,.20)}.article h2{font-size:20px;margin:0 0 10px}.article h3{font-size:16px}.faq-list{display:grid;gap:12px}.faq-item{background:#FFF8FA;border:1px solid rgba(196,106,130,.20);border-radius:14px;padding:18px}.faq-item h2{font-size:16px;margin:0 0 8px}.site-footer{background:#3A1A24;color:#FFF0F5;padding:30px 0 calc(24px + env(safe-area-inset-bottom));font-size:13px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:18px}.footer-grid h2{font-size:13px;margin:0 0 8px;color:#FFF8FA}.footer-grid a{display:block;color:#FFF0F5;padding:3px 0}.footer-brand{display:flex;flex-direction:column;gap:5px}.footer-logo img{height:24px;max-width:120px;object-fit:contain;background:#FFF8FA;border-radius:5px}.footer-note{border-top:1px solid rgba(255,248,250,.18);margin-top:22px;padding-top:16px;color:#FCE8EE}.overlay{position:fixed;z-index:70;inset:0;background:rgba(58,26,36,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:80;left:0;right:0;top:0;height:min(38vh,420px);background:#FFF8FA;transform:translateY(-105%);visibility:hidden;pointer-events:none;transition:.24s ease;overflow:auto;box-shadow:0 12px 28px rgba(74,36,48,.18)}.drawer.open{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-head{height:58px;border-bottom:1px solid rgba(196,106,130,.20);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 960px)/2))}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-logo img{height:24px;max-width:120px;object-fit:contain}.close-btn{min-height:44px;padding:0 14px;border:1px solid rgba(196,106,130,.35);background:#FFF8FA;border-radius:12px;color:#4A2430;cursor:pointer}.drawer-groups{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:18px;padding-top:16px;padding-bottom:22px}.drawer-groups h2{font-size:13px;color:#8A5A68;margin:0 0 7px}.drawer-groups a{display:block;padding:6px 0}.drawer-groups b,.drawer-groups span{display:block}.drawer-groups b{font-size:14px;color:#4A2430}.drawer-groups span{font-size:12px;color:#8A5A68}.search-panel{position:fixed;z-index:75;left:0;right:0;top:74px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#FFF8FA;border-radius:0 0 16px 16px;box-shadow:0 12px 28px rgba(74,36,48,.12);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-picks{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.search-picks a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:20px;background:#FCE8EE;color:#4A2430}.mobile-bar{display:none}.soft-divider{height:1px;background:rgba(196,106,130,.20);margin:18px 0}.kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:#FCE8EE;color:#8A5A68;font-size:12px}.compact-list{display:grid;gap:10px}.compact-list a{background:#FFF8FA;border:1px solid rgba(196,106,130,.20);border-radius:12px;padding:14px;display:block}.quote-box{background:#F7C6D4;border-radius:14px;padding:18px;color:#4A2430}.mini-steps{counter-reset:item;display:grid;gap:10px}.mini-steps div{background:#FFF8FA;border-radius:12px;padding:16px 16px 16px 52px;position:relative;border:1px solid rgba(196,106,130,.20)}.mini-steps div:before{counter-increment:item;content:counter(item);position:absolute;left:16px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#C46A82;color:#FFF8FA;font-weight:700}@media(max-width:760px){.sugar-beads{display:none}.site-main{padding-top:74px;padding-bottom:58px}.hero,.page-hero{padding:32px 0 22px}.two-strips,.fold-grid,.note-grid,.page-columns{grid-template-columns:1fr}.status-row{grid-template-columns:1fr;gap:5px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.drawer{height:38vh}.drawer-groups{grid-template-columns:1fr 1fr;gap:12px}.search-panel{top:0;bottom:0;background:#C46A82;color:#FFF8FA;display:flex;align-items:flex-start}.search-card{width:100%;height:100%;border-radius:0;background:#C46A82;color:#FFF8FA;padding-top:24px}.search-head strong{color:#FFF8FA}.search-panel .close-btn{background:#FFF8FA}.search-picks a{background:#FFF8FA}.mobile-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#FFF8FA;border-top:1px solid rgba(196,106,130,.20)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-active{background:#C46A82;color:#FFF8FA}.stack-card+.stack-card{margin:-6px 8px 0}.image-slot.tall{height:280px}.sign-actions{gap:2px}.app-link,.drawer-btn{padding:0 10px}.brand-logo-slot img{max-width:108px}}@media(max-width:420px){.shell{width:min(100% - 32px,960px)}.footer-grid{grid-template-columns:1fr 1fr}.drawer-groups{grid-template-columns:1fr 1fr}.drawer-groups span{display:none}.hero h1,.page-hero h1{font-size:24px}.section h2{font-size:20px}}