:root,.theme-auto{--font-body:"JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;--size-border-width:0.5px;--ui-border:0.5px;--bg-primary:#000000;--bg-secondary:#1a1a1a;--text-primary:#ffffff;--text-secondary:#999999;--border-color:#333333;--accent-color:#3399ff;--background:#0a0a0a;--surface:#1a1a1a;--border:#333333;--text:#ffffff;--input-bg:#2a2a2a;--color-bg:#000000;--color-surface:#1a1a1a;--color-surface-hi:#2a2a2a;--color-border:#333333;--color-border-bright:#444444;--color-text:#ffffff;--color-text-muted:#999999;--color-text-dim:#666666;--color-accent:#3399ff;--color-accent-bg:#102a44;--color-folder:#3399ff;--color-danger:#ff6666;--color-danger-bg:#3a1010;--color-select:#262626}@media (prefers-color-scheme:light){.theme-auto{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--text-primary:#000000;--text-secondary:#666666;--border-color:#cccccc;--accent-color:#0066cc;--background:#f5f5f5;--surface:#ffffff;--border:#e0e0e0;--text:#000000;--input-bg:#fafafa;--color-bg:#ffffff;--color-surface:#ffffff;--color-surface-hi:#f5f5f5;--color-border:#e0e0e0;--color-border-bright:#cccccc;--color-text:#000000;--color-text-muted:#666666;--color-text-dim:#999999;--color-accent:#0066cc;--color-accent-bg:#e6f0ff;--color-folder:#0066cc;--color-danger:#cc3333;--color-danger-bg:#ffeaea;--color-select:#eeeeee}}.theme-light{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--text-primary:#000000;--text-secondary:#666666;--border-color:#cccccc;--accent-color:#0066cc;--background:#f5f5f5;--surface:#ffffff;--border:#e0e0e0;--text:#000000;--input-bg:#fafafa;--color-bg:#ffffff;--color-surface:#ffffff;--color-surface-hi:#f5f5f5;--color-border:#e0e0e0;--color-border-bright:#cccccc;--color-text:#000000;--color-text-muted:#666666;--color-text-dim:#999999;--color-accent:#0066cc;--color-accent-bg:#e6f0ff;--color-folder:#0066cc;--color-danger:#cc3333;--color-danger-bg:#ffeaea;--color-select:#eeeeee}.theme-auto,.theme-dark,.theme-light{color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box;min-width:0;min-height:0}html{background:var(--bg,var(--color-bg,#111318))}body{font-family:var(--font-body);font-size:13px;line-height:1.5;height:100vh;position:relative;background:var(--bg,var(--color-bg,#111318));color:var(--color-text)}#app{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;width:100vw;height:100vh;box-sizing:border-box;overflow:auto;background:var(--bg,var(--color-bg,#111318))}#app.hackjs-preview-canvas{padding:var(--hackjs-preview-padding,40px);padding-bottom:48px}#app.hackjs-preview-canvas>*{justify-self:var(--hackjs-preview-justify-self,center);align-self:var(--hackjs-preview-align-self,center)}.hackjs-preview-caption{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);font-size:11px;letter-spacing:0.06em;color:var(--color-text-muted);opacity:0.75;user-select:none;pointer-events:none;z-index:2}[data-panel-resizer]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-panel-resize-active],[data-panel-resize-active] *{-webkit-touch-callout:none !important;-webkit-user-select:none !important;user-select:none !important}text{display:inline}text.fills{display:flex;align-items:center;justify-content:center;text-align:center}spacer{flex:1 1 0;align-self:stretch}vstack{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;box-sizing:border-box;transform-style:inherit}hstack{display:inline-flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;box-sizing:border-box;transform-style:inherit}rectangle,rounded-rectangle,panel{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;box-sizing:border-box;position:relative}[data-virtual-list]{display:block;position:relative}[data-virtual-slot]{position:absolute;margin:0;gap:0;justify-content:flex-start;align-items:stretch}@property --rounded-rectangle-fill{syntax:"*";inherits:true;initial-value:transparent}@property --rounded-rectangle-stroke{syntax:"<color>";inherits:true;initial-value:transparent}@property --rounded-rectangle-stroke-width{syntax:"<length>";inherits:true;initial-value:0px}@property --rounded-rectangle-gradient-from{syntax:"<color>";inherits:true;initial-value:transparent}@property --rounded-rectangle-gradient-to{syntax:"<color>";inherits:true;initial-value:transparent}@property --rounded-rectangle-gradient-angle{syntax:"<angle>";inherits:true;initial-value:180deg}rounded-rectangle{--rounded-rectangle-fill:transparent;--rounded-rectangle-stroke:transparent;--rounded-rectangle-stroke-width:0;--rounded-rectangle-backdrop-filter:none;--rounded-rectangle-mask-image:none;--rounded-rectangle-mask-size:auto;--rounded-rectangle-mask-position:center;--rounded-rectangle-mask-repeat:no-repeat;--rounded-rectangle-mask-mode:alpha;--rounded-rectangle-stroke-alignment:center;--rounded-rectangle-shadow-filter:none;--rounded-rectangle-inset-shadow:none}:where(rounded-rectangle) rounded-rectangle{--rounded-rectangle-fill:transparent;--rounded-rectangle-gradient-spec:none;--rounded-rectangle-gradient-paint:none;--rounded-rectangle-gradient-from:transparent;--rounded-rectangle-gradient-to:transparent;--rounded-rectangle-gradient-angle:180deg;--rounded-rectangle-backdrop-filter:none;--rounded-rectangle-mask-image:none;--rounded-rectangle-shadow-filter:none;--rounded-rectangle-inset-shadow:none;--rounded-rectangle-outer-shadow-spec:none;--rounded-rectangle-inset-shadow-spec:none}svg[stroke="currentColor"]{shape-rendering:geometricPrecision}html.hackpad-safari-icons svg[stroke]:not([stroke="none"]){font-size:var(--wk-icon-stroke-font-size,2px);stroke-width:1em}html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) path,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) line,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) polyline,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) polygon,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) circle,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) rect,html.hackpad-safari-icons svg[stroke]:not([stroke="none"]) ellipse{stroke-width:1em}rounded-rectangle:not(.rr-ready)>.rounded-rectangle-svg,rounded-rectangle:not(.rr-ready)>.rounded-rectangle-stroke-svg,rounded-rectangle:not(.rr-ready)>.rr-backdrop{opacity:0}rounded-rectangle>.rounded-rectangle-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible;shape-rendering:geometricPrecision}rounded-rectangle>.rounded-rectangle-svg .rounded-rectangle-path{fill:none;stroke:none}rounded-rectangle>.rounded-rectangle-stroke-svg{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible;shape-rendering:geometricPrecision}rounded-rectangle>.rounded-rectangle-stroke-svg .rounded-rectangle-stroke-path{fill:none;stroke:var(--rounded-rectangle-stroke,transparent);stroke-width:var(--rounded-rectangle-stroke-width,0)}rounded-rectangle>.rounded-rectangle-stroke-svg .rounded-rectangle-stroke-path.rr-stroke-2x{stroke-width:calc(var(--rounded-rectangle-stroke-width,0) * 2)}rounded-rectangle>.rounded-rectangle-svg .rounded-rectangle-path.rr-stroke-2x{stroke-width:calc(var(--rounded-rectangle-stroke-width,0) * 2)}rounded-rectangle>.rounded-rectangle-svg .rr-shadow-path,rounded-rectangle>.rounded-rectangle-svg .rr-shadow-path-hover{fill:var(--rounded-rectangle-fill,transparent);pointer-events:none}rounded-rectangle.rr-shadow-crossfade>.rounded-rectangle-svg .rr-shadow-path,rounded-rectangle.rr-shadow-crossfade>.rounded-rectangle-svg .rr-shadow-path-hover,rounded-rectangle.rr-shadow-crossfade>.rounded-rectangle-svg .rr-shadow-path-active{transition:opacity var(--rounded-rectangle-fade-duration,var(--rounded-rectangle-bg-fade-duration,0s)) var(--rounded-rectangle-fade-timing,var(--rounded-rectangle-bg-fade-timing,ease))}rounded-rectangle.rr-shadow-crossfade>.rounded-rectangle-svg .rr-shadow-path-hover{opacity:0}rounded-rectangle.rr-shadow-crossfade:hover>.rounded-rectangle-svg .rr-shadow-path-hover{opacity:1}rounded-rectangle.rr-shadow-crossfade:hover>.rounded-rectangle-svg .rr-shadow-path{opacity:0}rounded-rectangle.rr-shadow-crossfade>.rounded-rectangle-svg .rr-shadow-path-active{opacity:0}rounded-rectangle.rr-shadow-crossfade:active>.rounded-rectangle-svg .rr-shadow-path-active{opacity:1}rounded-rectangle.rr-shadow-crossfade:active>.rounded-rectangle-svg .rr-shadow-path,rounded-rectangle.rr-shadow-crossfade:active>.rounded-rectangle-svg .rr-shadow-path-hover{opacity:0}rounded-rectangle>.rounded-rectangle-svg .rr-inset-shadow-path,rounded-rectangle>.rounded-rectangle-svg .rr-inset-shadow-path-hover,rounded-rectangle>.rounded-rectangle-svg .rr-inset-shadow-path-active{pointer-events:none}rounded-rectangle.rr-inset-shadow-crossfade>.rounded-rectangle-svg .rr-inset-shadow-path,rounded-rectangle.rr-inset-shadow-crossfade>.rounded-rectangle-svg .rr-inset-shadow-path-hover,rounded-rectangle.rr-inset-shadow-crossfade>.rounded-rectangle-svg .rr-inset-shadow-path-active{transition:opacity var(--rounded-rectangle-fade-duration,var(--rounded-rectangle-bg-fade-duration,0s)) var(--rounded-rectangle-fade-timing,var(--rounded-rectangle-bg-fade-timing,ease))}rounded-rectangle.rr-inset-shadow-crossfade>.rounded-rectangle-svg .rr-inset-shadow-path-hover{opacity:0}rounded-rectangle.rr-inset-shadow-crossfade:hover>.rounded-rectangle-svg .rr-inset-shadow-path-hover{opacity:1}rounded-rectangle.rr-inset-shadow-crossfade:hover>.rounded-rectangle-svg .rr-inset-shadow-path{opacity:0}rounded-rectangle.rr-inset-shadow-crossfade>.rounded-rectangle-svg .rr-inset-shadow-path-active{opacity:0}rounded-rectangle.rr-inset-shadow-crossfade:active>.rounded-rectangle-svg .rr-inset-shadow-path-active{opacity:1}rounded-rectangle.rr-inset-shadow-crossfade:active>.rounded-rectangle-svg .rr-inset-shadow-path,rounded-rectangle.rr-inset-shadow-crossfade:active>.rounded-rectangle-svg .rr-inset-shadow-path-hover{opacity:0}rounded-rectangle>.rounded-rectangle-svg .rr-fill-path{fill:var(--rounded-rectangle-fill,transparent);pointer-events:none}rounded-rectangle>.rr-fill{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translateZ(0);background-color:transparent;background-image:var(--rounded-rectangle-gradient-paint,linear-gradient( var(--rounded-rectangle-gradient-angle,180deg),var(--rounded-rectangle-gradient-from,transparent) 0%,var(--rounded-rectangle-gradient-to,transparent) 100% ))}rounded-rectangle.rr-bg-crossfade>.rr-fill-crossfade{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:translateZ(0);isolation:isolate}rounded-rectangle.rr-bg-crossfade>.rr-fill-crossfade>.rr-fill-base,rounded-rectangle.rr-bg-crossfade>.rr-fill-crossfade>.rr-fill-hover{position:absolute;inset:-1px;pointer-events:none;transform:translateZ(0);background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}rounded-rectangle.rr-bg-crossfade>.rr-fill-crossfade>.rr-fill-base{z-index:1;background:var(--rounded-rectangle-bg-base,transparent);opacity:1;transition:opacity var(--rounded-rectangle-fade-duration,var(--rounded-rectangle-bg-fade-duration,0s)) var(--rounded-rectangle-fade-timing,var(--rounded-rectangle-bg-fade-timing,ease))}rounded-rectangle.rr-bg-crossfade>.rr-fill-crossfade>.rr-fill-hover{z-index:2;background:var(--rounded-rectangle-bg-hover,transparent);opacity:0;transition:opacity var(--rounded-rectangle-fade-duration,var(--rounded-rectangle-bg-fade-duration,0s)) var(--rounded-rectangle-fade-timing,var(--rounded-rectangle-bg-fade-timing,ease))}rounded-rectangle.rr-bg-crossfade:hover>.rr-fill-crossfade>.rr-fill-hover{opacity:1}rounded-rectangle.rr-bg-crossfade:hover>.rr-fill-crossfade>.rr-fill-base{opacity:0}rounded-rectangle>.rr-backdrop{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;backdrop-filter:var(--rounded-rectangle-backdrop-filter,none);-webkit-backdrop-filter:var(--rounded-rectangle-backdrop-filter,none);mask:var(--rounded-rectangle-mask-image,none);-webkit-mask:var(--rounded-rectangle-mask-image,none);mask-mode:var(--rounded-rectangle-mask-mode,alpha);-webkit-mask-source-type:var(--rounded-rectangle-mask-mode,alpha);transform:translateZ(0)}rounded-rectangle>.rr-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;align-self:stretch;width:100%;min-width:0;min-height:0;box-sizing:border-box;transform-style:inherit}rounded-rectangle>.rr-content>vstack,rounded-rectangle>.rr-content>hstack,rounded-rectangle>.rr-content>grid{align-self:stretch;max-width:100%}rounded-rectangle.has-over-layer,rounded-rectangle.has-under-layer,rounded-rectangle.has-scrollbar-track{position:relative}rounded-rectangle>.hack-scrollbar-track{position:absolute;z-index:5;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box;transform:translateZ(1px)}rounded-rectangle>.rr-content>.hack-scrollbar-track{position:absolute;z-index:5;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box;transform:translateZ(1px)}rounded-rectangle>.over-layer{position:absolute;z-index:10;display:grid;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box;transform-style:inherit}rounded-rectangle>.over-layer:not(.layer-inset){inset:0}rounded-rectangle>.over-layer>*{pointer-events:auto}rounded-rectangle>.under-layer{position:absolute;z-index:1;display:grid;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box;transform-style:inherit}rounded-rectangle>.under-layer:not(.layer-inset){inset:0}rounded-rectangle>.under-layer>*{pointer-events:auto}rounded-rectangle>:not(.rounded-rectangle-svg):not(.rr-backdrop):not(.rr-fill):not(.rr-fill-crossfade):not(.under-layer):not(.over-layer):not(.rr-content){position:relative;z-index:2}grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;align-items:stretch;box-sizing:border-box;width:100%}vstack:has(>spacer),hstack:has(vstack>spacer),zstack:has(vstack>spacer){height:100%;align-self:stretch}hstack:has(>spacer),vstack:has(hstack>spacer),zstack:has(hstack>spacer){width:100%;justify-self:stretch}.fills{flex:1 1 0;place-self:stretch;width:100%;height:100%}vstack:has(.fills),hstack:has(.fills),zstack:has(.fills){width:100%;height:100%}vstack:has(.fills):not([style*="width"]),hstack:has(.fills):not([style*="width"]),zstack:has(.fills):not([style*="width"]){justify-self:stretch}vstack:has(.fills):not([style*="height"]),hstack:has(.fills):not([style*="height"]),zstack:has(.fills):not([style*="height"]){align-self:stretch}vstack:has(.fills-x),hstack:has(.fills-x),zstack:has(.fills-x){width:100%}vstack:has(.fills-x):not([style*="width"]),hstack:has(.fills-x):not([style*="width"]),zstack:has(.fills-x):not([style*="width"]){justify-self:stretch}vstack:has(.fills-y),hstack:has(.fills-y),zstack:has(.fills-y){height:100%}vstack:has(.fills-y):not([style*="height"]),hstack:has(.fills-y):not([style*="height"]),zstack:has(.fills-y):not([style*="height"]){align-self:stretch}img{display:block;max-width:100%}canvas{display:block;max-width:100%}markdown{display:block;white-space:pre-wrap}pre{display:block;max-width:100%;overflow:auto;font-family:inherit;white-space:pre}menu{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}menuitem{display:flex;align-items:center;gap:8px;cursor:pointer}modal,popover,tooltip{display:block;box-sizing:border-box}a{color:inherit;text-decoration:none}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;padding:8px 16px;border-radius:6px;cursor:pointer}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}divider{display:block;background:var(--color-border,currentColor);opacity:1;flex-shrink:0}vstack>divider{width:100%;height:var(--size-border-width,var(--ui-border,0.5px))}hstack>divider{width:var(--size-border-width,var(--ui-border,0.5px));height:1rem;align-self:center}scrollview{display:flex;flex:1 1 auto;overflow:auto;min-width:0;min-height:0;box-sizing:border-box}scrollview[data-axis="vertical"]{flex-direction:column;overflow-x:hidden;overflow-y:auto;align-items:stretch;justify-content:flex-start;max-width:100%}scrollview>*{flex-shrink:0}scrollview[data-axis="horizontal"]{flex-direction:row;overflow-x:auto;overflow-y:hidden;align-items:center;justify-content:flex-start}scrollview[data-axis="both"]{flex-direction:column;overflow:auto;align-items:stretch;justify-content:flex-start;max-width:100%}scrollview[data-no-indicators="true"]{scrollbar-width:none;-ms-overflow-style:none;scrollbar-color:transparent transparent}scrollview[data-no-indicators="true"]::-webkit-scrollbar{-webkit-appearance:none;appearance:none;display:none;width:0;height:0;background:transparent}[data-custom-scrollbar],scrollview[data-custom-scrollbar]{scrollbar-width:none;-ms-overflow-style:none;scrollbar-color:transparent transparent}[data-custom-scrollbar]::-webkit-scrollbar,scrollview[data-custom-scrollbar]::-webkit-scrollbar,.hack-scrollbar-hidden::-webkit-scrollbar{-webkit-appearance:none;appearance:none;display:none;width:0;height:0;background:transparent}[data-custom-scrollbar]::-webkit-scrollbar-thumb,[data-custom-scrollbar]::-webkit-scrollbar-track,[data-custom-scrollbar]::-webkit-scrollbar-corner,scrollview[data-custom-scrollbar]::-webkit-scrollbar-thumb,scrollview[data-custom-scrollbar]::-webkit-scrollbar-track,scrollview[data-custom-scrollbar]::-webkit-scrollbar-corner{display:none;background:transparent}.hack-scrollbar::-webkit-scrollbar{width:var(--hack-scrollbar-width);height:var(--hack-scrollbar-height)}.hack-scrollbar::-webkit-scrollbar-button{display:none}.hack-scrollbar::-webkit-scrollbar-track{background:var(--hack-scrollbar-track)}.hack-scrollbar::-webkit-scrollbar-thumb{background:var(--hack-scrollbar-thumb);border-radius:var(--hack-scrollbar-radius);border:var(--hack-scrollbar-border);background-clip:content-box}.hack-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--hack-scrollbar-thumb-hover)}.hack-scrollbar::-webkit-scrollbar-corner{background:transparent}zstack{display:grid;align-items:center;justify-items:center;transform-style:inherit}zstack>*{grid-area:1/1}.over-layer,.under-layer{position:absolute;display:grid;pointer-events:none;min-width:0;min-height:0;box-sizing:border-box;transform-style:inherit}.over-layer:not(.layer-inset),.under-layer:not(.layer-inset){inset:0}:is(.over-layer,.under-layer)>*{pointer-events:auto}.over-layer{z-index:10}.has-over-layer{position:relative}.under-layer{z-index:0}.has-under-layer{position:relative;z-index:0;isolation:isolate}.has-under-layer.hackjs-preserve-3d{isolation:auto}.has-under-layer>.under-layer{z-index:-1}.has-under-layer.hackjs-preserve-3d>.under-layer{z-index:0}.has-under-layer.hackjs-preserve-3d>:not(.under-layer):not(.over-layer):not(.rounded-rectangle-svg):not(.rr-backdrop):not(.rr-fill):not(.rr-fill-crossfade):not(.js-tilt-glare){position:relative;z-index:1}.has-under-layer::before{content:"";position:absolute;inset:0;box-sizing:border-box;background:inherit;border:inherit;border-radius:inherit;z-index:0;pointer-events:none}.has-under-layer.hackjs-preserve-3d::before{content:none}foreach,foreachitem{display:contents}.hack-context-menu{position:fixed;z-index:2147483000;display:flex;flex-direction:column;gap:1px;padding:5px;min-width:164px;max-width:min(260px,calc(100vw - 16px));box-sizing:border-box;border:var(--size-border-width,var(--ui-border,0.5px)) solid var(--color-border,rgba(255,255,255,0.10));border-radius:8px;background:color-mix(in srgb,var(--color-surface,#1f2430) 94%,transparent);color:var(--color-text,#e2e8f0);box-shadow:0 16px 42px rgba(0,0,0,0.42),0 0 0 0.5px color-mix(in srgb,var(--color-border-bright,#ffffff) 18%,transparent) inset;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);font-family:inherit}:where( input[type="text"],input[type="password"],input[type="email"],input[type="number"] ){width:100%;background:var(--bg-primary);min-width:0;box-sizing:border-box;font-family:var(--font-mono,var(--font-body));font-size:14px;padding:7px 10px;color:var(--text-primary);border:1px solid var(--bg-secondary);border-radius:0.5em}:where( input[type="text"]:focus,input[type="text"]:focus-visible,input[type="password"]:focus,input[type="password"]:focus-visible,input[type="email"]:focus,input[type="email"]:focus-visible,input[type="number"]:focus,input[type="number"]:focus-visible ){outline:none}input::placeholder{color:rgba(255,255,255,0.15)}textarea::placeholder{color:var(--color-text-dim)}textarea{width:100%;background:var(--bg-primary);font-family:var(--font-mono,var(--font-body));color:var(--text-primary);padding:7px 10px;tab-size:4;border:1px solid var(--bg-secondary);border-radius:0.5em}textarea:focus,textarea:focus-visible{outline:none}button{background:var(--text-primary);color:var(--bg-primary);font-family:var(--font-mono,var(--font-body));padding:2px 10px;border-radius:0.5em;border:none;border:2px solid var(--text-primary);transition:all 0.1s;cursor:pointer}button:hover{opacity:0.8}button:active{transform:scale(0.95);opacity:0.6}*{-webkit-tap-highlight-color:transparent}