:root{--bic: #26418f;--rouge: #d8321f;--vert: #1d6b3c;--violet: #8c4fd0;--or: #946200;--noir: #2e2b26;--papier: #f8f4e6;--ligne: #cdd9ea;--desk: #6e6350;--postit: #fff9c9;--encre-noire: #2e2b26;--tab-h: 58px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Gochi Hand,Comic Sans MS,cursive;color:var(--bic);background:linear-gradient(var(--ligne) 1px,transparent 1px),linear-gradient(90deg,var(--ligne) 1px,transparent 1px),var(--papier);background-size:26px 26px,26px 26px,auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.sheet{width:min(560px,100%);margin:0 auto;background:transparent;position:relative;padding:20px 20px 40px;overflow:hidden}.sheet>*{position:relative;z-index:2}@media(max-width:700px){.app-shell{padding:0 0 calc(var(--tab-h) + 12px)}.sheet{width:100%;min-height:calc(100dvh - var(--tab-h) - 12px);padding:14px 12px 34px}}.page-title{font-family:Permanent Marker,cursive;text-align:center;font-size:clamp(24px,6.5vw,40px);line-height:1.05;color:var(--rouge);letter-spacing:.5px;margin:6px 0 12px;text-shadow:2px 2px 0 var(--bic),4px 4px 0 rgba(38,65,143,.22);transform:rotate(-1.8deg)}.titre-hero{font-family:Permanent Marker,cursive;text-align:center;color:var(--rouge);letter-spacing:1px;font-size:clamp(40px,13vw,74px);text-shadow:3px 3px 0 var(--bic),6px 6px 0 rgba(38,65,143,.25);transform:rotate(-2.4deg);animation:tag 3.2s steps(2) infinite}@keyframes tag{50%{transform:rotate(-1.2deg) scale(1.012)}}.sous-titre{text-align:center;font-family:Caveat,cursive;font-size:19px;color:var(--noir);transform:rotate(-1deg);margin-top:-2px}.btn{font-family:Gochi Hand,cursive;font-size:19px;color:var(--bic);background:#ffffff73;border:2.5px solid var(--noir);border-radius:9px 13px 10px 12px;padding:6px 16px;cursor:pointer;transition:transform .08s steps(2)}.btn:hover,.btn:focus-visible{transform:rotate(-1deg) scale(1.04)}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn-red{color:#fff;background:var(--rouge);font-family:Permanent Marker,cursive;box-shadow:3px 4px 0 var(--noir)}.btn-big{font-size:26px;padding:12px 30px}.btn-brawl{font-family:Permanent Marker,cursive;font-size:clamp(28px,8vw,34px);letter-spacing:1px;color:#fff;background:var(--rouge);border:3.5px solid var(--noir);border-radius:18px 26px 20px 24px;padding:15px 34px;cursor:pointer;transform:rotate(-2deg);box-shadow:4px 5px 0 var(--noir);animation:rage 1.6s steps(2) infinite}@keyframes rage{50%{transform:rotate(-.6deg) translateY(-2px);box-shadow:5px 7px 0 var(--noir)}}.btn-brawl:active{transform:scale(.93) rotate(-4deg);box-shadow:2px 2px 0 var(--noir);animation:none}.btn-brawl:disabled{opacity:.45;animation:none;cursor:default;box-shadow:2px 2px 0 var(--noir)}input.line{font-family:Gochi Hand,cursive;font-size:22px;border:none;border-bottom:2.5px dashed var(--bic);background:transparent;color:inherit;outline:none;max-width:100%}.cadre-bd{position:relative;border:3.5px solid var(--noir);border-radius:6px 14px 8px 12px;background:#fff6;padding:10px 8px}.cadre-bd:before,.cadre-bd:after{content:"";position:absolute;width:28px;height:28px;pointer-events:none;background:repeating-linear-gradient(45deg,var(--noir) 0 2px,transparent 2px 6px);opacity:.5}.cadre-bd:before{top:-4px;left:-4px;clip-path:polygon(0 0,100% 0,0 100%)}.cadre-bd:after{bottom:-4px;right:-4px;clip-path:polygon(100% 100%,100% 0,0 100%)}.tampon{color:var(--rouge);font-family:Permanent Marker,cursive;font-size:14px;line-height:1.05;text-align:center;border:3px double var(--rouge);border-radius:6px;padding:5px 9px;transform:rotate(13deg);background:#f8f4e6d9;box-shadow:0 2px 6px #28231933}.badge-niveau{display:grid;place-items:center;width:52px;height:52px;color:#fff;font-size:16px;font-weight:700;background:var(--rouge);border-radius:50% 46% 54% 48%;transform:rotate(-9deg);box-shadow:2px 3px 0 var(--noir)}.sticky,.post-it{display:inline-block;background:var(--postit);color:var(--noir);padding:9px 12px;box-shadow:0 3px 8px #28231947;transform:rotate(-1.6deg);font-size:16px;line-height:1.25}.sticky.red,.post-it.red{background:#ffd9d2;color:var(--rouge)}.casier{border:3px solid var(--noir);border-radius:8px 12px 9px 11px;padding:9px 11px 11px;background:#ffffff80;position:relative;font-size:15.5px;color:var(--noir)}.casier h3{font-family:Permanent Marker,cursive;font-size:15px;color:var(--bic);margin-bottom:4px}.rail{height:11px;border:2.5px solid var(--vert);border-radius:4px;overflow:hidden;margin-top:5px;transform:rotate(-.5deg)}.fait{height:100%;background:repeating-linear-gradient(115deg,var(--vert) 0 3px,transparent 3px 6px)}.note-red{color:var(--rouge)}.small{font-size:15px;color:var(--noir);opacity:.7}.center{text-align:center}.app-shell{min-height:100dvh;padding:14px 8px calc(var(--tab-h) + 18px);overflow-x:hidden;position:relative}nav.svelte-1wwzsr0{position:fixed;bottom:0;left:0;right:0;height:var(--tab-h);display:flex;justify-content:center;align-items:flex-end;gap:3px;padding:0 4px;z-index:50;pointer-events:none}a.svelte-1wwzsr0{pointer-events:auto;flex:1;max-width:92px;text-align:center;font-family:Permanent Marker,cursive;font-size:12.5px;text-decoration:none;color:#fff;background:var(--ink);border:2.5px solid var(--noir);border-bottom:none;border-radius:10px 12px 0 0;padding:8px 2px 9px;transform:translateY(7px) rotate(var(--tilt, 0deg));box-shadow:0 -3px 8px #2823194d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.active.svelte-1wwzsr0{transform:translateY(0) rotate(0);font-size:14px;padding-bottom:13px;z-index:1}main.svelte-12qhfyh{display:block}