:root{--ink:#3a2e39;--card:#fff;--pink:#ff7eb3;--pink-dark:#ff5c8a;--blue:#5ac8fa;--blue-dark:#2fa8e0;--yellow:#ffd93d;--green:#6bcb77;--orange:#ffa26b;--red:#ff6b6b;--bg-top:#aee3f8;--bg-mid:#ffe9c7;--bg-bottom:#fff3c4}*{box-sizing:border-box}body{margin:0;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Marker Felt,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--bg-top) 0,var(--bg-mid) 55%,var(--bg-bottom) 100%);min-height:100vh;color:var(--ink);background-attachment:fixed}h1{text-shadow:3px 3px 0 hsla(0,0%,100%,.7)}.card{background:var(--card);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:1rem}.btn{font-family:inherit;font-size:1rem;font-weight:800;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .06s ease,box-shadow .06s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translate(3px,3px);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:3px 3px 0 var(--ink)}.btn-pink{background:var(--pink)}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.btn-orange{background:var(--orange)}.btn-red{background:var(--red)}.input,.select{font-size:1rem;padding:.5rem .75rem;border:3px solid var(--ink);border-radius:12px;box-shadow:inset 2px 2px 0 rgba(0,0,0,.06)}.file-input,.input,.select{font-family:inherit;background:#fff;color:var(--ink)}.file-input{font-size:.95rem;padding:.7rem .9rem;border:3px dashed var(--ink);border-radius:12px;cursor:pointer;max-width:100%}.file-input::-webkit-file-upload-button{font-family:inherit;font-size:.9rem;font-weight:800;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:.3rem .9rem;margin-right:.75rem;cursor:pointer}.file-input::file-selector-button{font-family:inherit;font-size:.9rem;font-weight:800;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);border-radius:999px;padding:.3rem .9rem;margin-right:.75rem;cursor:pointer}.file-input:disabled{opacity:.5;cursor:not-allowed}.progress-track{background:#fff;border:3px solid var(--ink);border-radius:999px;height:20px;overflow:hidden;box-shadow:inset 2px 2px 0 rgba(0,0,0,.08)}.progress-fill{background:repeating-linear-gradient(45deg,var(--pink) 0 12px,var(--pink-dark) 12px 24px);height:100%;transition:width .4s ease}table.cartoon{width:100%;border-collapse:collapse;font-size:.95rem}table.cartoon td,table.cartoon th{border:3px solid var(--ink);padding:.5rem .6rem;text-align:left}table.cartoon th{background:var(--yellow)}table.cartoon tbody tr:nth-child(2n) td{background:#fff8e7}.nav{display:flex;gap:.75rem;font-size:.95rem;font-weight:700;flex-wrap:wrap}.nav a{color:var(--ink);text-decoration:none;background:var(--card);border:3px solid var(--ink);border-radius:999px;padding:.3rem .9rem;box-shadow:3px 3px 0 var(--ink)}.nav a:hover{transform:translateY(-1px)}.nav .current{background:var(--blue)}.badge{padding:.25rem .75rem;border:3px solid var(--ink);border-radius:999px;background:var(--green);font-weight:800;letter-spacing:.04em}.badge,.bubble{display:inline-block;box-shadow:3px 3px 0 var(--ink)}.bubble{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:.15rem .75rem}.emoji-big{font-size:2.4rem;display:inline-block;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.15))}