:root{--l5-green:#23a47a;--l5-blue:#237b9b;--l5-purple:#7467d7;--l5-red:#cf594c;--l5-yellow:#e1ad3f}
.hero-function{min-height:520px;display:grid;place-items:center;position:relative;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--teal2) 24%,transparent),transparent 42%),linear-gradient(145deg,var(--paper),var(--soft));overflow:hidden;box-shadow:var(--shadow)}
.function-shell{position:relative;width:min(94%,620px);height:390px}.function-shell svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.function-shell path{fill:none;stroke:var(--teal2);stroke-width:6;stroke-linecap:round;stroke-dasharray:700;animation:l5Flow 2.1s ease both}.function-shell .flow-b{animation-delay:.2s}.function-shell .flow-c{animation-delay:.5s}.function-core{position:absolute;left:245px;top:112px;width:150px;height:165px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--teal),var(--l5-blue));color:#fff;box-shadow:0 24px 52px color-mix(in srgb,var(--teal) 25%,transparent);z-index:2;animation:l5CoreIn .8s cubic-bezier(.2,.9,.2,1) both}.function-core small{text-transform:uppercase;letter-spacing:.15em;opacity:.78}.function-core strong{font-size:1.25rem;margin:9px 0}.function-core code{font-size:.72rem;color:#fff;background:rgba(0,0,0,.16);padding:8px;border-radius:8px}.function-port{position:absolute;top:100px;display:flex;flex-direction:column;gap:42px;z-index:3}.input-port{left:30px}.output-port{right:30px;top:165px}.function-port i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:var(--paper);border:1px solid var(--line);font:900 1.25rem ui-monospace,monospace;color:var(--ink);box-shadow:var(--shadow);animation:l5PortIn .65s ease both}.input-port i:nth-child(2){animation-delay:.16s}.output-port i{color:var(--orange);animation-delay:.7s}.function-caption{position:absolute;left:7%;right:7%;bottom:20px;display:flex;justify-content:space-between;color:var(--muted);font-weight:800;font-size:.82rem}
@keyframes l5Flow{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}@keyframes l5CoreIn{from{opacity:0;transform:scale(.78) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes l5PortIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.function-analogy{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center}.function-analogy article{min-height:210px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 12px 32px rgba(10,70,77,.06)}.function-analogy article span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:color-mix(in srgb,var(--teal) 12%,var(--soft));color:var(--teal);font-weight:900}.function-analogy article b{display:block;font-size:1.25rem;margin:18px 0 8px}.function-analogy article p{margin:0;color:var(--muted)}.function-analogy>i{font-size:2rem;color:var(--teal)}
.function-machine{margin:28px 0;padding:30px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(135deg,var(--soft),var(--paper));display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:20px;align-items:center}.machine-input label{display:grid;gap:8px}.machine-input input,.machine-body select{height:46px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:0 13px;font-size:1rem}.machine-body{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:18px;background:var(--paper);border:1px solid var(--line)}.machine-body .gear{font-size:2.2rem;animation:l5Spin 8s linear infinite}.machine-output{display:grid;place-items:center;padding:22px;border-radius:20px;background:var(--teal);color:#fff}.machine-output b{font-size:2.5rem}.machine-output b.pulse{animation:l5Pulse .35s ease}@keyframes l5Spin{to{transform:rotate(360deg)}}@keyframes l5Pulse{50%{transform:scale(1.18)}}
.plain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plain-grid>div{padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}.plain-grid h3{margin:0 0 8px}.plain-grid p{margin:0;color:var(--muted)}
.call-anatomy{display:flex;align-items:center;justify-content:center;gap:12px;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.call-anatomy>div{max-width:220px;text-align:center}.call-anatomy code{display:block;font-size:1.45rem;color:var(--teal);margin-bottom:8px}.call-anatomy span{font-size:.84rem;color:var(--muted)}.call-anatomy>b{font-size:2.4rem;color:var(--muted)}.call-anatomy>i{font-size:1.6rem;color:var(--orange)}.call-anatomy>strong{font-size:2rem;color:var(--orange)}
.builtin-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:18px}.builtin-gallery button{padding:16px 8px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink);cursor:pointer;transition:.2s}.builtin-gallery button:hover,.builtin-gallery button.active{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--paper));transform:translateY(-2px)}.builtin-gallery code{display:block;color:var(--teal);font-weight:800}.builtin-gallery span{font-size:.74rem;color:var(--muted)}.builtin-result{margin:14px auto 0;max-width:560px;padding:20px;border-radius:18px;background:linear-gradient(135deg,var(--teal),var(--l5-blue));color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 18px}.builtin-result b{font-size:2rem}.builtin-result p{grid-column:1/3;margin:0;opacity:.84}
.rounding-lab{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.rounding-lab>label{display:flex;align-items:center;gap:14px}.rounding-lab>label input{flex:1}.rounding-lab>label b{min-width:60px;font:900 1.2rem ui-monospace,monospace}.rounding-line{position:relative;height:80px;margin:20px 5px;border-bottom:4px solid var(--line)}.rounding-line span{position:absolute;bottom:10px;color:var(--muted)}.rounding-line span:nth-child(1){left:0}.rounding-line span:nth-child(2){left:50%}.rounding-line span:nth-child(3){right:0}.rounding-line i{position:absolute;bottom:-11px;width:20px;height:20px;border-radius:50%;background:var(--orange);transform:translateX(-50%);box-shadow:0 0 0 8px color-mix(in srgb,var(--orange) 18%,transparent);transition:left .18s}.rounding-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.rounding-results article{padding:16px;border-radius:14px;background:var(--soft);text-align:center}.rounding-results code{display:block;color:var(--teal)}.rounding-results b{display:block;font-size:1.8rem;margin:6px}.rounding-results small{color:var(--muted)}
.integer-toolbox{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.integer-input{display:grid;gap:12px}.integer-input label{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;font-weight:900}.integer-input input{height:48px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--ink);padding:0 12px}.integer-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.integer-results article{padding:16px;border-radius:14px;background:var(--soft)}.integer-results code{display:block;color:var(--teal)}.integer-results b{display:block;margin-top:8px;font-size:1.2rem;overflow-wrap:anywhere}.factorial-story{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0;padding:20px;border-radius:16px;background:var(--soft);font:800 1.25rem ui-monospace,monospace}.factorial-story strong{font-size:1.7rem;color:var(--orange)}
.angle-lab{display:grid;grid-template-columns:minmax(300px,.85fr) 1fr;gap:26px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.unit-circle svg{width:100%;max-height:360px}.unit-circle circle,.unit-circle line{fill:none;stroke:var(--line);stroke-width:2}.unit-circle #angleRadius{stroke:var(--teal);stroke-width:5;stroke-linecap:round}.unit-circle #anglePoint{fill:var(--orange);stroke:var(--paper);stroke-width:4}.unit-circle #angleArc{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round}.angle-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center}.angle-controls>div,.angle-controls>label{padding:18px;border-radius:16px;background:var(--soft)}.angle-controls label{grid-column:1/3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.angle-controls span{display:block;color:var(--muted)}.angle-controls b{display:block;font-size:1.35rem}.precision-note{display:grid;grid-template-columns:auto auto 1fr;gap:16px;align-items:center;margin:18px 0;padding:18px;border-left:4px solid var(--orange);background:var(--soft);border-radius:14px}.precision-note strong{color:var(--orange)}.precision-note p{margin:0;color:var(--muted)}
.data-dashboard{padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.data-chips,.data-sort>div{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.data-chips i,.data-sort i{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:var(--soft);font-style:normal;font-weight:900;border:1px solid var(--line)}.data-chips i:nth-child(4){background:color-mix(in srgb,var(--orange) 17%,var(--soft));color:var(--orange)}.data-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:20px 0}.data-stats article{padding:14px;border-radius:13px;background:var(--soft);text-align:center}.data-stats span,.data-stats small{display:block;color:var(--muted)}.data-stats b{display:block;font-size:1.5rem;margin:4px}.data-sort{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.data-sort button{height:40px;border:1px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);padding:0 13px}.data-sort i{animation:l5ChipIn .35s ease both}@keyframes l5ChipIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.random-board{display:grid;grid-template-columns:1fr auto;gap:18px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.random-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.random-grid i{display:grid;place-items:center;min-height:54px;border-radius:10px;background:var(--soft);font-style:normal;font-family:ui-monospace,monospace}.random-board button{align-self:start;border:0;border-radius:12px;background:var(--teal);color:#fff;padding:12px 16px;font-weight:800}.random-board label{grid-column:1/3;display:grid;grid-template-columns:auto 120px 1fr;align-items:center;gap:10px}.random-board input{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 10px}.random-board label b{font-size:1.5rem;color:var(--orange)}.constant-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.constant-cards article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.constant-cards code{font-size:1.25rem;color:var(--teal)}.constant-cards b{display:block;margin:8px 0}.constant-cards p{margin:0;color:var(--muted);font-size:.84rem}
.formula-builder{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:16px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.formula-definition{display:flex;gap:8px;align-items:center}.formula-definition select,.formula-inputs input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 10px}.formula-inputs{display:flex;gap:10px}.formula-inputs label{display:grid;grid-template-columns:auto 80px;align-items:center;gap:5px}.formula-output{padding:18px;border-radius:15px;background:var(--teal);color:#fff;text-align:center}.formula-output b{display:block;font-size:1.8rem}.syntax-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.syntax-compare article{padding:18px;border-radius:15px;background:var(--soft);border:1px solid var(--line)}.syntax-compare small{display:block;color:var(--muted);margin-bottom:8px}.syntax-compare code{overflow-wrap:anywhere;color:var(--teal)}
.function-blueprint{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.blueprint-line{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:18px;border-bottom:1px solid var(--line);align-items:center}.blueprint-line:last-child{border-bottom:0}.blueprint-line code{color:var(--teal);font-size:1rem}.blueprint-line p{margin:0;color:var(--muted)}.blueprint-line.declaration>div{display:flex;justify-content:space-around;color:var(--orange);font-size:.78rem;font-weight:800}.factorial-walk{display:grid;grid-template-columns:1fr 1fr auto auto;gap:12px;align-items:center;margin:18px 0;padding:20px;border-radius:18px;background:var(--soft)}.factorial-counter,.factorial-acc{padding:15px;border-radius:13px;background:var(--paper);text-align:center}.factorial-counter span,.factorial-acc span{display:block;color:var(--muted)}.factorial-counter b,.factorial-acc b{font-size:1.8rem}.factorial-walk button{height:42px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:0 12px}.factorial-walk button:first-of-type{background:var(--teal);color:#fff;border-color:var(--teal)}.factorial-walk p{grid-column:1/5;margin:0;color:var(--muted)}
.io-design{display:grid;grid-template-columns:1fr auto 1.5fr auto 1fr;gap:16px;align-items:center}.io-card,.io-rule{min-height:180px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.io-card{display:grid;align-content:center;text-align:center}.io-card small{color:var(--muted)}.io-card>b{font-size:3rem;color:var(--teal)}.io-card label{display:grid;gap:8px}.io-card.output b{font-size:2rem;color:var(--orange)}.io-design>i{font-size:1.7rem;color:var(--teal)}.io-rule{display:grid;align-content:center}.io-rule code{text-align:center;color:var(--teal);font-size:1.1rem}.rule-steps{display:flex;gap:6px;margin-top:15px}.rule-steps span{flex:1;padding:8px;border-radius:9px;background:var(--soft);text-align:center;font-size:.75rem}.design-checklist{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.design-checklist span{display:flex;gap:10px;align-items:center;padding:14px;border-radius:13px;background:var(--soft)}.design-checklist b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff}.design-checklist em{font-style:normal}
.name-lock{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:end;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.name-piece{display:grid;gap:8px}.name-piece small{color:var(--muted)}.name-piece input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 10px;font-family:ui-monospace,monospace}.name-lock>span{font-size:1.6rem;color:var(--muted)}.name-lock>strong{grid-column:1/6;text-align:center;padding:12px;border-radius:12px}.name-lock .match{background:color-mix(in srgb,var(--l5-green) 14%,var(--soft));color:var(--l5-green)}.name-lock .mismatch{background:color-mix(in srgb,var(--l5-red) 13%,var(--soft));color:var(--l5-red)}.call-sequence{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:18px 0}.call-sequence article{padding:18px;border-radius:15px;background:var(--soft);text-align:center}.call-sequence b,.call-sequence code{display:block}.call-sequence b{color:var(--muted);font-size:.75rem;margin-bottom:8px}.call-sequence i{color:var(--teal);font-size:1.5rem}
.arity-board{padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.arity-controls{display:flex;gap:25px}.arity-controls label{display:grid;grid-template-columns:auto 180px 25px;gap:8px;align-items:center;flex:1}.arity-diagram{display:grid;grid-template-columns:1fr 220px 1fr;gap:15px;align-items:center;margin:28px 0}.arity-box{display:grid;place-items:center;height:140px;border-radius:28px;background:linear-gradient(145deg,var(--teal),var(--l5-blue));color:#fff;font-weight:900}.arity-ports{display:grid;gap:10px}.arity-ports span{display:flex;align-items:center;gap:8px}.arity-ports:nth-child(3) span{justify-content:flex-end}.arity-ports i{height:3px;flex:1;background:var(--teal)}.arity-ports em{text-align:center;color:var(--muted)}.arity-board>code{display:block;text-align:center;padding:12px;border-radius:10px;background:var(--soft);color:var(--teal)}.output-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.output-rules article{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.output-rules h3{margin:0 0 8px}.output-rules p{margin:8px 0 0;color:var(--muted)}
.scope-house{position:relative;display:grid;grid-template-columns:1fr 150px 1fr;gap:15px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.workspace-room{min-height:230px;padding:22px;border:2px solid var(--line);border-radius:22px;background:var(--soft)}.workspace-room h3{margin-top:0}.scope-vars{display:grid;gap:8px}.scope-vars span{padding:10px;border-radius:9px;background:var(--paper);font-family:ui-monospace,monospace}.scope-door{text-align:center}.scope-door button{border:0;border-radius:12px;background:var(--teal);color:#fff;padding:12px 16px;font-weight:800}.scope-door i{display:block;margin-top:10px;color:var(--teal);font-size:1.5rem}.scope-return{position:absolute;left:40%;right:40%;bottom:13px;display:flex;justify-content:center;gap:8px;color:var(--orange)}.scope-house.running .function-room{animation:l5Room .7s ease}.scope-house.running .scope-return{animation:l5Return .9s ease}@keyframes l5Room{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--teal) 15%,transparent)}}@keyframes l5Return{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}.scope-explanation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.scope-explanation article{padding:18px;border-radius:15px;background:var(--soft)}.scope-explanation p{margin:8px 0 0;color:var(--muted)}
.vector-function{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.vector-function-rule{text-align:center;margin-bottom:18px}.vector-function-rule code{font-size:1.2rem;color:var(--teal)}.vector-function-input,.vector-function-output,.vector-function-arrows{display:grid;gap:8px}.vector-function-input i,.vector-function-output i{display:grid;place-items:center;min-height:58px;border-radius:12px;background:var(--soft);font-style:normal;font-weight:900}.vector-function-output i{background:color-mix(in srgb,var(--teal) 12%,var(--soft));color:var(--teal)}.vector-function-arrows{text-align:center;color:var(--orange);font-size:1.3rem}.vector-function label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:20px}.vector-function label input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 12px}.operator-reminder{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px;align-items:center;margin:18px 0;padding:18px;border-radius:15px;background:var(--soft)}.operator-reminder code{font-size:1.2rem;color:var(--orange)}
.stats-box{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:18px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.stats-input>span{display:block;color:var(--muted);margin-bottom:10px}.stats-input>div{display:flex;gap:7px}.stats-input i{display:grid;place-items:center;width:50px;height:50px;border-radius:11px;background:var(--soft);font-style:normal;font-weight:900}.stats-function{padding:20px;border-radius:18px;background:linear-gradient(145deg,var(--teal),var(--l5-blue));color:#fff;text-align:center}.stats-function b,.stats-function small{display:block}.stats-function b{font-size:1.4rem;margin-bottom:9px}.stats-outputs{display:grid;gap:10px}.stats-outputs article{padding:14px;border-radius:13px;background:var(--soft);display:flex;justify-content:space-between}.stats-outputs b{color:var(--orange)}.capture-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:18px 0;padding:18px;border-radius:15px;background:var(--soft)}.capture-note code{color:var(--teal)}.capture-note p{margin:0;color:var(--muted)}
.grade-function{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.grade-input-row,.grade-output-row{display:grid;gap:7px}.grade-input-row i,.grade-output-row i{display:grid;place-items:center;min-height:54px;border-radius:11px;background:var(--soft);font-style:normal;font-weight:900}.grade-pipeline{display:flex;justify-content:center;gap:10px;align-items:center;margin:14px 0;color:var(--muted)}.grade-pipeline i{color:var(--teal)}.grade-output-row .first{background:#dcf7eb;color:#087958}.grade-output-row .upper{background:#dff2fb;color:#176f91}.grade-output-row .lower{background:#eeeafe;color:#6351bd}.grade-output-row .third{background:#fff2d8;color:#9b6c10}.grade-output-row .fail{background:#ffe5e0;color:#a53b31}.grade-legend{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.grade-legend span{padding:7px 10px;border-radius:999px;background:var(--soft);font-size:.8rem}.grade-function label{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.grade-function input{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 12px}.test-cases{padding:20px;border-radius:18px;background:var(--soft);margin:18px 0}.test-cases h3{margin-top:0}.test-cases>div{display:flex;gap:7px;flex-wrap:wrap}.test-cases span{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--paper);font-weight:900}.test-cases p{margin-bottom:0;color:var(--muted)}
.subfunction-map{display:grid;grid-template-columns:1.4fr .8fr;gap:20px}.file-shell{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.file-shell header{font:900 1rem ui-monospace,monospace;color:var(--teal);padding-bottom:12px;border-bottom:1px solid var(--line)}.file-shell article{margin-top:12px;padding:15px;border-radius:13px;background:var(--soft)}.file-shell article b{font-size:.7rem;color:var(--orange)}.file-shell article code{display:block;margin:6px 0;color:var(--teal)}.file-shell article p{margin:0;color:var(--muted);font-size:.84rem}.primary-function{border-left:5px solid var(--teal)}.sub-function{border-left:5px solid var(--l5-purple)}.visibility-map{display:grid;align-content:center;gap:12px;padding:22px;border-radius:20px;background:var(--soft)}.visibility-map span{font-weight:900}.visibility-map i{font-style:normal;color:var(--l5-green)}.visibility-map .blocked{color:var(--l5-red)}
.handle-remote{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.function-shelf{display:grid;grid-template-columns:1fr 1fr;gap:8px}.function-shelf button{border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--ink);padding:12px}.function-shelf button.active{background:var(--teal);color:#fff}.handle-card,.handle-call{padding:18px;border-radius:16px;background:var(--soft)}.handle-card small{display:block;color:var(--muted);margin-bottom:10px}.handle-card code{color:var(--teal);font-size:1.05rem}.handle-call label{display:flex;gap:7px;align-items:center}.handle-call input{width:90px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);padding:0 8px}.handle-call code{display:block;margin:12px 0;color:var(--muted)}.handle-call b{font-size:1.8rem;color:var(--orange)}.handle-why{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.handle-why article{padding:18px;border-radius:15px;background:var(--soft)}.handle-why p{margin:8px 0 0;color:var(--muted)}
.anonymous-builder{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:16px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper)}.anonymous-definition{display:flex;gap:8px;align-items:center}.anonymous-definition select,.anonymous-values input{height:43px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink);padding:0 9px}.anonymous-values{display:flex;gap:8px}.anonymous-values label{display:flex;gap:5px;align-items:center}.anonymous-values input{width:80px}.anonymous-result{padding:17px;border-radius:14px;background:var(--teal);color:#fff;text-align:center}.anonymous-result b{display:block;font-size:1.7rem}.anonymous-anatomy{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.anonymous-anatomy span{padding:18px;border-radius:14px;background:var(--soft)}.anonymous-anatomy b{display:block;color:var(--orange);font:900 1.2rem ui-monospace,monospace}.anonymous-anatomy em{font-style:normal;color:var(--muted);font-size:.84rem}
.function-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.function-choice article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.function-choice article>span{font:900 .8rem ui-monospace,monospace;color:var(--teal)}.function-choice h3{margin:15px 0 8px}.function-choice p{margin:0;color:var(--muted)}
@media(max-width:1100px){.builtin-gallery{grid-template-columns:repeat(3,1fr)}.data-stats{grid-template-columns:repeat(3,1fr)}.constant-cards,.function-choice{grid-template-columns:repeat(2,1fr)}.io-design{grid-template-columns:1fr}.io-design>i{transform:rotate(90deg);text-align:center}.formula-builder,.anonymous-builder{grid-template-columns:1fr}.stats-box{grid-template-columns:1fr}.handle-remote{grid-template-columns:1fr 1fr}.handle-call{grid-column:1/3}}
@media(max-width:820px){.function-analogy{grid-template-columns:1fr}.function-analogy>i{transform:rotate(90deg);text-align:center}.function-machine,.integer-toolbox,.angle-lab,.subfunction-map{grid-template-columns:1fr}.rounding-results,.constant-cards,.function-choice,.design-checklist{grid-template-columns:1fr 1fr}.data-sort{grid-template-columns:1fr 1fr}.data-sort>div{grid-column:1/3}.random-board{grid-template-columns:1fr}.random-board label{grid-column:auto}.syntax-compare,.scope-explanation,.handle-why,.output-rules,.anonymous-anatomy{grid-template-columns:1fr}.name-lock{grid-template-columns:1fr}.name-lock>span{display:none}.name-lock>strong{grid-column:auto}.call-sequence{grid-template-columns:1fr}.call-sequence>i{transform:rotate(90deg);text-align:center}.arity-controls{display:grid}.arity-diagram{grid-template-columns:1fr}.scope-house{grid-template-columns:1fr}.scope-door i{transform:rotate(90deg)}.scope-return{position:static}.operator-reminder,.capture-note{grid-template-columns:1fr}.handle-remote{grid-template-columns:1fr}.handle-call{grid-column:auto}}
@media(max-width:560px){.hero-function{min-height:390px}.function-shell{transform:scale(.72)}.builtin-gallery,.rounding-results,.data-stats,.constant-cards,.function-choice,.design-checklist{grid-template-columns:1fr}.angle-controls{grid-template-columns:1fr}.angle-controls label{grid-column:auto;grid-template-columns:1fr}.precision-note{grid-template-columns:1fr}.formula-inputs,.anonymous-values{display:grid}.factorial-walk{grid-template-columns:1fr 1fr}.factorial-walk p{grid-column:1/3}.random-board label{grid-template-columns:1fr}.arity-controls label{grid-template-columns:1fr}.stats-input>div{flex-wrap:wrap}.grade-pipeline{flex-wrap:wrap}.function-caption{display:none}}
:root[data-theme="dark"] .grade-output-row .first{color:#075f45}:root[data-theme="dark"] .grade-output-row .upper{color:#0d5874}:root[data-theme="dark"] .grade-output-row .lower{color:#4f3ca2}:root[data-theme="dark"] .grade-output-row .third{color:#795307}:root[data-theme="dark"] .grade-output-row .fail{color:#8d2e27}
@media(prefers-reduced-motion:reduce){.function-shell path,.function-core,.function-port i,.machine-body .gear{animation:none!important}}