/* Generated by bin/build-files-skills from shared/ui/index.css. Do not edit. */
@font-face { font-family: "KMR Melange Grotesk"; src: url("./fonts/melange-grotesk-350.ttf") format("truetype"); font-weight: 350; font-style: normal; }
@font-face { font-family: "KMR Melange Grotesk"; src: url("./fonts/melange-grotesk-600.otf") format("opentype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Aime"; src: url("./fonts/aime-400.woff2") format("woff2"); font-weight: 400; font-style: normal; }
:root {
    --ds-page: #fbfaf9;
    --ds-raised: #f4efec;
    --ds-white: #ffffff;
    --ds-ink: #251f21;
    --ds-ink-2: #585254;
    --ds-ink-3: #969394;
    --ds-ink-4: #c0bebf;
    --ds-hairline: #eae9ea;
    --ds-teal: #73a89a;
    --ds-red: #ed313e;
    --ds-red-border: rgb(245 170 174);
    --ds-hover: color-mix(in srgb, #251f21 5%, transparent);
    --ds-hover-strong: color-mix(in srgb, #251f21 10%, transparent);
    --ds-hover-red: color-mix(in srgb, #ed313e 5%, transparent);
    --ds-scrim: rgb(46 39 41 / 0.45);
    --ds-shadow-control: 0 1px 2px color-mix(in srgb, #251f21 5%, transparent);
    --ds-shadow-modal: 0 30px 70px rgb(46 39 41 / 0.28);
    --ds-font-display: "Aime", Georgia, serif;
    --ds-font-text: "KMR Melange Grotesk", -apple-system, "Helvetica Neue", Arial, sans-serif;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font:350 14px/24px var(--ds-font-text);color:var(--ds-ink);background:var(--ds-raised);letter-spacing:-.01em}.study-shell{height:240px;display:flex;align-items:center;justify-content:center;color:var(--ds-ink);font:400 36px/1.2 var(--ds-font-display)}main{max-width:1040px;margin:0 auto;background:var(--ds-page);padding:40px 24px 28px;border-radius:24px 24px 0 0;min-height:calc(100vh - 240px)}header,section,footer{padding:0;margin:0;border:0;background:transparent;border-radius:0}header{margin-bottom:44px}h1,h2,h3{font-family:var(--ds-font-display);font-weight:400;letter-spacing:-.025em;color:var(--ds-ink)}h1{font-size:28px;line-height:1.2;margin:0 0 24px}header .fact{font-size:12px;color:var(--ds-ink-2);margin:0 0 36px}header .intro{margin:0}h2{font-size:21px;line-height:1.2;margin:0 0 20px}section{margin-bottom:48px}p{margin:12px 0;overflow-wrap:break-word}.math{overflow-x:auto;max-width:100%;padding:8px 0;margin:4px 0}math{font-size:1.15em;font-family:'STIX Two Math','Cambria Math',math}.callout{border-left:2px solid var(--ds-hairline);padding:0 14px;margin:16px 0}.callout.warning{border:0;border-radius:8px;background:var(--ds-raised);padding:12px 14px}.callout strong{font-size:13px;font-weight:600}.callout p{margin:8px 0}.muted,footer{color:var(--ds-ink-2);font-size:13px}article{padding:0;margin:28px 0;border:0}.choices{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.option{display:inline-flex;width:auto;font-size:14px;align-items:center;text-align:left}.option[aria-pressed=true]{background:var(--ds-teal);border-color:var(--ds-teal);font-weight:600}.pred-feedback:not(:empty){border-left:2px solid var(--ds-hairline);padding:8px 14px;margin:16px 0}button{font-family:var(--ds-font-text);font-size:14px;line-height:20px;min-height:44px;padding:11px 14px;border:1px solid var(--ds-hairline);border-radius:4px;background:var(--ds-white);color:var(--ds-ink);cursor:pointer;margin:6px 8px 6px 0;box-shadow:var(--ds-shadow-control)}button:hover{background:var(--ds-hover)}button:disabled{opacity:.5;cursor:default}button[data-grade],#connect{background:var(--ds-ink);border-color:var(--ds-ink);color:var(--ds-white)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--ds-teal);outline-offset:2px}label{display:block;font-size:13px;color:var(--ds-ink-2)}textarea,input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--ds-hairline);border-radius:12px;background:var(--ds-white);color:var(--ds-ink);margin:8px 0 12px;font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:4}textarea{resize:vertical}#why{font:16px/1.6 var(--ds-font-text)}pre{background:#1e2128;color:#d7dae0;border-radius:12px;padding:14px 16px;overflow-x:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}pre code{white-space:pre}.pass,.fail{font-size:14px;line-height:1.5;padding:8px 12px;border-radius:10px}.pass{background:#e8f3ec;color:var(--ds-ink)}.fail{background:#fbeae6;color:var(--ds-ink)}[id$=-hints] p{border-left:2px solid var(--ds-hairline);padding:8px 14px;white-space:pre-wrap}footer{border-top:1px solid var(--ds-hairline);padding-top:20px}a{color:inherit}[hidden]{display:none!important}@media(min-width:768px){.study-shell{height:72px;font-size:24px}main{padding:56px 36px;min-height:calc(100vh - 72px);border-radius:0}h1{font-size:36px}textarea{font-size:13px}}
.study-shell img{display:block;width:140px;height:auto}@media(min-width:768px){.study-shell img{width:105px}}
.practice-frame{display:block;width:100%;height:850px;border:0;margin:28px 0}.scratch{background:var(--ds-page);padding:0;margin:0}.scratch section{margin:0}.scratch pre{min-height:80px;white-space:pre-wrap;overflow-wrap:anywhere}footer:has(#storage:empty){border:0;padding:0}