:root{--c-sky:#cfeaff;--c-pink:#ffd9ec;--c-mint:#c8f0e4;--c-cream:#fff7ea;--c-ink:#6b5a6e;--c-accent:#ec6178;--c-accent-deep:#d44d68;--c-border-pink:#fbccd5;--c-yellow:#ffe08a;--c-white:#fff;--frame-max:480px;--radius:22px;--shadow:0 6px 0 rgba(199,150,175,.25)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{margin:0;padding:0}body{color:var(--c-ink);font-family:Hiragino Maru Gothic ProN,Hiragino Kaku Gothic ProN,M PLUS Rounded\ 1c,Segoe UI,system-ui,sans-serif;line-height:1.7;background:linear-gradient(180deg,#fdeaef,#fbdce5 60%,#fde7da);background-attachment:fixed;-webkit-text-size-adjust:100%}.app-frame{max-width:var(--frame-max);margin:0 auto;min-height:100dvh;background:linear-gradient(180deg,#fdeaef,#fbdce5 60%,#fde7da);box-shadow:0 0 40px hsla(0,0%,100%,.5)}img{max-width:100%;height:auto;display:block}.prose{white-space:pre-wrap;word-break:break-word}.hl,.hlNum{color:var(--c-accent);font-weight:800}.hlNum{font-size:1.7em;line-height:1;margin:0 2px;vertical-align:-.06em}.card{background:hsla(0,0%,100%,.72);border:3px solid var(--c-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin:16px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--c-white);border-radius:999px;font:inherit;font-weight:700;color:var(--c-white);background:linear-gradient(180deg,#f2768b,#e7556f);padding:16px 28px;width:100%;cursor:pointer;box-shadow:0 5px 0 var(--c-accent-deep);transition:transform .05s ease,box-shadow .05s ease;text-decoration:none;text-align:center;display:inline-block}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--c-accent-deep)}.btn--secondary{background:var(--c-yellow);color:var(--c-ink);box-shadow:0 5px 0 #e8c358}.btn--secondary:active{box-shadow:0 1px 0 #e8c358}.btn--mint{background:#59cfd4;color:var(--c-white);box-shadow:0 5px 0 #3cb5ba}.btn--mint:active{box-shadow:0 1px 0 #3cb5ba}.btn--pink{background:#f193b2;color:var(--c-white);box-shadow:0 5px 0 #d96f93}.btn--pink:active{box-shadow:0 1px 0 #d96f93}.btn--outline{background:#fff;color:var(--c-accent-deep);border-color:var(--c-border-pink);box-shadow:0 5px 0 rgba(214,150,170,.35)}.btn--outline:active{box-shadow:0 1px 0 rgba(214,150,170,.35)}.btn:disabled{opacity:.5;cursor:not-allowed}.section-title{text-align:center;font-weight:800;font-size:20px;margin:4px 0 12px;color:var(--c-accent-deep)}.credit{text-align:center;font-size:11px;color:rgba(107,90,110,.7);padding:20px 16px 28px}