:root,[data-theme=terminal]{--surface:#05060a;--surface-raised:#0d0f15;--surface-sunken:#020305;--ink:#f1efe7;--ink-soft:#b7b4a9;--ink-faint:#8d8a80;--accent:#d4ff24;--on-accent:#0b0c05;--mark:#d4ff24;--rule:#262a33;--border:#6a6f7a;--link:var(--accent);--focus:var(--accent);--portrait-frame:var(--ink);--portrait-dot:var(--surface);--shadow-window:3px 3px 0 0 #2f3431;--shadow-sticker:0 2px 6px 0 #000000b3;--shadow-note:0 1px 3px 0 #0009}[data-theme=papel]{--surface:#e8e6de;--surface-raised:#f3f1ea;--surface-sunken:#d9d6cc;--ink:#1e1e1e;--ink-soft:#4b4943;--ink-faint:#5e5b54;--accent:#1452bd;--on-accent:#fff;--mark:#d4ff24;--rule:#b9b6ab;--border:#75726a;--link:var(--accent);--focus:var(--accent);--portrait-frame:var(--surface-raised);--portrait-dot:var(--ink);--shadow-window:3px 3px 0 0 #1e1e1e;--shadow-sticker:0 2px 4px 0 #1e1e1e59;--shadow-note:0 1px 2px 0 #1e1e1e4d}:root{--strip:#f7f3e3;--green:#2bbf6a;--rosa:#f0668a;--laranja:#ee6f3c;--teal:#57c3c5;--amarelo:#f5c451;--sage:#abbab9;--font-sans:"Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--font-pixel:"VT323", "JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-none:0;--radius-sm:3px;--radius-md:8px;--radius-lg:14px;--stroke-hair:1px;--stroke-window:2px;--stroke-sticker:3px;--duration-stamp:.12s;--duration-ghost:.2s;--duration-line:.3s;--duration-word:.28s;--duration-beat:.9s;--ease-stamp:cubic-bezier(.2, .9, .3, 1.2);--ease-out:cubic-bezier(.2, .8, .2, 1);--opacity-ghost:.35;--opacity-halftone:.55}.sm-type-display-xl{font:600 96px/.92 var(--font-sans);letter-spacing:-.035em}.sm-type-display-l{font:600 64px/.95 var(--font-sans);letter-spacing:-.03em}.sm-type-display-m{font:600 40px/1 var(--font-sans);letter-spacing:-.03em}.sm-type-title{font:600 24px/1.2 var(--font-sans);letter-spacing:-.02em}.sm-type-body-l{font:400 18px/1.5 var(--font-sans)}.sm-type-body{font:400 16px/1.5 var(--font-sans)}.sm-type-small{font:400 14px/1.45 var(--font-sans)}.sm-type-label{font:500 12px/1.33 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sm-type-mono-body{font:400 14px/1.6 var(--font-mono)}.sm-type-mono-micro{font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.sm-type-stat{font:500 40px/1 var(--font-mono)}.sm-type-pixel-title{font:400 26px/1 var(--font-pixel)}.sm-type-pixel-body{font:400 22px/1.1 var(--font-pixel)}.sm-type-video-title{font:700 120px/.95 var(--font-sans);letter-spacing:-.03em}.sm-type-video-caption{font:500 52px/1.15 var(--font-sans)}.sm-type-video-label{font:500 32px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sm-type-video-timecode{font:500 36px/1 var(--font-mono)}.sm-root{background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5}.sm-root :focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sm-paper{background-color:var(--surface);background-image:radial-gradient(40% 30% at 18% 22%,#6e645017,#0000 70%),radial-gradient(35% 40% at 78% 64%,#6e645014,#0000 72%),radial-gradient(30% 25% at 44% 88%,#ffffff59,#0000 70%)}[data-theme=terminal] .sm-paper{background-image:none}.sm-mono{font-family:var(--font-mono)}.sm-pixel{font-family:var(--font-pixel)}.sm-pv{grid-template-columns:1fr 1fr;display:grid}.sm-pv>*{padding:var(--space-6);gap:var(--space-4);flex-direction:column;align-items:flex-start;display:flex}.sm-btn{align-items:center;gap:var(--space-2);font:600 15px/1 var(--font-sans);letter-spacing:-.01em;cursor:pointer;background:var(--accent);color:var(--on-accent);border:var(--stroke-window) solid var(--on-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-window);transition:transform var(--duration-ghost) var(--ease-out), box-shadow var(--duration-ghost) var(--ease-out);padding:12px 18px;display:inline-flex}.sm-btn:hover{box-shadow:2px 2px 0 0 var(--on-accent);transform:translate(1px,1px)}.sm-btn:active{box-shadow:none;transform:translate(3px,3px)}.sm-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sm-btn--ghost{color:var(--ink);border-color:var(--border);box-shadow:none;background:0 0}.sm-btn--ghost:hover{background:var(--surface-sunken);box-shadow:none;transform:none}.sm-btn--mono{font:500 13px/1 var(--font-mono);letter-spacing:0}.sm-btn[disabled]{opacity:var(--opacity-ghost);cursor:not-allowed;box-shadow:none}.sm-tag{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:var(--stroke-hair) solid var(--border);border-radius:var(--radius-sm);padding:4px 6px;display:inline-block}.sm-tag--solid{background:var(--ink);color:var(--surface);border-color:var(--ink)}.sm-chip{font:400 12px/1.2 var(--font-mono);color:var(--ink);background:var(--surface-sunken);border-radius:var(--radius-sm);padding:4px 8px;display:inline-block}.sm-chip--pick{background:var(--strip);color:var(--on-accent)}.sm-window{background:var(--surface-raised);color:var(--ink);border:var(--stroke-window) solid var(--ink);box-shadow:var(--shadow-window);border-radius:var(--radius-none);font-family:var(--font-pixel);min-width:240px}.sm-window__bar{justify-content:space-between;gap:var(--space-4);background:var(--ink);color:var(--surface);padding:3px var(--space-2);font-size:22px;line-height:1;display:flex}.sm-window__body{padding:var(--space-3) 14px;font-size:22px;line-height:1.1}.sm-window__cursor{vertical-align:-.1em;background:currentColor;width:.5em;height:.9em;animation:1.06s step-end infinite sm-blink;display:inline-block}.sm-window__bar-fill{background:var(--surface-sunken);color:var(--ink)}.sm-meter{margin-top:var(--space-2);grid-template-columns:1fr;gap:2px;display:grid}.sm-meter__bar{background:var(--surface-sunken);border:var(--stroke-hair) solid var(--border);height:12px}.sm-meter__bar>i{background:var(--ink);height:100%;display:block}.sm-section{padding:var(--space-8);position:relative}.sm-col{border-left:var(--stroke-hair) solid var(--rule);padding-left:var(--space-3)}.sm-nav{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--surface);border-bottom:var(--stroke-hair) solid var(--rule);box-sizing:border-box;width:100%;display:flex}.sm-nav__logo{font:700 22px/1 var(--font-sans);letter-spacing:-.03em;color:var(--ink);margin-right:auto}.sm-nav__logo b{color:var(--accent);font-weight:700}.sm-nav a:not(.sm-btn,.sm-nav__logo){font:500 14px/1 var(--font-sans);color:var(--ink-soft);border-radius:var(--radius-sm);padding:8px 10px;text-decoration:none}.sm-nav a:not(.sm-btn,.sm-nav__logo):hover,.sm-nav a:not(.sm-btn,.sm-nav__logo)[aria-current=page]{background:var(--surface-sunken);color:var(--ink)}.sm-nav a:not(.sm-btn,.sm-nav__logo):focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sm-rows{flex-direction:column;width:100%;display:flex}.sm-row{gap:var(--space-4);padding:14px var(--space-2);border-bottom:var(--stroke-hair) solid var(--rule);color:var(--ink);font:500 16px/1.3 var(--font-sans);transition:background var(--duration-ghost) var(--ease-out);grid-template-columns:84px 1fr auto;align-items:center;text-decoration:none;display:grid}.sm-row:hover{background:var(--surface-sunken)}.sm-row:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sm-row__go{color:var(--ink-soft);font-family:var(--font-mono)}.sm-grid{border:var(--stroke-hair) solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised);box-sizing:border-box;grid-template-columns:repeat(2,1fr);width:100%;display:grid;overflow:hidden}.sm-cell{padding:var(--space-6);gap:var(--space-3);border-right:var(--stroke-hair) solid var(--rule);border-bottom:var(--stroke-hair) solid var(--rule);flex-direction:column;display:flex}.sm-cell__head{align-items:baseline;gap:var(--space-2);display:flex}.sm-cell__n{font:500 12px/1 var(--font-mono);color:var(--ink-faint)}.sm-cell__title{font:600 20px/1.2 var(--font-sans);letter-spacing:-.02em;color:var(--ink)}.sm-cell__desc{font:400 14px/1.45 var(--font-sans);color:var(--ink-soft);margin:0}.sm-cell__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.sm-cell__go{font:500 13px/1 var(--font-mono);color:var(--ink);border:var(--stroke-hair) solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-top:auto;padding:10px 12px;text-decoration:none;display:flex}.sm-cell--entry .sm-cell__go{border-color:var(--link);color:var(--link)}.sm-stat{gap:var(--space-2);flex-direction:column;display:flex}.sm-stat__n{font:500 40px/1 var(--font-mono);letter-spacing:-.02em;color:var(--ink)}.sm-stat__l{font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.sm-mark{text-decoration-line:underline;-webkit-text-decoration-color:var(--mark);text-decoration-color:var(--mark);text-underline-offset:.08em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:.16em}.sm-sticker{--fill:var(--green);padding:var(--space-2);background:var(--strip);box-shadow:var(--shadow-sticker);border-radius:14px 10px 16px 9px;display:inline-block;position:relative;transform:rotate(-2deg)}.sm-sticker--rosa{--fill:var(--rosa);transform:rotate(2deg)}.sm-sticker--laranja{--fill:var(--laranja);transform:rotate(-1deg)}.sm-sticker--teal{--fill:var(--teal);transform:rotate(3deg)}.sm-sticker--stamp{animation:sm-stamp var(--duration-stamp) var(--ease-stamp) both}@keyframes sm-stamp{0%{box-shadow:none;transform:scale(1.08)rotate(0)}}.sm-sticker__art{min-width:96px;min-height:96px;padding:var(--space-2);border:var(--stroke-sticker) solid var(--on-accent);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 50%, rgba(30, 30, 30, var(--opacity-halftone)) 0 .8px, transparent 1.1px) 0 0 / var(--space-1) var(--space-1), var(--fill);color:var(--on-accent);font:700 28px/1 var(--font-sans);letter-spacing:-.03em;place-items:center;display:grid}.sm-sticker--wide .sm-sticker__art{min-width:168px;min-height:84px}.sm-sticker--round .sm-sticker__art{border-radius:50%;min-width:108px;min-height:108px}.sm-art{--fill:var(--green);border:var(--stroke-window) solid var(--on-accent);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 50%, rgba(30, 30, 30, var(--opacity-halftone)) 0 .8px, transparent 1.1px) 0 0 / var(--space-1) var(--space-1), var(--fill);color:var(--on-accent);place-items:center;display:grid}.sm-art--rosa{--fill:var(--rosa)}.sm-art--laranja{--fill:var(--laranja)}.sm-art--teal{--fill:var(--teal)}.sm-art--amarelo{--fill:var(--amarelo)}.sm-strip{align-items:center;gap:var(--space-2);background:var(--strip);color:var(--on-accent);font:500 52px/1.15 var(--font-sans);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);border-radius:var(--radius-none);box-shadow:var(--shadow-note);display:inline-flex}.sm-strip:before{content:"";background:currentColor;width:2px;height:.9em;animation:1.06s step-end infinite sm-blink}.sm-strip--sm{font-size:22px}.sm-strip mark{background:var(--amarelo);color:var(--on-accent);padding:0 .1em}@keyframes sm-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.sm-strip:before,.sm-window__cursor,.sm-sticker--stamp{animation:none}.sm-btn{transition:none}}.sm-notes{gap:var(--space-4);filter:drop-shadow(0 1px 1px #1e1e1e59);align-items:flex-end;display:flex}.sm-note{background:var(--strip);clip-path:polygon(2% 0,98% 4%,100% 96%,3% 100%);width:84px;height:100px;transition:opacity var(--duration-ghost) var(--ease-out)}.sm-note--pick{background:var(--teal)}.sm-ghost{opacity:var(--opacity-ghost)}.sm-line{stroke:var(--ink-soft);stroke-width:var(--stroke-hair);fill:none}.sm-node{fill:var(--strip);stroke:var(--on-accent);stroke-width:var(--stroke-window)}.sm-node--fill{fill:var(--green)}.sm-vwrap{width:270px;height:480px;box-shadow:var(--shadow-sticker);flex:none;position:relative;overflow:hidden}.sm-vframe{transform-origin:0 0;width:1080px;height:1920px;color:var(--ink);position:absolute;top:0;left:0;overflow:hidden;transform:scale(.25)}.sm-vframe__time{font:500 36px/1 var(--font-mono);color:var(--ink);text-shadow:2px 0 var(--strip), -2px 0 var(--strip), 0 2px var(--strip), 0 -2px var(--strip);position:absolute;top:96px;right:64px}.sm-vframe__stage{place-items:center;height:44%;display:grid;position:absolute;top:22%;left:0;right:0}.sm-vframe__cap{position:absolute;top:72%;left:64px}.sm-vframe__guides{border:4px dashed var(--rosa);pointer-events:none;position:absolute;inset:250px 120px 420px 64px}.sm-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sm-icon{vertical-align:-.125em;flex:none;width:1em;height:1em;display:inline-block}.sm-pixelgram{flex-shrink:0;width:32px;height:32px;display:block}.sm-pixelgram--l{width:64px;height:64px}body{margin:0}
