.si{--si-ink:#2a1208;--si-ink-soft:#5a3524;--si-red:#7a1712;--si-notch:10px;background:var(--si-paper) 0 0 / 420px auto, #f8f0d4;width:100%;max-width:520px;color:var(--si-ink);-webkit-mask:radial-gradient(circle var(--si-notch) at 0 0, #0000 97%, #000) top left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 0, #0000 97%, #000) top right / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 0 100%, #0000 97%, #000) bottom left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 100%, #0000 97%, #000) bottom right / 51% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--si-notch) at 0 0, #0000 97%, #000) top left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 0, #0000 97%, #000) top right / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 0 100%, #0000 97%, #000) bottom left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 100%, #0000 97%, #000) bottom right / 51% 51% no-repeat;mask:radial-gradient(circle var(--si-notch) at 0 0, #0000 97%, #000) top left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 0, #0000 97%, #000) top right / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 0 100%, #0000 97%, #000) bottom left / 51% 51% no-repeat, radial-gradient(circle var(--si-notch) at 100% 100%, #0000 97%, #000) bottom right / 51% 51% no-repeat;flex-direction:column;gap:10px;padding:20px 24px 22px;font-size:15px;line-height:1.45;display:flex}.si-page{filter:drop-shadow(0 14px 18px #14040266);justify-items:center;gap:18px;max-width:1440px;margin:clamp(16px,5vh,56px) auto 0;display:grid}.si-page__line{color:#f8c93f;max-width:18ch;font-family:var(--font-alfa), serif;text-align:center;text-wrap:balance;filter:drop-shadow(0 2px 1.5px #4a1e04b3);margin:0;font-size:clamp(30px,3.6vw,48px);font-weight:400;line-height:1.05}.si :focus-visible{outline:3px solid var(--si-red);outline-offset:3px}.si-title{color:var(--si-red);font-family:var(--font-alfa), serif;margin:0;font-size:26px;font-weight:400;line-height:1.1}.si-lede,.si-fine,.si-who{margin:0}.si-lede{color:var(--si-ink-soft)}.si-fine{color:var(--si-ink-soft);font-size:13px;line-height:1.4}.si-who strong,.si-who small{display:block}.si-who strong{font-size:17px}.si-who small{color:var(--si-ink-soft);font-size:13px}.si-go{width:100%;min-height:54px;color:var(--si-ink);font:inherit;cursor:pointer;background:linear-gradient(#fbd155,#f3b93a);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:16.5px;font-weight:700;transition:transform .25s cubic-bezier(.2,.9,.2,1),filter .2s;display:flex;box-shadow:inset 0 -2px #a0600a59,0 3px 7px #5a320538}.si-go:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-2px)}.si-go:disabled{box-shadow:none;color:var(--si-ink-soft);cursor:not-allowed;background:#2a12081a}.si-ways{border-top:2px dashed #7a522e8c;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding-top:10px;display:grid}.si-way{min-height:54px;color:var(--si-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1.5px solid #2a12084d;border-radius:16px;align-items:center;gap:10px;padding:6px 14px;transition:background .2s,border-color .2s;display:flex}.si-way:hover:not(:disabled){border-color:var(--si-ink);background:#2a12080f}.si-way:disabled{opacity:.55;cursor:not-allowed}.si-way svg{color:var(--si-red);flex:none}.si-way__g{border:1.5px solid var(--si-red);width:22px;height:22px;color:var(--si-red);border-radius:50%;flex:none;place-items:center;font-size:12.5px;font-weight:800;line-height:1;display:grid}.si-way strong,.si-way small{display:block}.si-way strong{font-size:14.5px;line-height:1.2}.si-way small{color:var(--si-ink-soft);font-size:12.5px;line-height:1.3}.si-quiet{min-height:44px;color:var(--si-ink-soft);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:999px;align-self:center;padding:0 14px;font-size:14px;font-weight:600;-webkit-text-decoration:underline #2a12084d;text-decoration:underline #2a12084d}.si-quiet:hover:not(:disabled){color:var(--si-ink)}.si-problem{color:#8a2114;background:#a02a1a1f;border-radius:10px;margin:0;padding:8px 12px;font-size:13.5px;font-weight:600}.si label{color:var(--si-ink-soft);gap:4px;font-size:14px;font-weight:600;display:grid}@media (max-width:420px){.si{padding:18px 18px 20px}}@media (prefers-reduced-motion:reduce){.si *{transition:none}}
