:root{--sf-bg: #2D3436;--sf-surface: #3D4749;--sf-ink: #F0EDE8;--sf-ink-mid: #B0ADA8;--sf-ink-dim: #7A7875;--sf-border: rgba(240, 237, 232, .28);--sf-border-dash: rgba(240, 237, 232, .35);--sf-red: #FF7B8E;--sf-blue: #6EB5FF;--sf-green: #8AE07A;--sf-orange: #FFB84D;--sf-yellow: #FFE566;--sf-purple: #B894E8;--sf-grid-minor: rgba(77, 91, 94, .12);--sf-grid-major: rgba(77, 91, 94, .22);--sf-margin-line: transparent}:root.light{--sf-bg: #FFF8F0;--sf-surface: #F5EDE0;--sf-ink: #2C2C2C;--sf-ink-mid: #6B6B6B;--sf-ink-dim: #A0A0A0;--sf-border: rgba(44, 44, 44, .55);--sf-border-dash: rgba(44, 44, 44, .45);--sf-red: #E85D75;--sf-blue: #4A90D9;--sf-green: #6BBF59;--sf-orange: #E8A035;--sf-yellow: #F5D547;--sf-purple: #9B72CF;--sf-grid-minor: rgba(189, 212, 236, .45);--sf-grid-major: rgba(189, 212, 236, .55);--sf-margin-line: rgba(232, 93, 117, .22)}.sf-paper{background-color:var(--sf-bg);background-image:linear-gradient(to right,transparent 47px,var(--sf-margin-line) 47px,var(--sf-margin-line) 48.5px,transparent 48.5px),linear-gradient(to right,var(--sf-grid-minor) .5px,transparent .5px),linear-gradient(to bottom,var(--sf-grid-minor) .5px,transparent .5px),linear-gradient(to right,var(--sf-grid-major) .8px,transparent .8px),linear-gradient(to bottom,var(--sf-grid-major) .8px,transparent .8px);background-size:100% 100%,24px 24px,24px 24px,96px 96px,96px 96px}.sf-paper-alt{background-color:var(--sf-surface);background-image:linear-gradient(to right,var(--sf-grid-minor) .5px,transparent .5px),linear-gradient(to bottom,var(--sf-grid-minor) .5px,transparent .5px),linear-gradient(to right,var(--sf-grid-major) .8px,transparent .8px),linear-gradient(to bottom,var(--sf-grid-major) .8px,transparent .8px);background-size:24px 24px,24px 24px,96px 96px,96px 96px}.hd-card{border:2px solid var(--sf-border);background:var(--sf-surface)}.hd-a{border-radius:3px 10px 4px 8px/8px 3px 10px 4px;transform:rotate(-.4deg)}.hd-b{border-radius:10px 3px 9px 4px/3px 10px 4px 9px;transform:rotate(.35deg)}.hd-c{border-radius:5px 9px 3px 10px/10px 4px 9px 3px;transform:rotate(-.25deg)}.hd-d{border-radius:9px 3px 10px 4px/4px 9px 3px 10px;transform:rotate(.5deg)}.hd-e{border-radius:4px 10px 5px 9px/9px 4px 10px 5px;transform:rotate(-.3deg)}.hd-f{border-radius:8px 4px 10px 3px/3px 8px 4px 10px;transform:rotate(.2deg)}.sf-stamp{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem 1.25rem;border:2px dashed var(--sf-border-dash);border-radius:3px 8px 4px 9px/7px 3px 9px 4px;background:var(--sf-surface);font-family:Patrick Hand,cursive;color:var(--sf-orange)}.sf-btn{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 2rem;border:2.5px solid var(--sf-ink);border-radius:4px 10px 5px 9px/8px 4px 9px 5px;background:var(--sf-orange);color:#2c2c2c;font-family:Patrick Hand,cursive;font-size:1.1rem;font-weight:600;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;box-shadow:3px 3px 0 var(--sf-ink)}.sf-btn:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--sf-ink)}.sf-store-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border:2px solid var(--sf-border);background:var(--sf-surface);opacity:.6;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:220px;width:100%}.sf-store-btn-live{opacity:1;cursor:pointer;text-decoration:none;border-color:var(--sf-green);transition:transform .12s ease,box-shadow .12s ease}.sf-store-btn-live:hover{transform:translate(-1px,-2px);box-shadow:3px 3px 0 var(--sf-green)}.sf{font-family:Patrick Hand,cursive;color:var(--sf-ink)}