/* Общий «рисованный» стиль: толстый тёмный контур, пастельные цвета, лёгкий наклон */
:root{--ink:#2b2b2b;--paper:#fffaf0;--sea:#bfeef2;--sun:#ffd166;--coral:#ff9f43;--leaf:#8fd694;--sky:#0b6f99;--danger:#e2574c}
*{box-sizing:border-box}
body{font-family:"Comic Sans MS","Comic Neue","Chalkboard SE","Marker Felt",system-ui,sans-serif;color:var(--ink)}
.sk{background:var(--paper);border:.35em solid var(--ink);border-radius:1.2em 1.6em 1.1em 1.5em/1.5em 1.1em 1.6em 1.2em;box-shadow:.35em .4em 0 var(--ink)}
.sk-btn{font:inherit;font-weight:700;cursor:pointer;color:var(--ink);background:var(--sun);border:.2em solid var(--ink);border-radius:.9em 1.1em .8em 1em/1em .8em 1.1em .9em;box-shadow:.18em .22em 0 var(--ink);padding:.55em 1.1em;transition:transform .1s}
.sk-btn:hover,.sk-btn:focus{transform:translate(-.05em,-.08em) rotate(-.6deg);outline:none;box-shadow:.25em .32em 0 var(--ink)}
.sk-btn:focus-visible{outline:.18em dashed var(--coral);outline-offset:.25em}
.sk-btn:active{transform:translate(.1em,.12em);box-shadow:.06em .08em 0 var(--ink)}
.sk-btn.alt{background:#fff}.sk-btn.blue{background:var(--sea)}.sk-btn.red{background:#ffc2bb}.sk-btn.green{background:var(--leaf)}
.sk-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.sk-input{font:inherit;width:100%;padding:.55em .8em;border:.2em solid var(--ink);border-radius:.7em .9em .6em .8em;background:#fff;outline:none}
.sk-input:focus{box-shadow:0 0 0 .2em var(--sun)}
.tilt-l{transform:rotate(-1.2deg)}.tilt-r{transform:rotate(1deg)}