@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff8e7;--color-surface:#fff;--color-text:#111;--color-muted:#4a4a4a;--color-line:#111;--color-on-color:#111;--color-pink:#ff5c8a;--color-yellow:#ffd60a;--color-teal:#2ec4b6;--color-blue:#3d5afe;--color-highlight:#ffd60a;--font-display:"Archivo Black", "Arial Black", Impact, system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--step--1:.875rem;--step-0:1.0625rem;--step-1:1.375rem;--step-2:clamp(1.625rem, 1.2rem + 2vw, 2.375rem);--step-3:clamp(2.25rem, 1.3rem + 5vw, 4rem);--border:3px solid var(--color-line);--shadow:5px 5px 0 var(--color-line);--shadow-pop:11px 11px 0 var(--color-line);--measure:44rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#17141f;--color-surface:#241f30;--color-text:#fff8e7;--color-muted:#b9b2a3;--color-line:#fff8e7;--color-blue:#7084ff;--color-highlight:#c2255c}}:root[data-theme=dark]{--color-bg:#17141f;--color-surface:#241f30;--color-text:#fff8e7;--color-muted:#b9b2a3;--color-line:#fff8e7;--color-blue:#7084ff;--color-highlight:#c2255c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@layer base{*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::placeholder{color:var(--color-muted);opacity:1}code{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}pre{margin:0 0 var(--space-4);padding:var(--space-3);background:var(--color-surface);border:var(--border);box-shadow:var(--shadow);overflow-x:auto}pre code{font-size:var(--step--1);overflow-wrap:normal}table{width:100%;margin:0 0 var(--space-4);background:var(--color-surface);border:var(--border);border-collapse:collapse}th,td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:top;border:2px solid var(--color-line);font-weight:400}thead th{font-family:var(--font-display);font-size:var(--step--1);color:var(--color-on-color);background:var(--color-yellow)}body{color:var(--color-text);font:var(--step-0) / 1.5 var(--font-body);background-color:var(--color-bg);background-image:radial-gradient(color-mix(in srgb, var(--color-line) 14%, transparent) 1.5px, transparent 1.6px);background-size:26px 26px;margin:0}h1,h2,h3{margin:0 0 var(--space-3);font-family:var(--font-display);text-wrap:balance;font-weight:400;line-height:1.05}h1{font-size:var(--step-3)}h2{width:fit-content;font-size:var(--step-2);background:linear-gradient(transparent 62%, var(--color-highlight) 62%)}h3{font-size:var(--step-1)}p{margin:0 0 var(--space-3)}a{color:var(--color-text);text-decoration:underline;-webkit-text-decoration-color:var(--color-pink);text-decoration-color:var(--color-pink);text-underline-offset:.15em;text-decoration-thickness:.2em}a:hover{color:var(--color-on-color);background:var(--color-yellow)}img{max-width:100%;height:auto}label,.form__label{margin:var(--space-4) 0 var(--space-2);font-family:var(--font-display);font-size:var(--step--1);letter-spacing:.02em;display:block}input,textarea{width:100%;font:inherit;color:inherit;background:var(--color-surface);border:var(--border);border-radius:0;padding:.75rem}input:focus,textarea:focus{box-shadow:5px 5px 0 var(--color-blue)}input[type=checkbox]{appearance:none;cursor:pointer;place-content:center;width:1.75rem;height:1.75rem;margin:0;padding:0;display:grid}input[type=checkbox]:checked{background:var(--color-pink)}input[type=checkbox]:checked:before{content:"✓";font-family:var(--font-display);color:var(--color-on-color);line-height:1}input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:3px solid var(--color-blue);outline-offset:3px}}@layer layout{.site-header,.page{max-width:var(--measure);padding:var(--space-3);margin-inline:auto}.page>*+*{margin-top:var(--space-5)}.page:before{--squiggle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath d='M0 7 Q5 -2 10 7 T20 7 T30 7 T40 7' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");content:"";height:14px;margin-bottom:var(--space-5);background:var(--color-line);-webkit-mask:var(--squiggle) repeat-x;-webkit-mask:var(--squiggle) repeat-x;mask:var(--squiggle) repeat-x;display:block}.site-header{padding-block:var(--space-5) var(--space-3)}.site-header__name{font-family:var(--font-display);font-size:var(--step-2);text-transform:uppercase;color:var(--color-on-color);background:var(--color-yellow);border:var(--border);box-shadow:7px 7px 0 0 var(--color-pink), 7px 7px 0 3px var(--color-line);padding:.4rem .9rem;line-height:1;text-decoration:none;display:inline-block;transform:rotate(-2deg)}.site-header__name:hover{background:var(--color-teal)}.site-footer{margin-top:var(--space-6);padding:var(--space-4) var(--space-3);color:var(--color-bg);background:var(--color-line)}.site-footer__inner{max-width:var(--measure);padding-inline:var(--space-3);margin:0 auto}.site-footer__nav{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;font-weight:700;list-style:none;display:flex}.site-footer a{color:inherit}.site-footer a:hover{color:var(--color-on-color)}.site-footer p{font-size:var(--step--1);margin:0}.skip-link{top:var(--space-3);left:var(--space-3);z-index:10;padding:var(--space-2) var(--space-3);font-family:var(--font-display);color:var(--color-on-color);background:var(--color-yellow);border:var(--border);position:absolute;transform:translateY(-300%)}.skip-link:focus{transform:none}#app:focus{outline:none}}@layer components{.button{min-height:3.25rem;font-family:var(--font-display);font-size:var(--step-0);letter-spacing:.03em;text-transform:uppercase;color:var(--color-on-color);background:var(--color-yellow);border:var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:0;padding:.8rem 1.4rem;transition:transform .12s,box-shadow .12s}.button:hover:not(:disabled){box-shadow:var(--shadow-pop);transform:translate(-6px,-6px)}.button:active:not(:disabled){box-shadow:0 0 0 var(--color-line);transform:translate(5px,5px)}.button--quiet{min-height:2.5rem;font-size:var(--step--1);color:var(--color-text);background:var(--color-surface);box-shadow:3px 3px 0 var(--color-line);padding:.45rem .9rem}.button--quiet:hover:not(:disabled){color:var(--color-on-color);background:var(--color-pink);box-shadow:8px 8px 0 var(--color-line);transform:translate(-5px,-5px)}.button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.button{transition:none}}.notice{color:var(--color-muted)}.form__message{padding:var(--space-2) var(--space-3);background:var(--color-surface);border-left:8px solid var(--color-pink);font-weight:700}.form__message:empty{display:none}.form__actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.form__check{align-items:center;gap:var(--space-2);font-size:var(--step-0);cursor:pointer;display:flex}.intro p{font-size:var(--step-1)}.form:not(.draft){padding:var(--space-4);background:var(--color-surface);border:var(--border);box-shadow:9px 9px 0 0 var(--color-yellow), 9px 9px 0 3px var(--color-line)}.form:not(.draft)>label:first-child{margin-top:0}.form>.button,.form>.form__message{margin-top:var(--space-4)}.earworm{gap:var(--space-4);padding:var(--space-5) var(--space-4) var(--space-4);background:var(--color-surface);border:var(--border);box-shadow:10px 10px 0 0 var(--color-pink), 10px 10px 0 3px var(--color-line);flex-wrap:wrap;display:flex;position:relative}.earworm__label{top:0;left:var(--space-3);font-family:var(--font-display);font-size:var(--step--1);letter-spacing:.05em;text-transform:uppercase;color:var(--color-bg);background:var(--color-line);margin:0;padding:.3rem .7rem;position:absolute;transform:translateY(-55%)rotate(-2deg)}.earworm__art{object-fit:cover;border:var(--border);width:11rem;height:11rem;box-shadow:7px 7px 0 0 var(--color-yellow), 7px 7px 0 3px var(--color-line);align-self:flex-start;transform:rotate(-2deg)}.earworm__body{flex:16rem;min-width:0}.earworm__track{width:auto;margin-bottom:var(--space-2);overflow-wrap:anywhere;background:0 0}.earworm__artist{font-size:var(--step-1);font-weight:700;line-height:1.25}.earworm__note{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);background:color-mix(in srgb, var(--color-yellow) 30%, var(--color-surface));border-left:8px solid var(--color-pink)}.earworm__player{margin-bottom:var(--space-4)}.earworm__player .button:before{content:"▶ ";content:"▶ " / ""}.earworm__frame{border:var(--border);width:100%;display:block}.earworm__links-title{margin:var(--space-3) 0 var(--space-2);font-size:var(--step--1);letter-spacing:.05em;text-transform:uppercase}.earworm__post{margin:var(--space-3) 0 0;font-weight:700}.link-list{gap:var(--space-2);margin:0 0 var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.earworm__links .link-list a{font-size:var(--step--1);color:var(--color-on-color);background:var(--color-teal);border:2px solid var(--color-line);padding:.3rem .7rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.earworm__links .link-list li:nth-child(3n+2) a{background:var(--color-pink)}.earworm__links .link-list li:nth-child(3n) a{background:var(--color-yellow)}.earworm__links .link-list--quiet li:nth-child(n) a{color:var(--color-text);background:var(--color-surface);border-style:dashed;font-weight:400}.earworm__links .link-list li:nth-child(n) a:hover{color:var(--color-on-color);background:var(--color-yellow);box-shadow:5px 5px 0 var(--color-line);transform:translate(-3px,-3px)}@media (prefers-reduced-motion:reduce){.earworm__links .link-list a{transition:none}}.composer,.embed{padding:var(--space-4);background:var(--color-surface);border:var(--border);box-shadow:9px 9px 0 0 var(--color-teal), 9px 9px 0 3px var(--color-line)}.embed{box-shadow:9px 9px 0 0 var(--color-blue), 9px 9px 0 3px var(--color-line)}.composer__paste{gap:var(--space-3);flex-wrap:wrap;display:flex}.composer__paste input{flex:14rem}.composer__preview{width:100%;margin-top:var(--space-3)}.results{margin:var(--space-3) 0 0;padding:0;list-style:none}.results__item{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2);border:2px solid var(--color-line);flex-wrap:wrap;margin-top:-2px;display:flex}.results__item:hover{background:color-mix(in srgb, var(--color-yellow) 30%, var(--color-surface))}.results__art{border:2px solid var(--color-line);width:3rem;height:3rem}.results__text{flex:10rem;min-width:0}.draft{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-bg);border:3px dashed var(--color-line)}.draft__art{border:var(--border);width:6rem;height:6rem;box-shadow:5px 5px 0 var(--color-yellow)}.draft .link-list{overflow-wrap:anywhere;flex-direction:column}.embed__code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--step--1)}.embed>.button{margin:var(--space-3) 0}.past{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.past__item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:var(--border);box-shadow:4px 4px 0 var(--color-line);display:flex}.past__details{flex:1;min-width:0}.past__summary{align-items:center;gap:var(--space-3);cursor:pointer;min-height:3rem;font-weight:700;list-style:none;display:flex}.past__summary::-webkit-details-marker{display:none}.past__summary:before{content:"+";content:"+" / "";width:1.1rem;font-family:var(--font-display);font-size:var(--step-1);text-align:center;line-height:1}.past__details[open]>.past__summary:before{content:"–";content:"–" / ""}.past__art{object-fit:cover;border:2px solid var(--color-line);width:3rem;height:3rem}.past__title{flex:1;min-width:0}.past__date{font-size:var(--step--1);color:var(--color-muted);white-space:nowrap;font-weight:400}.past__body{padding:var(--space-3) 0 var(--space-2)}.person{align-items:center;gap:var(--space-4);display:flex}.person__avatar{border:var(--border);width:4.5rem;height:4.5rem;box-shadow:5px 5px 0 var(--color-blue);transform:rotate(3deg)}.person__name{margin:0 0 var(--space-1);font-size:var(--step-2)}.account{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);color:var(--color-on-color);background:var(--color-teal);border:var(--border);flex-wrap:wrap;font-weight:700;display:flex}.composer__credit{margin:var(--space-2) 0 0;font-size:var(--step--1)}.prose>*+*{margin-top:var(--space-3)}.prose>h2{margin-top:var(--space-5)}.prose ul,.prose ol{margin-bottom:var(--space-3);padding-left:1.4rem}.prose li+li{margin-top:var(--space-2)}.steps{gap:var(--space-4);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.steps__item{padding:var(--space-4) var(--space-4) var(--space-3) 5.5rem;background:var(--color-surface);border:var(--border);box-shadow:7px 7px 0 0 var(--color-teal), 7px 7px 0 3px var(--color-line);counter-increment:step;position:relative}.steps__item:nth-child(2){box-shadow:7px 7px 0 0 var(--color-pink), 7px 7px 0 3px var(--color-line)}.steps__item:nth-child(3){box-shadow:7px 7px 0 0 var(--color-blue), 7px 7px 0 3px var(--color-line)}.steps__item:before{content:counter(step);top:var(--space-3);left:var(--space-3);width:3.25rem;height:3.25rem;font-family:var(--font-display);font-size:var(--step-2);color:var(--color-on-color);background:var(--color-yellow);border:var(--border);place-content:center;display:grid;position:absolute;transform:rotate(-4deg)}.steps__item p{margin:0}latest-earworm.showcase{--earworm-background:var(--color-surface);--earworm-border:var(--border);--earworm-radius:0;--earworm-padding:var(--space-4);--earworm-gap:var(--space-4);--earworm-art-size:9rem;--earworm-accent:var(--color-text);box-shadow:10px 10px 0 0 var(--color-blue), 10px 10px 0 3px var(--color-line)}latest-earworm.showcase::part(art){border:var(--border)}latest-earworm.showcase::part(track){font-family:var(--font-display);font-size:var(--step-2);font-weight:400;line-height:1.05}latest-earworm.showcase::part(note){border-left:8px solid var(--color-pink)}latest-earworm.showcase::part(player){margin:var(--space-3) 0 var(--space-4)}latest-earworm.showcase::part(button){font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--color-on-color);background:var(--color-yellow);border:var(--border);box-shadow:var(--shadow);padding:.7rem 1.2rem}latest-earworm.showcase::part(link){-webkit-text-decoration-color:var(--color-pink);text-decoration-color:var(--color-pink);text-underline-offset:.15em;text-decoration-thickness:.2em}}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff")}