*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d6b48a;color:#2b2622}body{font-family:Gaegu,Comic Sans MS,cursive;-webkit-tap-highlight-color:transparent}button,input{font:inherit}.noir{--wall: #15161c;--ink: #08080b;--glow: #f2c46d;--paper: #ece2c8;--red: #cf3528;--fg: #e8e0cf;--muted: #9b927f;--panel: #1d1e25;--line: #34343d;--f-display: "Anton", "Impact", "Arial Narrow", sans-serif;--f-type: "Special Elite", "Courier New", monospace;--f-ui: "Courier Prime", "Courier New", monospace;color-scheme:dark;background:var(--wall);color:var(--fg);font-family:var(--f-ui);font-size:17px}.noir h1,.noir h2{font-family:var(--f-display);font-weight:400;letter-spacing:.02em;margin:0}.noir p{margin:0}.noir button{color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 18px;cursor:pointer;touch-action:manipulation}.noir button:hover:not(:disabled){border-color:var(--glow)}.noir button:focus-visible,.noir input:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.noir button:disabled{opacity:.45;cursor:default}.noir button.primary{background:var(--glow);color:var(--ink);border-color:var(--glow);font-weight:700}.noir button.big{font-family:var(--f-display);font-size:28px;letter-spacing:.04em;padding:18px 22px}.noir input{color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:14px 16px;width:100%}.noir .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.noir .muted{color:var(--muted)}.cork app-footer footer{color:#3d3630}.hd{--paper: #fdf6e3;--ink: #2b2b2b;--pink: #ff5c8a;--yellow: #ffd23f;--green: #3ecf8e;--blue: #4fa3ff;--purple: #b98bff;--orange: #ff914d;--muted: rgba(43, 43, 43, .62);font-family:Patrick Hand,Comic Sans MS,cursive;font-size:20px;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;-webkit-font-smoothing:antialiased;color-scheme:light}.hd h1,.hd h2,.hd h3,.hd .display{font-family:Gochi Hand,cursive;font-weight:400;line-height:1.05;letter-spacing:0;margin:0}.hd p{margin:0}.hd .wobble{filter:url(#hd-wobble)}.hd :focus-visible{outline:4px solid var(--pink);outline-offset:3px;border-radius:10px}.hd .tilt-l{transform:rotate(-1.5deg)}.hd .tilt-r{transform:rotate(1.2deg)}.hd .btn{font:inherit;font-size:1.1em;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:14px 10px 16px 9px/9px 15px 10px 14px;padding:10px 20px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s;text-decoration:none;display:inline-block;touch-action:manipulation}.hd .btn:hover:not(:disabled){border-color:var(--ink)}.hd .btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hd .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hd .btn.primary{background:var(--yellow);color:var(--ink);font-weight:400}.hd .btn.pink{background:var(--pink);color:#fff}.hd .btn.green{background:var(--green)}.hd .btn.big{font-size:1.5em;padding:14px 24px;width:100%;font-family:inherit;letter-spacing:0}.hd .btn.small{font-size:.9em;padding:6px 14px;box-shadow:2px 2px 0 var(--ink)}.hd .btn.selected{background:var(--green)}.hd input.field{font:inherit;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:10px 14px 9px 15px/14px 9px 15px 10px;padding:10px 14px;width:100%;outline:none}.hd input.field:focus{box-shadow:0 0 0 3px var(--yellow)}.hd .card{padding:16px 18px}.hd .muted{opacity:.65;color:inherit}.hd .eyebrow{font-size:.65em;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.hd .field.code{text-transform:uppercase;letter-spacing:.2em;font-family:Gochi Hand,cursive;font-size:1.6em;text-align:center;text-indent:.2em}.hd .field.code::placeholder{font-family:Patrick Hand,cursive;letter-spacing:.1em;font-size:.75em;opacity:.5}.hd .err{color:#e0315a}.hd .linkish{font:inherit;font-size:.9em;background:none;border:none;color:var(--ink);opacity:.7;text-decoration:underline wavy var(--pink);cursor:pointer;padding:6px 10px}.hd a{color:inherit}.hd .center{text-align:center}.hd .stack{display:grid;gap:12px}.hd .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hd .tiny{font-size:.75em}.hd .tag{display:inline-block;background:var(--ink);color:var(--paper);padding:2px 12px;border-radius:12px 8px 10px 14px;font-size:.8em;transform:rotate(-2deg)}.hd .sound-word{font-family:Gochi Hand,cursive;text-transform:uppercase;letter-spacing:.04em;color:var(--pink);text-shadow:.06em .06em 0 var(--ink)}@keyframes hd-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}.hd .bounce{animation:hd-bounce .9s ease-in-out infinite;display:inline-block}@keyframes hd-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}70%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.hd .pop{animation:hd-pop .5s cubic-bezier(.3,1.6,.6,1) both}@keyframes hd-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.hd .bob{animation:hd-bob 2.6s ease-in-out infinite;display:inline-block}.hd .bob:nth-child(3n+2){animation-duration:2.2s;animation-delay:-.7s}.hd .bob:nth-child(3n){animation-duration:3s;animation-delay:-1.5s}@media(prefers-reduced-motion:reduce){.hd .bob,.hd .bounce,.hd .pop{animation:none}}.cork{--ink: #2b2622;--muted: #6d655d;--note: #ffe873;--note-green: #b9f0c9;--note-pink: #ffc4d0;--marker-blue: #2a56b8;--marker-red: #d63b2a;--pink: #ff5c8a;--yellow: #ffcf5c;font-family:Gaegu,Comic Sans MS,cursive;font-size:21px;color:var(--ink);background-color:#d6b48a;background-image:radial-gradient(rgba(110,72,35,.16) 1px,transparent 1.6px),radial-gradient(rgba(255,244,222,.18) 1px,transparent 1.6px),radial-gradient(ellipse at 30% 20%,rgba(255,238,210,.3),transparent 65%);background-size:9px 9px,13px 13px,100% 100%;background-position:0 0,4px 5px,0 0;color-scheme:light;-webkit-font-smoothing:antialiased}.cork h1,.cork h2,.cork h3,.cork .display{font-family:Permanent Marker,cursive;font-weight:400;line-height:1.05;letter-spacing:.01em;margin:0}.cork p{margin:0}.cork a{color:inherit}.cork :focus-visible{outline:4px solid var(--marker-blue);outline-offset:3px;border-radius:4px}.cork .logo{font-family:Permanent Marker,cursive;display:inline-block;background:var(--note);padding:.1em .45em;transform:rotate(-2deg);box-shadow:.12em .2em .3em #00000040;line-height:1.1}.cork .card{position:relative;padding:18px 18px 16px;background:#fbfaf6;background-image:linear-gradient(transparent 1.5em,#f3b3b3 1.5em,#f3b3b3 calc(1.5em + 1px),transparent calc(1.5em + 1px)),linear-gradient(#d9e6f2 1px,transparent 1px);background-size:100% 100%,100% 1.35em;background-position:0 0,0 1.7em;box-shadow:.15em .25em .45em #0000004d;border-radius:2px}.cork .card:before{content:"";position:absolute;top:-.4em;left:50%;width:.85em;height:.85em;margin-left:-.42em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff9b8a,var(--marker-red));box-shadow:0 .1em .15em #00000059;z-index:1}.cork .card.sticky{background:var(--note-green);background-image:none}.cork .card.sticky.yellow{background:var(--note)}.cork .card.sticky.pink{background:var(--note-pink)}.cork .card.sticky:before{display:none}.cork .card.plain{background-image:none}.cork .btn{font-family:Permanent Marker,cursive;font-size:1em;color:var(--ink);background:var(--yellow);border:0;border-radius:2px;padding:.55em 1.2em;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;box-shadow:.12em .22em .35em #0000004d;transform:rotate(-.6deg);transition:transform .1s,box-shadow .1s;touch-action:manipulation}.cork .btn:nth-of-type(2n){transform:rotate(.7deg)}.cork .btn:active:not(:disabled){transform:translateY(2px) rotate(0);box-shadow:.05em .08em .15em #0000004d}.cork .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.cork .btn.primary{background:var(--yellow)}.cork .btn.pink{background:#ff8a70}.cork .btn.green{background:var(--note-green)}.cork .btn.white{background:#fbfaf6}.cork .btn.big{font-size:1.35em;padding:.55em 1.3em;width:100%}.cork .btn.small{font-size:.85em;padding:.4em .9em}.cork .btn.selected{background:var(--note-green)}.cork input.field{font:inherit;color:var(--ink);background:#fbfaf6;border:0;border-bottom:2px solid rgba(43,38,34,.5);border-radius:2px;padding:10px 14px;width:100%;outline:none;box-shadow:.1em .15em .3em #00000038}.cork input.field:focus{border-bottom-color:var(--marker-blue)}.cork .field.code{font-family:Permanent Marker,cursive;font-size:1.6em;letter-spacing:.2em;text-transform:uppercase;text-align:center;text-indent:.2em;color:var(--marker-blue)}.cork .field.code::placeholder{font-family:Gaegu,cursive;letter-spacing:.1em;font-size:.6em;opacity:.5;color:var(--ink)}.cork .muted{color:var(--muted)}.cork .eyebrow{font-size:.7em;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cork .center{text-align:center}.cork .stack{display:grid;gap:12px}.cork .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cork .tiny{font-size:.75em}.cork .err{color:var(--marker-red)}.cork .tag{display:inline-block;background:var(--ink);color:#fbfaf6;padding:2px 12px;border-radius:2px;font-size:.8em;transform:rotate(-2deg)}.cork .marker{font-family:Permanent Marker,cursive;color:var(--marker-blue)}.cork .linkish{font:inherit;font-size:.9em;background:none;border:none;color:var(--ink);text-decoration:underline wavy var(--marker-red);cursor:pointer;padding:6px 10px}.cork .tilt-l{transform:rotate(-1.4deg)}.cork .tilt-r{transform:rotate(1.1deg)}.cork .wobble{filter:url(#hd-wobble)}@keyframes cork-sway{0%,to{transform:rotate(var(--tilt, -1deg))}50%{transform:rotate(calc(var(--tilt, -1deg) + 1.4deg))}}.cork .sway{animation:cork-sway 6s ease-in-out infinite;transform-origin:50% 0}.cork .sway:nth-of-type(2n){--tilt: 1deg;animation-duration:7s;animation-delay:-2s}.cork .sway:nth-of-type(3n){--tilt: -.5deg;animation-duration:5.5s;animation-delay:-4s}@keyframes cork-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}.cork .bob{animation:cork-bob 2.6s ease-in-out infinite;display:inline-block}.cork .bob:nth-child(3n+2){animation-duration:2.2s;animation-delay:-.7s}.cork .bob:nth-child(3n){animation-duration:3s;animation-delay:-1.5s}@keyframes cork-pop{0%{transform:scale(.4) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}.cork .pop{animation:cork-pop .5s cubic-bezier(.3,1.6,.6,1) both}@media(prefers-reduced-motion:reduce){.cork .sway,.cork .bob,.cork .pop{animation:none}}.cork .strip{display:inline-block;background:#fbfaf6;padding:.15em .7em;box-shadow:.1em .15em .3em #00000038;transform:rotate(.8deg)}.cork .strip:nth-of-type(2n){transform:rotate(-.6deg)}