.si-page{isolation:isolate;background:radial-gradient(60% 45% at 80% 0,#f6d3bf73,#0000 70%),radial-gradient(50% 40% at 0 100%,#e7b89c2e,#0000 70%),#fbfaf8;place-items:center;min-height:100svh;padding:40px 16px;display:grid;position:relative}.si-page:before{content:"";z-index:-1;opacity:.55;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='turbulence' baseFrequency='.0016 .0042' numOctaves='6' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .42 -4 0 0 0 .62'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E") 0 0/1600px 1000px;position:absolute;inset:0}.si-col{text-align:center;width:100%;max-width:400px;margin:0 auto}.si-col .si-leaf{margin:0 auto;display:block}.si-col .si-card{text-align:left}.si-leaf{object-fit:contain;width:44px;height:44px}.si-word{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:#15120f;margin:14px 0 0;font-size:20px;font-weight:600;line-height:1}.si-title{font-family:var(--font-serif);color:#15120f;margin:6px 0 0;font-size:44px;font-weight:500;line-height:1.05}.si-card{background:#fff;border:1px solid #ddd4ca;border-radius:12px;margin-top:22px;padding:22px;position:relative;box-shadow:inset 0 1px #ffffffe6,0 2px 4px #28190f0d,0 24px 60px -24px #28190f38}.si-card:before{content:"";background:linear-gradient(90deg,#0000,#b87a5a 30%,#e7b89c 60%,#0000);height:1px;position:absolute;top:-1px;left:18px;right:18px}.si-form{display:grid}.si-label{font:600 13.5px/1.3 var(--font-sans);color:#15120f;margin-top:14px;display:block}.si-label:first-child{margin-top:0}.si-input{width:100%;font:500 16px/1.4 var(--font-sans);color:#15120f;background:#fdfcfb;border:1px solid #ddd4ca;border-radius:7px;outline:none;margin-top:7px;padding:12px;transition:border-color .2s,box-shadow .2s}.si-input:focus{border-color:#b87a5a;box-shadow:0 0 0 3px #b87a5a2e}.si-code{text-align:center;font-family:var(--font-mono);letter-spacing:.3em;font-size:22px}.si-note,.si-err,.si-hint{color:#5a5148;margin:10px 0 0;font-size:13.5px;line-height:1.45}.si-err{color:#a8402a}.si-btn{cursor:pointer;width:100%;min-height:48px;font:700 15px/1 var(--font-sans);color:#1a100a;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#f7dccb 0%,#e7b89c 30%,#d39a7a 62%,#b87a5a 100%);border:1px solid #c98e6e;border-radius:4px;margin-top:18px}.si-btn:hover{filter:brightness(1.04)}.si-back{color:#5a5148;margin-top:18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.si-back:hover{color:#15120f}.si-again{text-align:center;color:#5a5148;margin-top:16px;font-size:13.5px;display:block}.si-sheet{color:#15120f;background:0 0;border:0;width:fit-content;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.si-sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c120c6b}.si-sheet-in{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);font-family:var(--font-sans);background:#fff;border:1px solid #ddd4ca;border-radius:14px;padding:24px;position:relative;overflow-y:auto;box-shadow:0 0 0 1px #b87a5a38,0 40px 90px -36px #28190f80}.si-sheet-in:before{content:"";background:linear-gradient(90deg,#0000,#b87a5a 30%,#e7b89c 60%,#0000);height:1px;position:absolute;top:-1px;left:20px;right:20px}.si-sheet-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.si-leaf-sm{width:30px;height:30px}.si-sheet .si-sheet-t{font-family:var(--font-serif);margin:0;font-size:30px;font-weight:500;line-height:1}.si-x{cursor:pointer;color:#5a5148;background:#fbfaf8;border:1px solid #ddd4ca;border-radius:50%;width:40px;height:40px;margin-left:auto;font-size:22px;line-height:1}.si-x:hover{color:#15120f;border-color:#b87a5a}.si-sheet-foot{color:#6e655b;font-size:12.5px}.si-sheet[open] .si-sheet-in{animation:.35s cubic-bezier(.22,1,.36,1) both si-in}@keyframes si-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@media (max-width:599px){.si-sheet-in{padding:20px 16px}.si-sheet .si-sheet-t{font-size:26px}}@media (prefers-reduced-motion:reduce){.si-sheet[open] .si-sheet-in{animation:none}}
