@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:400;src:url(../media/iosevka-400-DnzhOSIo.3_-w0xob46v_t.woff2)format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:500;src:url(../media/iosevka-500-C4FA_zML.06k7cwztb9h-h.woff2)format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:600;src:url(../media/iosevka-600-Dj5n5yBL.16hzmw8nx0bbt.woff2)format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:700;src:url(../media/iosevka-700-BxdwZZnN.3nk9s70d91kcm.woff2)format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:800;src:url(../media/iosevka-800-Ctjohn3a.21xgx_0y8q9yr.woff2)format("woff2")}@font-face{font-family:Iosevka;font-style:italic;font-display:swap;font-weight:800;src:url(../media/iosevka-800-italic-D0Mo0HIB.1zwp0ugzdft6-.woff2)format("woff2")}:root{--k-on-amber:#0b2b86;--k-accent-00a86b:#00a86b;--k-accent-0a78f5:#0a78f5;--k-accent-0a7c88:#0a7c88;--k-accent-0b3aa8:#0b3aa8;--k-accent-0c8a58:#0c8a58;--k-accent-0e95a3:#0e95a3;--k-accent-12a56b:#12a56b;--k-accent-1f5fe0:#1f5fe0;--k-accent-1f6fe8:#1f6fe8;--k-accent-5d6f95:#5d6f95;--k-accent-7656e0:#7656e0;--k-accent-8495b2:#8495b2;--k-accent-a26f00:#a26f00;--k-accent-a7b3cb:#a7b3cb;--k-accent-e19b00:#e19b00;--k-accent-f2ac0a:#f2ac0a;--k-accent-f8b900:#f8b900;--k-fill-003ca8:#003ca8;--k-fill-06a86c:#06a86c;--k-fill-0aa86b:#0aa86b;--k-fill-0b3aa8:#0b3aa8;--k-fill-0b8b98:#0b8b98;--k-fill-0d9b59:#0d9b59;--k-fill-0e95a3:#0e95a3;--k-fill-1166e3:#1166e3;--k-fill-12a56b:#12a56b;--k-fill-24479f:#24479f;--k-fill-2bbb78:#2bbb78;--k-fill-2f55c2:#2f55c2;--k-fill-3a8bf5:#3a8bf5;--k-fill-3cc3cf:#3cc3cf;--k-fill-3d63c9:#3d63c9;--k-fill-3f74d6:#3f74d6;--k-fill-546588:#546588;--k-fill-5ed6ea:#5ed6ea;--k-fill-6383b9:#6383b9;--k-fill-6d4bdc:#6d4bdc;--k-fill-8797b8:#8797b8;--k-fill-9a80f0:#9a80f0;--k-fill-9db1d9:#9db1d9;--k-fill-9fbcf0:#9fbcf0;--k-fill-a6eef6:#a6eef6;--k-fill-a7bff0:#a7bff0;--k-fill-a9c0ec:#a9c0ec;--k-fill-a9c0ee:#a9c0ee;--k-fill-a9c4fa:#a9c4fa;--k-fill-c3d4f5:#c3d4f5;--k-fill-c4d5f6:#c4d5f6;--k-fill-c7d7f6:#c7d7f6;--k-fill-c7d8f7:#c7d8f7;--k-fill-c9d8f4:#c9d8f4;--k-fill-c9d8f6:#c9d8f6;--k-fill-cddcf8:#cddcf8;--k-fill-d0def8:#d0def8;--k-fill-d7e3fa:#d7e3fa;--k-fill-d8f5e8:#d8f5e8;--k-fill-dae5fb:#dae5fb;--k-fill-dce5f6:#dce5f6;--k-fill-dce6fb:#dce6fb;--k-fill-dce7fb:#dce7fb;--k-fill-dfe8fb:#dfe8fb;--k-fill-dfe8fc:#dfe8fc;--k-fill-e0eafc:#e0eafc;--k-fill-e2ebfc:#e2ebfc;--k-fill-e3eaf8:#e3eaf8;--k-fill-e3ebfc:#e3ebfc;--k-fill-e5edfc:#e5edfc;--k-fill-e6eefc:#e6eefc;--k-fill-e8eefc:#e8eefc;--k-fill-e8effd:#e8effd;--k-fill-e9eef8:#e9eef8;--k-fill-eef3fc:#eef3fc;--k-fill-eef3fe:#eef3fe;--k-fill-eff5ff:#eff5ff;--k-fill-effafa:#effafa;--k-fill-f1f5fd:#f1f5fd;--k-fill-f2ac0a:#f2ac0a;--k-fill-f2f6fe:#f2f6fe;--k-fill-f3f6fd:#f3f6fd;--k-fill-f4b305:#f4b305;--k-fill-f4f7fd:#f4f7fd;--k-fill-f4f7fe:#f4f7fe;--k-fill-f4f8ff:#f4f8ff;--k-fill-f5f8fe:#f5f8fe;--k-fill-f5f8ff:#f5f8ff;--k-fill-f8b905:#f8b905;--k-fill-f8faff:#f8faff;--k-fill-f8fbff:#f8fbff;--k-fill-fbfcff:#fbfcff;--k-fill-fdf0f0:#fdf0f0;--k-fill-fdf4dc:#fdf4dc;--k-fill-fdfdfe:#fdfdfe;--k-fill-fdfdff:#fdfdff;--k-fill-fefeff:#fefeff;--k-fill-fefeff-a92:#fefeffeb;--k-fill-ffcc3d:#ffcc3d;--k-fill-ffffff:#fff;--k-line-003ca8:#003ca8;--k-line-0a9a62:#0a9a62;--k-line-0aa86b:#0aa86b;--k-line-0b2b86:#0b2b86;--k-line-0b3aa8:#0b3aa8;--k-line-0b3aa8-a12:#0b3aa81f;--k-line-0e95a3:#0e95a3;--k-line-12a56b:#12a56b;--k-line-1747b5:#1747b5;--k-line-1b3fae:#1b3fae;--k-line-1f5fe0-a12:#1f5fe01f;--k-line-1f5fe0-a35:#1f5fe059;--k-line-5d6f95:#5d6f95;--k-line-6f94c9:#6f94c9;--k-line-7d9be0:#7d9be0;--k-line-8ea9e2:#8ea9e2;--k-line-9db5e6:#9db5e6;--k-line-9db5e8:#9db5e8;--k-line-9fb3db:#9fb3db;--k-line-a9c0ec:#a9c0ec;--k-line-b4c8e4:#b4c8e4;--k-line-b5c3de:#b5c3de;--k-line-b5c8e7:#b5c8e7;--k-line-b6c6e4:#b6c6e4;--k-line-bccae6:#bccae6;--k-line-c3d2ec:#c3d2ec;--k-line-c4d1ea:#c4d1ea;--k-line-c8d6ec:#c8d6ec;--k-line-c9d4ea:#c9d4ea;--k-line-c9d6ec:#c9d6ec;--k-line-c9d8f6:#c9d8f6;--k-line-d6404c:#d6404c;--k-line-dbe4f5:#dbe4f5;--k-line-dfe7f4:#dfe7f4;--k-line-e04b55:#e04b55;--k-line-e09a00:#e09a00;--k-line-e2e9f5:#e2e9f5;--k-line-e3e9f3:#e3e9f3;--k-line-e4eaf5:#e4eaf5;--k-line-edf1f7:#edf1f7;--k-line-eef2f8:#eef2f8;--k-line-ffffff:#fff;--k-shadow-8d9ab3:#8d9ab3;--k-text-00238a:#00238a;--k-text-0032a0:#0032a0;--k-text-0a6f7a:#0a6f7a;--k-text-0a7c88:#0a7c88;--k-text-0a9a62:#0a9a62;--k-text-0b2b86:#0b2b86;--k-text-0b3aa8:#0b3aa8;--k-text-0c8a58:#0c8a58;--k-text-0f9a62:#0f9a62;--k-text-102a86:#102a86;--k-text-102e8f:#102e8f;--k-text-1d3e9a:#1d3e9a;--k-text-23458f:#23458f;--k-text-2a4c9e:#2a4c9e;--k-text-2f4d8e:#2f4d8e;--k-text-33509a:#33509a;--k-text-3a59a3:#3a59a3;--k-text-4a66a4:#4a66a4;--k-text-4d67a2:#4d67a2;--k-text-5a73a8:#5a73a8;--k-text-5d77ae:#5d77ae;--k-text-6982b8:#6982b8;--k-text-6d80a8:#6d80a8;--k-text-7c90bb:#7c90bb;--k-text-7d96c6:#7d96c6;--k-text-8a9cc4:#8a9cc4;--k-text-8aa0cc:#8aa0cc;--k-text-8fa2c9:#8fa2c9;--k-text-95a6c9:#95a6c9;--k-text-9aabcf:#9aabcf;--k-text-9fb3db:#9fb3db;--k-text-a07a12:#a07a12;--k-text-a26f00:#a26f00;--k-text-a7b3cb:#a7b3cb;--k-text-b9c6e1:#b9c6e1;--k-text-c3cde3:#c3cde3;--k-text-e5202f:#e5202f;--k-text-ffffff:#fff}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--k-accent-00a86b:#00ef98;--k-accent-0a78f5:#0a78f5;--k-accent-0a7c88:#0fb9cb;--k-accent-0b3aa8:#6f97f5;--k-accent-0c8a58:#12cc82;--k-accent-0e95a3:#14d1e5;--k-accent-12a56b:#19e595;--k-accent-1f5fe0:#1f5fe0;--k-accent-1f6fe8:#1f6fe8;--k-accent-5d6f95:#5d6f95;--k-accent-7656e0:#7656e0;--k-accent-8495b2:#8495b2;--k-accent-a26f00:#e9a000;--k-accent-a7b3cb:#a7b3cb;--k-accent-e19b00:#e19b00;--k-accent-f2ac0a:#f2ac0a;--k-accent-f8b900:#f8b900;--k-fill-003ca8:#0041b7;--k-fill-06a86c:#07b775;--k-fill-0aa86b:#0bb674;--k-fill-0b3aa8:#0c3fb6;--k-fill-0b8b98:#0c98a6;--k-fill-0d9b59:#0ea961;--k-fill-0e95a3:#0fa2b1;--k-fill-1166e3:#166dee;--k-fill-12a56b:#14b374;--k-fill-24479f:#274dab;--k-fill-2bbb78:#2ec780;--k-fill-2f55c2:#335bce;--k-fill-3a8bf5:#4994f6;--k-fill-3cc3cf:#48c7d2;--k-fill-3d63c9:#496dcc;--k-fill-3f74d6:#4c7dd9;--k-fill-546588:#818ca1;--k-fill-5ed6ea:#6cd9ec;--k-fill-6383b9:#576a8b;--k-fill-6d4bdc:#7758de;--k-fill-8797b8:#515a6e;--k-fill-9a80f0:#a58ef2;--k-fill-9db1d9:#323e56;--k-fill-9fbcf0:#acc5f2;--k-fill-a6eef6:#b5f3f9;--k-fill-a7bff0:#b4c9f2;--k-fill-a9c0ec:#2c4473;--k-fill-a9c0ee:#b6c9f1;--k-fill-a9c4fa:#9bb8f6;--k-fill-c3d4f5:#1d2f51;--k-fill-c4d5f6:#1d2e4f;--k-fill-c7d7f6:#1c2d4d;--k-fill-c7d8f7:#1c2d4c;--k-fill-c9d8f4:#1c2d4d;--k-fill-c9d8f6:#1b2c4c;--k-fill-cddcf8:#1a2a48;--k-fill-d0def8:#192945;--k-fill-d7e3fa:#17253f;--k-fill-d8f5e8:#18422f;--k-fill-dae5fb:#16233c;--k-fill-dce5f6:#17243e;--k-fill-dce6fb:#15223b;--k-fill-dce7fb:#15233b;--k-fill-dfe8fb:#152039;--k-fill-dfe8fc:#142038;--k-fill-e0eafc:#142138;--k-fill-e2ebfc:#142036;--k-fill-e3eaf8:#142038;--k-fill-e3ebfc:#131e35;--k-fill-e5edfc:#131e34;--k-fill-e6eefc:#131f33;--k-fill-e8eefc:#121c32;--k-fill-e8effd:#121c31;--k-fill-e9eef8:#141e33;--k-fill-eef3fc:#111b2e;--k-fill-eef3fe:#10192c;--k-fill-eff5ff:#101a2b;--k-fill-effafa:#122e2e;--k-fill-f1f5fd:#10192b;--k-fill-f2ac0a:#f5b216;--k-fill-f2f6fe:#0f182a;--k-fill-f3f6fd:#0f172a;--k-fill-f4b305:#faba0e;--k-fill-f4f7fd:#0f1829;--k-fill-f4f7fe:#0f1628;--k-fill-f4f8ff:#0e1727;--k-fill-f5f8fe:#0e1727;--k-fill-f5f8ff:#0e1527;--k-fill-f8b905:#fabe12;--k-fill-f8faff:#0d1425;--k-fill-f8fbff:#0d1725;--k-fill-fbfcff:#0e1422;--k-fill-fdf0f0:#251620;--k-fill-fdf4dc:#3a3015;--k-fill-fdfdfe:#0b1020;--k-fill-fdfdff:#0d1320;--k-fill-fefeff:#0f1628;--k-fill-fefeff-a92:#0d1220eb;--k-fill-ffcc3d:#ffd04c;--k-fill-ffffff:#131c33;--k-line-003ca8:#6c99ea;--k-line-0a9a62:#6deaba;--k-line-0aa86b:#6aeab8;--k-line-0b2b86:#7292eb;--k-line-0b3aa8:#6990ea;--k-line-0b3aa8-a12:#6990ea1f;--k-line-0e95a3:#6adeea;--k-line-12a56b:#68e9b7;--k-line-1747b5:#638be9;--k-line-1b3fae:#6585e7;--k-line-1f5fe0-a12:#2d4a861f;--k-line-1f5fe0-a35:#2d4a8659;--k-line-5d6f95:#8a98b6;--k-line-6f94c9:#3c649f;--k-line-7d9be0:#3d62b7;--k-line-8ea9e2:#283d69;--k-line-9db5e6:#253961;--k-line-9db5e8:#253860;--k-line-9fb3db:#263b65;--k-line-a9c0ec:#2c4473;--k-line-b4c8e4:#223959;--k-line-b5c3de:#273757;--k-line-b5c8e7:#213657;--k-line-b6c6e4:#213458;--k-line-bccae6:#203255;--k-line-c3d2ec:#1e3050;--k-line-c4d1ea:#1e2f50;--k-line-c8d6ec:#1d304e;--k-line-c9d4ea:#1e2e4d;--k-line-c9d6ec:#1d2f4d;--k-line-c9d8f6:#1c2b49;--k-line-d6404c:#923138;--k-line-dbe4f5:#192742;--k-line-dfe7f4:#192841;--k-line-e04b55:#e2626b;--k-line-e09a00:#e8bd5e;--k-line-e2e9f5:#182740;--k-line-e3e9f3:#1a283e;--k-line-e4eaf5:#18263f;--k-line-edf1f7:#192538;--k-line-eef2f8:#172438;--k-line-ffffff:#212121;--k-shadow-8d9ab3:#000;--k-text-00238a:#b7c6f3;--k-text-0032a0:#afc4f2;--k-text-0a6f7a:#b9eef4;--k-text-0a7c88:#b4edf3;--k-text-0a9a62:#aef2d7;--k-text-0b2b86:#b5c5f3;--k-text-0b3aa8:#a8bef1;--k-text-0c8a58:#b3f3d9;--k-text-0f9a62:#acf1d6;--k-text-102a86:#b3c1f3;--k-text-102e8f:#b0bff2;--k-text-1d3e9a:#a9bbef;--k-text-23458f:#aec2eb;--k-text-2a4c9e:#a8bbe8;--k-text-2f4d8e:#b0c1e5;--k-text-33509a:#abbbe3;--k-text-3a59a3:#a8b8e0;--k-text-4a66a4:#a9b7d8;--k-text-4d67a2:#aab7d6;--k-text-5a73a8:#acb8d3;--k-text-5d77ae:#a6b4d2;--k-text-6982b8:#99aacf;--k-text-6d80a8:#a6b2ca;--k-text-7c90bb:#91a2c6;--k-text-7d96c6:#859cc9;--k-text-8a9cc4:#8597c1;--k-text-8aa0cc:#7b93c5;--k-text-8fa2c9:#7e94c1;--k-text-95a6c9:#7d92bd;--k-text-9aabcf:#748cbd;--k-text-9fb3db:#6182c4;--k-text-a07a12:#f1dea9;--k-text-a26f00:#f2ddaf;--k-text-a7b3cb:#7a8cb1;--k-text-b9c6e1:#b9c6e1;--k-text-c3cde3:#c3cde3;--k-text-e5202f:#df9ea3;--k-text-ffffff:#fff}:root{--ink:var(--k-text-0032a0);--ink-strong:var(--k-text-00238a);--ink-soft:var(--k-text-5a73a8);--ink-muted:var(--k-text-7d96c6);--line:var(--k-line-6f94c9);--line-soft:var(--k-line-e3e9f3);--line-mid:var(--k-line-c8d6ec);--bg:var(--k-fill-fdfdfe);--panel:var(--k-fill-fefeff);--green:var(--k-accent-00a86b);--amber:var(--k-accent-f8b900);--blue:var(--k-accent-0a78f5);--grey:var(--k-accent-8495b2);--active:var(--k-accent-1f5fe0);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-synthesis:none;font-family:Iosevka,ui-monospace,monospace}[lang|=ja]{font-synthesis:weight;font-family:Iosevka,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,Noto Sans JP,Noto Sans CJK JP,IPAGothic,sans-serif}[lang|=zh]{font-synthesis:weight;font-family:Iosevka,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Noto Sans SC,Noto Sans CJK SC,Source Han Sans SC,WenQuanYi Zen Hei,sans-serif}[lang=zh-TW],[lang|=zh-Hant]{font-family:Iosevka,PingFang TC,Microsoft JhengHei UI,Microsoft JhengHei,Noto Sans TC,Noto Sans CJK TC,Source Han Sans TC,WenQuanYi Zen Hei,sans-serif}[lang|=ko]{font-synthesis:weight;word-break:keep-all;overflow-wrap:break-word;font-family:Iosevka,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,Noto Sans CJK KR,Nanum Gothic,WenQuanYi Zen Hei,sans-serif}[lang|=hi]{font-synthesis:weight;font-family:Iosevka,Kohinoor Devanagari,Nirmala UI,Mangal,Noto Sans Devanagari,FreeSans,sans-serif}[lang|=ar]{font-synthesis:weight;font-family:Iosevka,Geeza Pro,Segoe UI,Noto Sans Arabic,Tahoma,DejaVu Sans,sans-serif}[lang|=he]{font-synthesis:weight;font-family:Iosevka,Arial Hebrew,Segoe UI,Noto Sans Hebrew,Arial,DejaVu Sans,sans-serif}[lang|=ar],[lang|=ar] *,[lang|=hi],[lang|=hi] *{letter-spacing:0!important}.network,.sequence,.ins-bar,.hx-row,.brand-text h1{direction:ltr}[dir=rtl] .now-dots i:after,[dir=rtl] .learning-seg i{transform-origin:100%}[dir=rtl] .lang-menu{transform-origin:0 0}[dir=rtl] .ins-layer h4{background:linear-gradient(270deg, color-mix(in srgb, var(--c) 9%, transparent), transparent 80%)}[dir=rtl] .proto-chev svg,[dir=rtl] .back-btn svg,[dir=rtl] [data-action=prev] svg{transform:scaleX(-1)}[dir=rtl] .proto.is-open .proto-chev{transform:rotate(-90deg)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}[hidden]{display:none!important}.shell{grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr);width:100%;height:100vh;padding-block:0 14px;padding-inline:19px 13px;display:grid}.topbar{align-items:center;padding-bottom:2px;display:flex}.brand{flex:none;align-items:center;display:flex}.logo-frame{width:64px;height:52px;color:var(--k-text-0b3aa8);place-items:center;margin-inline-start:3px;display:grid;position:relative}.logo-frame .corner{border:0 solid var(--k-line-1747b5);width:10px;height:10px;position:absolute}.corner.tl{border-width:2px 0 0 2px;top:0;left:0}.corner.tr{border-width:2px 2px 0 0;top:0;right:0}.corner.bl{border-width:0 0 2px 2px;bottom:0;left:0}.corner.br{border-width:0 2px 2px 0;bottom:0;right:0}.logo-cube{width:38px;height:38px}.brand-text{margin-inline-start:16px}.brand-text h1{letter-spacing:.085em;color:var(--ink);white-space:nowrap;font-size:27px;font-weight:800;line-height:30px}.brand-text h1 em{margin-inline-start:.05em;font-style:italic}.brand-text p{letter-spacing:.13em;color:var(--ink-muted);white-space:nowrap;font-size:14px;font-weight:400;line-height:18px}.topbar-tools{align-items:center;margin-inline-start:auto;display:flex}.now-label,.osi-label,.learning-label{letter-spacing:.045em;color:var(--k-text-23458f);font-size:13px;font-weight:800}.now{width:300px}:root[data-layout=wide] .now{flex-shrink:0;width:auto;min-width:300px;max-width:400px}:root[data-layout=wide] .learning{min-width:0}.now-title{letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;margin-top:2px;font-size:18px;font-weight:800;line-height:21px}.now-name{display:inline-block}.now-title{text-overflow:ellipsis;overflow:hidden}.now-progress{align-items:center;gap:10px;min-width:0;margin-top:5px;display:flex}.now-dots{min-width:calc(var(--dots,6) * 10px - 4px);flex:0 100 auto;gap:4px;display:flex}.now-dots i{background:var(--k-fill-dce5f6);border-radius:3px;flex:0 auto;width:18px;min-width:6px;height:5px;position:relative;overflow:hidden}.now-dots i:after{content:"";background:var(--k-fill-0aa86b);transform-origin:0;transition:transform .5s var(--ease-out), background-color .3s;position:absolute;inset:0;transform:scaleX(0)}.now-dots i.is-done:after{transform:none}.now-dots i.is-active:after{background:linear-gradient(90deg, var(--active) 0 35%, var(--k-fill-a9c4fa) 50%, var(--active) 65%) 0 0 / 300% 100%;animation:1.6s linear infinite pending-sheen;transform:none}@keyframes pending-sheen{0%{background-position:100% 0}to{background-position:0 0}}.now-step{text-overflow:ellipsis;letter-spacing:.05em;min-width:0;color:var(--k-text-4d67a2);white-space:nowrap;flex:0 auto;font-size:12px;font-weight:600;line-height:14px;overflow:hidden}.osi{width:212px}.osi-head{justify-content:space-between;align-items:baseline;display:flex}.osi-name{letter-spacing:.06em;color:var(--k-text-0b3aa8);font-size:12px;font-weight:800}.osi-chips{gap:4px;margin-top:7px;display:flex;position:relative}.osi-marker{background:var(--k-fill-003ca8);border-radius:2px;width:0;height:22px;position:absolute;top:0;left:0}.osi-marker.is-ready{transition:left .55s var(--ease-out), width .55s var(--ease-out)}.osi-chips span{border:1px solid var(--k-line-c8d6ec);height:22px;color:var(--k-text-7d96c6);border-radius:2px;flex:1;place-items:center;font-size:12px;font-weight:700;transition:color .3s,border-color .3s;display:grid;position:relative}.osi-chips .is-active{color:var(--k-text-ffffff);border-color:#0000}.learning{width:296px}.learning-head{justify-content:space-between;align-items:baseline;display:flex}.learning-value{letter-spacing:.04em;color:var(--ink-strong);font-size:19px;font-weight:800;line-height:20px}.learning-bars{gap:3px;height:9px;margin-top:5px;display:flex}.learning-seg{background:var(--k-fill-dce5f6);border-radius:1.5px;flex:1;overflow:hidden}.learning-seg i{background:var(--k-fill-0b3aa8);transform-origin:0;width:0;height:100%;animation:seg-fill .7s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .25s);transition:width .6s var(--ease-out), background-color .3s;display:block}@keyframes seg-fill{0%{transform:scaleX(0)}}.learning-seg.partial i{background:var(--k-fill-3f74d6)}.learning-sub{letter-spacing:.04em;color:var(--k-text-4d67a2);white-space:nowrap;margin-top:6px;font-size:12px;font-weight:500;line-height:14px}.learning-sub .dot{color:var(--k-text-9fb3db);margin:0 4px}.learning-value,.learning-done,.learning-active{display:inline-block}.topbar-sep{background:var(--k-fill-6383b9);width:1px;height:46px;margin-block:0;margin-inline:26px 22px}.topbar-tools .topbar-sep{margin:0 17px}.credit{flex-direction:column;gap:6px;text-decoration:none;display:flex}.credit-label{letter-spacing:.045em;color:var(--k-text-23458f);font-size:13px;font-weight:800}.credit-name{letter-spacing:.02em;color:var(--ink-strong);align-items:center;gap:7px;font-size:14px;font-weight:700;line-height:18px;transition:color .2s;display:inline-flex}.credit-x{color:var(--ink-strong);transition:transform .25s var(--ease-out);flex:none}.credit:hover .credit-name{color:var(--active);text-underline-offset:3px;text-decoration:underline}.credit:hover .credit-x{transform:rotate(-8deg)scale(1.1)}.menu-btn{border:1px solid var(--k-line-b5c8e7);letter-spacing:.06em;height:36px;color:var(--k-text-0b2b86);border-radius:2px;align-items:center;gap:7px;padding:0 9px;font-size:13.5px;font-weight:800;display:inline-flex}.menu-btn svg:last-child{color:var(--k-text-4d67a2);transition:transform .25s var(--ease-out);margin-inline-start:2px}.menu-btn:hover{background:var(--k-fill-f3f6fd)}.menu-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.lang-code{min-width:1.4em;display:inline-block}.lang{position:relative}.lang.is-loading .menu-btn{cursor:progress;opacity:.6}.lang-menu{top:calc(100% + 6px);z-index:70;border:1px solid var(--k-line-b5c8e7);background:var(--panel);min-width:176px;box-shadow:0 12px 32px color-mix(in srgb, var(--k-shadow-8d9ab3) 28%, transparent);transform-origin:100% 0;animation:menu-in .2s var(--ease-out);border-radius:3px;flex-direction:column;padding:4px;display:flex;position:absolute;inset-inline-end:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.lang-menu button{letter-spacing:.02em;height:36px;color:var(--k-text-0b2b86);text-align:start;white-space:nowrap;border-radius:2px;justify-content:space-between;align-items:center;gap:18px;padding-block:0;padding-inline:12px 10px;font-size:14px;font-weight:700;display:flex}.lang-menu button b{letter-spacing:.06em;color:var(--k-text-7d96c6);font-size:11.5px;font-weight:800}.lang-menu button:hover,.lang-menu button:focus-visible{background:var(--k-fill-f3f6fd);outline:none}.lang-menu button[aria-checked=true],.lang-menu button[aria-checked=true] b{color:var(--active)}.lang-menu button[aria-checked=true] span:before{content:"✓ "}.theme-toggle{border:1px solid var(--k-line-b5c8e7);border-radius:2px;height:36px;margin-inline-start:10px;display:flex}.theme-toggle button{width:36px;color:var(--k-text-0b2b86);place-items:center;display:grid}.theme-toggle button+button{border-inline-start:1px solid var(--k-line-b5c8e7)}.theme-toggle .is-active{background:var(--k-fill-003ca8);color:var(--k-text-ffffff)}.workspace{grid-template-rows:minmax(0,1fr) 248px;grid-template-columns:455px minmax(0,1fr) 332px;gap:16px 11px;min-height:0;display:grid}.workspace>.sidebar{grid-row:1/3;column-gap:0}.workspace>.packets{grid-column:2/4}.workspace>.overview{margin-inline-start:-1px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:2px;min-height:0;position:relative;overflow:hidden}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head.bar{border-bottom:1px solid var(--k-line-b4c8e4);align-items:center;height:42px;padding-block:0;padding-inline:17px 14px}.panel-title{letter-spacing:.08em;color:var(--ink);white-space:nowrap;font-size:26px;font-weight:800;line-height:32px}.panel-title.sm{letter-spacing:.06em;font-size:22.5px;line-height:28px}.panel-head.bar .panel-title{text-overflow:ellipsis;min-width:0;margin-inline-end:10px;overflow:hidden}.more{width:26px;height:20px;color:var(--k-text-102e8f);fill:currentColor;place-items:center;display:grid}.sidebar{flex-direction:column;padding-block:10px 0;padding-inline:16px 15px;display:flex}.sidebar .panel-head{align-items:center;padding-inline-start:1px}.sidebar .more{margin-inline-end:1px}.tabs{border:1px solid var(--line-mid);border-radius:2px;height:34px;margin-top:12px;display:flex}.tab{letter-spacing:.04em;color:var(--k-text-0b2b86);border-inline-start:1px solid var(--line-mid);flex:auto;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.tab:first-child{border-inline-start:0}.tab:hover{background:var(--k-fill-f5f8fe)}.tab{transition:background-color .2s}.tabs{position:relative}.tab-indicator{background:var(--k-fill-0b3aa8);width:0;height:3px;position:absolute;bottom:-1px;left:0}.tabs.is-ready .tab-indicator{transition:left .42s var(--ease-out), width .42s var(--ease-out)}.tab-count{background:var(--k-fill-e9eef8);letter-spacing:0;min-width:20px;color:var(--k-text-5d77ae);border-radius:8px;padding:0 5px;font-size:11px;font-weight:700;line-height:16px;transition:background-color .3s,color .3s}.tab.is-active .tab-count{background:var(--k-fill-0b3aa8);color:var(--k-text-ffffff)}.proto-list{scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;overflow-anchor:none;flex:1;min-height:0;margin-block:12px 0;margin-inline:0 -10px;padding-block:0 12px;padding-inline:0 10px;position:relative;overflow-y:auto}.proto{border-bottom:1px solid var(--k-line-edf1f7)}.proto-ghost{pointer-events:none;margin:0;position:absolute}.proto-ghost *,.proto-ghost :after{transition:none!important;animation:none!important}.proto-row{text-align:start;border:1.5px solid #0000;border-radius:2px;align-items:center;width:100%;height:46px;padding-block:0;padding-inline:15.5px 14px;transition:border-color .25s,background-color .25s;display:flex}.proto-row:hover{transition-duration:.12s}.proto-row:focus-visible{outline:2px solid var(--k-line-6f94c9);outline-offset:2px}.proto.has-lesson .proto-row{cursor:pointer}.proto.has-lesson:not(.is-active) .proto-row:hover{background-color:var(--k-fill-f4f7fd)}.proto:not(.has-lesson) .proto-chev{color:var(--k-text-b9c6e1)}.proto.is-active .proto-row{border-color:var(--k-line-e04b55);background-color:var(--k-fill-fdf0f0)}.proto.is-active .proto-chev{color:var(--k-text-e5202f)}.proto.is-open .proto-chev{transform:rotate(90deg)}.status-dot{border-radius:50%;flex:none;width:14px;height:14px}.status-dot.done{background:var(--k-fill-06a86c)}.status-dot.progress{background:var(--k-fill-f8b905)}.status-dot.new{background:var(--k-fill-ffffff);box-shadow:inset 0 0 0 2.5px var(--k-line-b5c3de)}.status-dot{transition:background-color .35s,box-shadow .35s}.status-dot.is-changed{animation:dot-pop .5s var(--ease-out)}@keyframes dot-pop{40%{transform:scale(1.35)}}.proto-text{flex-direction:column;flex:1;margin-inline-start:24px;display:flex}.proto-name{color:var(--ink-strong);letter-spacing:.05em;font-size:16px;font-weight:800;line-height:19px}.proto-full{color:var(--k-text-6982b8);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14.6px;font-weight:500;line-height:18px;overflow:hidden}.proto-text{min-width:0}.proto-chev{color:var(--k-text-0b2b86);transition:transform .35s var(--ease-out), color .3s;place-items:center;display:grid}.steps-wrap{visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .44s cubic-bezier(.4,0,.2,1),visibility 0s linear .44s;display:grid}.proto.is-open .steps-wrap{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .44s cubic-bezier(.4,0,.2,1),visibility}.steps-clip{min-height:0;overflow:hidden}.steps{padding-block:14px 4px;padding-inline:34px 8px;transition:opacity .18s}.proto:not(.is-open) .steps{opacity:0}.step{padding-bottom:12px;position:relative}.proto.is-open .step{animation:step-in .38s var(--ease-out) backwards;animation-delay:calc(.12s + var(--i) * 45ms)}@keyframes step-in{0%{opacity:0;transform:translateY(-6px)}}.proto.instant .step,.proto.instant .step *,.proto.instant .step:after,.proto.instant .step :after{transition:none!important;animation:none!important}.step:not(:last-child):before{content:"";inset-inline-start:10.5px;border-inline-start:1.5px dashed var(--k-line-b6c6e4);position:absolute;top:27px;bottom:3px}.step-btn{text-align:start;align-items:flex-start;width:100%;display:flex}.step-btn:focus-visible{outline:2px solid var(--k-line-6f94c9);outline-offset:3px;border-radius:2px}.step-num{background:var(--k-fill-9db1d9);width:22px;height:22px;color:var(--k-text-ffffff);transition:background-color .3s ease var(--delay,0s), box-shadow .3s ease var(--delay,0s);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.step-num>span{transition:scale .25s var(--ease-in) var(--delay,0s), opacity .2s ease var(--delay,0s)}.step-num svg{margin:auto;position:absolute;inset:0}.step-num svg path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s var(--ease-out) calc(var(--delay,0s) + .12s)}.step-num:after{content:"";border:2px solid #0000;border-top-color:var(--active);border-right-color:var(--k-line-1f5fe0-a35);opacity:0;transition:opacity .25s ease var(--delay,0s), scale .4s var(--ease-out) var(--delay,0s);border-radius:50%;position:absolute;inset:-5px;scale:.6}.step.is-active .step-num{background:var(--active);box-shadow:0 0 0 3px var(--k-line-1f5fe0-a12)}.step.is-active .step-num:after{opacity:1;animation:.9s linear infinite step-spin;scale:1}@keyframes step-spin{to{rotate:360deg}}.step.is-done .step-num{background:var(--k-fill-0aa86b);animation:step-pop .42s var(--ease-out) var(--delay,0s) both}.step.is-done .step-num>span{opacity:0;scale:.3}.step.is-done .step-num svg path{stroke-dashoffset:0}@keyframes step-pop{40%{scale:1.2}}.step:not(:last-child):after{content:"";inset-inline-start:10.5px;border-inline-start:1.5px solid var(--k-line-0aa86b);transform-origin:top;transition:transform .45s var(--ease-out) calc(var(--delay,0s) + .1s);position:absolute;top:27px;bottom:3px;transform:scaleY(0)}.step.is-done:not(:last-child):after{transform:none}.step-btn:hover .step-num{box-shadow:0 0 0 4px var(--k-line-0b3aa8-a12)}.step-text{margin-inline-start:14px;flex-direction:column;margin-top:-2px;display:flex}.step-title{letter-spacing:.05em;color:var(--k-text-33509a);font-size:13.5px;font-weight:800;line-height:17px}.step-desc{color:var(--k-text-6982b8);font-size:13.5px;font-weight:500;line-height:17px}.step-title,.step-desc{transition:color .3s ease var(--delay,0s)}.step.is-active .step-title,.step.is-done .step-title{color:var(--ink-strong)}.step.is-active .step-desc{color:var(--k-text-4a66a4)}.step-btn:hover .step-title{color:var(--k-text-0b3aa8)}.simulation .network{width:100%;height:100%;display:block;position:absolute;inset:0}.view-switch{top:12px;z-index:3;border:1px solid var(--k-line-c9d6ec);background:var(--k-fill-fefeff-a92);border-radius:3px;padding:3px;display:flex;position:absolute;inset-inline-start:12px}.view-switch button{z-index:1;letter-spacing:.06em;height:26px;color:var(--k-text-4d67a2);align-items:center;gap:7px;padding-block:0;padding-inline:9px 11px;font-size:12px;font-weight:800;transition:color .3s;display:inline-flex;position:relative}.view-switch button.is-active{color:var(--k-text-ffffff)}.view-indicator{background:var(--k-fill-0b3aa8);border-radius:2px;position:absolute;top:3px;bottom:3px}.view-indicator.is-ready{transition:left .4s var(--ease-out), width .4s var(--ease-out)}.sequence{z-index:2;background:var(--panel);opacity:0;visibility:hidden;flex-direction:column;padding-top:50px;transition:opacity .3s,visibility 0s linear .3s;display:flex;position:absolute;inset:0}.simulation.is-sequence .sequence{opacity:1;visibility:visible;transition:opacity .3s,visibility}.seq-head{border-bottom:1px solid var(--k-line-dfe7f4);flex:none;height:46px;position:relative;overflow:hidden}.seq-head-track{height:100%;position:relative}.seq-who{text-align:center;flex-direction:column;align-items:center;width:max-content;display:flex;position:absolute;top:2px;transform:translate(-50%)}.seq-who i{white-space:nowrap}.seq-who b{letter-spacing:.04em;color:var(--ink-strong);font-size:13.5px;font-weight:800;line-height:18px}.seq-who i{color:var(--k-text-4d67a2);font-size:12px;font-style:normal;font-weight:500;line-height:16px}.seq-scroll{scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;flex:1;min-height:0;position:relative;overflow:auto}.seq-svg{display:block}.seq-life{stroke:var(--k-line-c4d1ea);stroke-width:1.5px;stroke-dasharray:5 5}.seq-step-line{stroke:var(--k-line-e2e9f5);stroke-width:1px}.seq-step-text{letter-spacing:.07em;fill:var(--k-text-9aabcf);dominant-baseline:central;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round;font-size:10.5px;font-weight:800;transition:fill .3s}.seq-step.is-active .seq-step-text{fill:var(--active)}.seq-step.is-active .seq-step-line{stroke:var(--k-line-c9d8f6)}.seq-arrow{--c:var(--k-accent-5d6f95);--ct:var(--c);opacity:0}.seq-arrow.is-shown{opacity:1}.seq-arrow.c-blue{--c:var(--k-accent-1f6fe8)}.seq-arrow.c-green{--c:var(--k-accent-12a56b);--ct:var(--k-text-0c8a58)}.seq-arrow.c-amber{--c:var(--k-accent-f2ac0a);--ct:var(--k-text-a26f00)}.seq-arrow.c-violet{--c:var(--k-accent-7656e0)}.seq-arrow.c-teal{--c:var(--k-accent-0e95a3);--ct:var(--k-text-0a7c88)}.seq-arrow.c-slate{--c:var(--k-accent-5d6f95)}.seq-line{stroke:var(--c);stroke-width:1.8px;transition:stroke-width .3s}.seq-arrow.is-lost .seq-line{stroke-dasharray:5 4}.seq-tip{fill:var(--c)}.seq-cross{stroke:var(--k-line-d6404c);stroke-width:2.6px;stroke-linecap:round}.seq-dot{fill:var(--c)}.seq-time{fill:var(--k-text-8fa2c9);text-anchor:end;dominant-baseline:central;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round;font-size:11px;font-weight:600;transition:fill .3s}.seq-label-bg{fill:var(--panel);transition:fill .3s}.seq-label-text{letter-spacing:.05em;fill:var(--ct);font-size:11.5px;font-weight:800;transition:fill .3s}.seq-lock{fill:none;stroke:var(--ct);stroke-width:1.3px;transition:stroke .3s}.seq-arrow.is-current .seq-line{stroke-width:2.8px}.seq-arrow.is-current .seq-label-bg{fill:var(--c)}.seq-arrow.is-current .seq-label-text{fill:var(--k-text-ffffff)}.seq-arrow.is-current .seq-lock{stroke:var(--k-line-ffffff)}.seq-arrow.c-amber.is-current .seq-label-text{fill:var(--k-on-amber)}.seq-arrow.c-amber.is-current .seq-lock{stroke:var(--k-line-0b2b86)}.seq-arrow.is-current .seq-time{fill:var(--active)}.seq-note{--c:var(--k-accent-0b3aa8);opacity:0}.seq-note.is-shown{opacity:1}.seq-note.tone-green{--c:var(--k-accent-0c8a58)}.seq-note.tone-amber{--c:var(--k-accent-a26f00)}.seq-note.tone-teal{--c:var(--k-accent-0a7c88)}.seq-note-dot{fill:var(--c)}.seq-note-bg{fill:var(--k-fill-ffffff);stroke:var(--c);stroke-width:1.2px}.seq-note-text{letter-spacing:.06em;fill:var(--c);dominant-baseline:central;font-size:11px;font-weight:800}.seq-break-band{fill:var(--panel)}.seq-wave{fill:none;stroke:var(--k-line-c4d1ea);stroke-width:1.3px}.seq-break-bg{fill:var(--k-fill-eef3fc);stroke:var(--k-line-c9d6ec)}.seq-break-text{letter-spacing:.05em;fill:var(--k-text-4d67a2);dominant-baseline:central;font-size:11px;font-weight:700}.network.is-booting .node,.network.is-booting .lanes{opacity:0}.network .lane{fill:none;stroke:var(--k-line-bccae6);stroke-width:2px;stroke-dasharray:6 5;transition:stroke .35s,stroke-width .35s}.network .lane.is-active{stroke-width:2.4px;animation:.55s linear infinite lane-flow}@keyframes lane-flow{to{stroke-dashoffset:-11px}}.network .packet-label{letter-spacing:.06em;fill:var(--k-text-ffffff);font-size:12.5px;font-weight:800}.network .packet-tag.amber .packet-label{fill:var(--k-on-amber)}.network .packet-body{fill:var(--k-fill-ffffff);stroke-width:1.5px}.network .packet-field{fill:var(--k-text-1d3e9a);font-size:11.5px;font-weight:600}.network .url-bar{opacity:0;transform-box:fill-box;transform-origin:83% 100%;transition:opacity .25s, scale .45s var(--ease-out);scale:.8}.network .url-bar.is-visible{opacity:1;scale:1}.network .url-bar.is-away{opacity:0;scale:.8}.network .url-bar rect{fill:var(--k-fill-ffffff);stroke:var(--k-line-1b3fae);stroke-width:1.6px}.network .url-leader{fill:none;stroke:var(--k-line-9fb3db);stroke-width:1.5px;stroke-dasharray:3 3}.network .url-globe{fill:none;stroke:var(--k-line-1b3fae);stroke-width:1.3px}.network .url-text{letter-spacing:.02em;fill:var(--k-text-00238a);font-size:13px;font-weight:600}.network .url-caret{fill:var(--k-text-0b3aa8);opacity:0}.network .url-bar.is-typing .url-caret{animation:.9s step-end infinite caret}@keyframes caret{50%{opacity:1}}.network .url-check{fill:none;stroke:var(--k-line-0aa86b);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .4s var(--ease-out)}.network .url-bar.is-loaded .url-check{stroke-dashoffset:0}.network .node-name{fill:var(--ink-strong);letter-spacing:.04em;font-size:15.5px;font-weight:800}.network .node-ip{fill:var(--k-text-1d3e9a);letter-spacing:.05em;font-size:15px;font-weight:500}.network.is-scaled .node-label text{paint-order:stroke;stroke:var(--panel);stroke-width:3px;stroke-linejoin:round}.network .iso-shadow{fill:url(#shadow-fade)}.network .iso-shadow.round{fill:url(#shadow-round)}.network .note-box{fill:var(--k-fill-ffffff);stroke-width:1.6px;stroke:var(--k-line-0b3aa8)}.network .note.green .note-box{stroke:var(--k-line-12a56b)}.network .note.amber .note-box{stroke:var(--k-line-e09a00)}.network .note-dot{fill:var(--k-accent-0b3aa8)}.network .note.green .note-dot{fill:var(--k-fill-12a56b)}.network .note.amber .note-dot{fill:var(--k-fill-f2ac0a)}.network .note-text{letter-spacing:.06em;fill:var(--k-text-0b2b86);font-size:12px;font-weight:800}.network .drop-cross{fill:none;stroke:var(--k-line-5d6f95);stroke-width:3px;stroke-linecap:round}.network .packet-lock{fill:none;stroke:var(--k-line-ffffff);stroke-width:1.5px;stroke-linejoin:round}.network .packet-tag.amber .packet-lock{stroke:var(--k-line-0b2b86)}.network .url-lock{fill:none;stroke:var(--k-line-0a9a62);stroke-width:1.6px;stroke-linejoin:round;display:none}.network .url-bar.is-secure .url-lock{display:inline}.network .url-bar.is-secure .url-globe{display:none}.overview{flex-direction:column;display:flex}.back-btn{border:1px solid var(--k-line-b5c8e7);letter-spacing:.05em;height:26px;color:var(--k-text-0b2b86);border-radius:2px;align-items:center;gap:6px;padding-block:0;padding-inline:7px 9px;font-size:12px;font-weight:800;display:inline-flex}.back-btn:hover{background:var(--k-fill-f3f6fd)}.overview-body{scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;flex:1;min-height:0;padding-block:11px 4px;padding-inline:19px 10px;overflow-y:auto}.overview-name{justify-content:space-between;align-items:center;display:flex}.overview-name h3{letter-spacing:.06em;color:var(--ink);font-size:35px;font-weight:800;line-height:40px}.badge{background:var(--k-fill-d8f5e8);letter-spacing:.06em;height:27px;color:var(--k-text-0f9a62);border-radius:2px;align-items:center;gap:10px;margin-top:-2px;padding-block:0;padding-inline:13px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.badge i{background:var(--k-fill-0aa86b);border-radius:50%;width:13px;height:13px}.overview-full{color:var(--k-text-2a4c9e);letter-spacing:.025em;margin-top:2px;font-size:16px;font-weight:500;line-height:20px}.overview-desc{color:var(--k-text-4a66a4);margin-top:12px;padding-inline-end:0;font-size:13.1px;font-weight:500;line-height:21.5px}.facts{margin-top:8px;margin-inline:-4px 0}.overview-stage{flex-direction:column;flex:1;min-height:0;display:flex}.explain-label{letter-spacing:.07em;color:var(--active);font-size:12px;font-weight:800;line-height:14px}.explain.is-done .explain-label{color:var(--k-text-0a9a62)}.explain-title{letter-spacing:.06em;color:var(--ink);margin-top:4px;font-size:25px;font-weight:800;line-height:30px}.explain-sub{color:var(--k-text-2a4c9e);letter-spacing:.02em;margin-top:1px;font-size:15px;font-weight:500;line-height:20px}.explain-text{color:var(--k-text-4a66a4);margin-top:6px;font-size:13.1px;font-weight:500;line-height:19.5px}.explain-packet{opacity:0;transition:opacity .3s;overflow:hidden}.explain-packet:not(.is-open){height:0}.explain-packet.is-open{opacity:1}.explain-packet-clip{overflow:hidden}.explain-packet-card{border:1px solid var(--k-line-dbe4f5);border-inline-start:3px solid var(--packet);background:var(--k-fill-f8faff);border-radius:2px;margin-block:8px 0;margin-inline:0 4px;padding-block:8px;padding-inline:11px 12px;transition:border-inline-start-color .4s;overflow:hidden}.explain-packet[data-color=blue]{--packet:var(--k-accent-1f6fe8)}.explain-packet[data-color=green]{--packet:var(--k-accent-12a56b)}.explain-packet[data-color=amber]{--packet:var(--k-accent-f2ac0a)}.explain-packet[data-color=violet]{--packet:var(--k-accent-7656e0)}.explain-packet[data-color=teal]{--packet:var(--k-accent-0e95a3)}.explain-packet[data-color=slate]{--packet:var(--k-accent-5d6f95)}.pill-lock{vertical-align:-1px;margin-inline-end:5px}.explain-packet-head{align-items:center;gap:10px;display:flex}.explain-packet-head b{white-space:nowrap;background:var(--packet);letter-spacing:.06em;color:var(--k-text-ffffff);border-radius:2px;flex:none;padding:0 8px;font-size:12px;font-weight:800;line-height:21px;transition:background-color .4s,color .4s}.explain-packet[data-color=amber] b{color:var(--k-on-amber)}.explain-packet-head span{letter-spacing:.05em;color:var(--k-text-33509a);font-size:12px;font-weight:700}.explain-payload{color:var(--k-text-1d3e9a);white-space:pre;margin-top:8px;font-size:12.5px;font-weight:600;line-height:18px}.explain-meta{letter-spacing:.05em;color:var(--k-text-6982b8);margin-top:6px;font-size:11.5px;font-weight:600}.explain-facts{margin-top:6px}.explain-facts>div{min-height:28px}.facts{grid-template-columns:minmax(115px,min-content) minmax(0,1fr);column-gap:8px;display:grid}.facts>div{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--line-soft);align-items:center;min-height:34px;display:grid}.facts>div:last-child{border-bottom:1px solid var(--line-soft)}.facts dt{color:var(--k-text-102a86);letter-spacing:.03em;padding-block:3px;padding-inline:7px 0;font-size:13px;font-weight:800;line-height:15px}.facts dd{color:var(--k-text-3a59a3);padding:3px 0;font-size:12.8px;font-weight:500;line-height:16px}.packets .panel-head.bar{padding-inline-end:4px}.packet-legend{white-space:nowrap;letter-spacing:.01em;min-width:0;color:var(--k-text-3a59a3);flex-wrap:wrap;flex:1;align-items:center;gap:24px 14px;height:18px;margin-block:0;margin-inline:22px 12px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.legend-item{align-items:center;gap:6px;height:18px;display:inline-flex}.legend-dot.step-badge{flex:none;width:10px;height:10px}.legend-note{border-inline-start:1px solid var(--k-line-c9d6ec);color:var(--k-text-6d80a8);padding-inline-start:14px;font-style:italic;font-weight:500}.packet-actions{align-items:center;gap:5px;display:flex}.packet-actions .speed{margin-inline-end:4px}.btn{border:1px solid var(--k-line-b5c8e7);letter-spacing:.05em;min-width:89px;height:32px;color:var(--k-text-0b2b86);border-radius:2px;justify-content:center;align-items:center;gap:12px;padding:0 6px;font-size:13.5px;font-weight:800;display:inline-flex}.btn.primary{background:var(--k-fill-003ca8);border-color:var(--k-line-003ca8);min-width:98px;color:var(--k-text-ffffff)}.btn{transition:opacity .25s,background-color .2s}.btn:disabled{opacity:.45;cursor:default}.toggle-icon{place-items:center;width:16px;height:16px;display:inline-grid}.toggle-icon svg{transition:rotate .4s var(--ease-out), scale .4s var(--ease-out), opacity .25s;grid-area:1/1}.icon-playpause path{fill:currentColor;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round;transition:d .32s var(--ease-out)}.pp-a{d:path("M1.5 1.2 L6.6 4.2 L6.6 9.8 L1.5 12.8 Z")}.pp-b{d:path("M6.6 4.2 L11.4 7 L11.4 7 L6.6 9.8 Z")}.toggle.is-playing .pp-a{d:path("M1.6 1.4 L4.6 1.4 L4.6 12.6 L1.6 12.6 Z")}.toggle.is-playing .pp-b{d:path("M7.4 1.4 L10.4 1.4 L10.4 12.6 L7.4 12.6 Z")}.icon-replay{opacity:0;rotate:-120deg;scale:.6}.toggle.is-done .icon-replay{opacity:1;rotate:0deg;scale:1}.toggle.is-done .icon-playpause{opacity:0;rotate:120deg;scale:.6}.toggle-label{text-align:start;min-width:4.3em;display:inline-block}.btn:last-child{min-width:86px}.btn[data-action=step]{min-width:74px}.btn.speed{min-width:54px;padding:0}.speed-label{text-align:center;min-width:2.6em;display:inline-block}.btn.icon{gap:0;width:34px;min-width:34px;padding:0}.packets{flex-direction:column;display:flex}.packet-scroll{scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;flex:1;min-height:0;overflow-y:auto}.packet-table{border-collapse:collapse;table-layout:fixed;width:calc(100% - 26px);margin-block:0;margin-inline:13px 0;font-size:14px}.packet-table th{text-align:start;letter-spacing:.04em;height:22px;color:var(--k-text-23458f);z-index:1;background:var(--panel);box-shadow:inset 0 -1px 0 var(--line-soft);padding-inline-start:14px;font-size:13px;font-weight:800;position:sticky;top:0}.packet-table td{height:25.2px;color:var(--k-text-2f4d8e);border-bottom:1px solid var(--k-line-eef2f8);white-space:nowrap;text-overflow:ellipsis;padding-block:0;padding-inline:14px 0;font-weight:500;transition:background-color .4s,box-shadow .4s;overflow:hidden}.packet-table td:first-child{padding-inline-start:15px}.packet-table td.is-ltr{text-align:right;padding-inline:0 14px}.packet-table tr.is-current td{background:var(--k-fill-eef3fe)}.packet-table .packet-empty td{height:40px;color:var(--k-text-8aa0cc);letter-spacing:.03em;padding-inline-start:15px;font-weight:500}.packet-table tr.is-lost td{color:var(--k-text-95a6c9)}.lost-chip{border:1px solid var(--k-line-c9d4ea);letter-spacing:.06em;color:var(--k-text-6d80a8);border-radius:2px;margin-inline-start:9px;padding:0 5px;font-size:10.5px;font-weight:800}.packet-table tr.is-current td:first-child{box-shadow:inset 3px 0 0 var(--k-line-0b3aa8)}.step-badge{width:22px;height:22px;color:var(--k-text-ffffff);vertical-align:middle;border-radius:50%;place-items:center;font-size:12.5px;font-weight:700;display:inline-grid}.step-badge.blue{background:radial-gradient(circle at 35% 30%, var(--k-fill-3a8bf5), var(--k-fill-1166e3) 70%)}.step-badge.green{background:radial-gradient(circle at 35% 30%, var(--k-fill-2bbb78), var(--k-fill-0d9b59) 70%)}.step-badge.amber{background:radial-gradient(circle at 35% 30%, var(--k-fill-ffcc3d), var(--k-fill-f4b305) 70%)}.step-badge.violet{background:radial-gradient(circle at 35% 30%, var(--k-fill-9a80f0), var(--k-fill-6d4bdc) 70%)}.step-badge.teal{background:radial-gradient(circle at 35% 30%, var(--k-fill-3cc3cf), var(--k-fill-0b8b98) 70%)}.step-badge.slate{background:radial-gradient(circle at 35% 30%, var(--k-fill-8797b8), var(--k-fill-546588) 70%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.packet-table tr[data-packet]{cursor:pointer}.packet-table tr[data-packet]:hover td{background:var(--k-fill-f4f7fd)}.packet-table tr[data-packet]:focus-visible{outline:2px solid var(--k-line-6f94c9);outline-offset:-2px}.packet-table tr.is-inspected td{background:var(--k-fill-e8eefc);box-shadow:inset 0 -1px 0 var(--k-line-c9d8f6)}.packet-table tr.is-inspected td:first-child{box-shadow:inset 3px 0 0 var(--k-line-0e95a3)}.seq-arrow.is-shown{cursor:pointer}.seq-arrow.is-inspected .seq-line{stroke-width:3.2px}.seq-arrow.is-inspected .seq-label-bg{fill:var(--k-fill-0e95a3)}.seq-arrow.is-inspected .seq-label-text{fill:var(--k-text-ffffff)}.inspector{z-index:5;background:var(--panel);--c:var(--k-accent-5d6f95);flex-direction:column;display:flex;position:absolute;inset:0}.inspector[hidden]{display:none}.ins-head{border-bottom:1px solid var(--k-line-dfe7f4);flex:none;align-items:center;gap:12px;height:52px;padding-block:0;padding-inline:16px 12px;display:flex}.ins-badge.step-badge{flex:none;width:28px;height:28px;font-size:13px}.ins-title{flex-direction:column;flex:1;min-width:0;display:flex}.ins-title b{letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;line-height:19px;overflow:hidden}.ins-title span{color:var(--k-text-4d67a2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:16px;overflow:hidden}.ins-nav{gap:4px;display:flex}.ins-nav button{border:1px solid var(--k-line-c9d6ec);width:30px;height:30px;color:var(--k-text-0b2b86);border-radius:2px;font-size:16px;font-weight:700;line-height:1}.ins-nav button:hover{background:var(--k-fill-f1f5fd)}.ins-where{letter-spacing:.03em;color:var(--k-text-6982b8);flex:none;padding:7px 16px 0;font-size:11.5px;font-weight:600}.ins-bar{flex:none;gap:2px;margin:8px 16px 0;display:flex}.ins-seg{cursor:pointer;flex-direction:column;min-width:0;display:flex}.ins-seg:before{content:"";background:var(--c);opacity:.85;border-radius:1.5px;height:8px}.ins-seg b{letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10.5px;font-weight:800;overflow:hidden}.ins-seg i{color:var(--k-text-6982b8);font-size:10.5px;font-style:normal;font-weight:600}.ins-body{border-top:1px solid var(--k-line-dfe7f4);flex:1;grid-template-columns:1fr 398px;min-height:0;margin-top:8px;display:grid}.ins-tree,.ins-hex{scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;min-height:0;overflow-y:auto}.ins-tree{padding-block:4px 16px;padding-inline:16px 12px}.ins-hex{border-inline-start:1px solid var(--k-line-dfe7f4);background:var(--k-fill-fbfcff);padding-block:8px 16px;padding-inline:14px 12px}.ins-foot{border-top:1px solid var(--k-line-dfe7f4);color:var(--k-text-6982b8);flex:none;gap:22px;padding:7px 16px;font-size:11px;font-weight:500;display:flex}.ins-foot b{color:var(--k-text-9aabcf);letter-spacing:.05em}.c-slate{--c:var(--k-accent-5d6f95)}.c-blue{--c:var(--k-accent-1f6fe8)}.c-green{--c:var(--k-accent-12a56b)}.c-amber{--c:var(--k-accent-e19b00)}.c-violet{--c:var(--k-accent-7656e0)}.c-teal{--c:var(--k-accent-0e95a3)}.c-grey{--c:var(--k-accent-a7b3cb)}.ins-layer{margin-top:10px}.ins-layer h4{border-inline-start:3px solid var(--c);background:linear-gradient(90deg, color-mix(in srgb, var(--c) 9%, transparent), transparent 80%);align-items:baseline;gap:10px;margin:0 0 3px;padding-block:5px;padding-inline:9px 0;display:flex}.ins-layer h4 span{letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;font-size:12.5px;font-weight:800}.ins-layer h4 em{color:var(--k-text-4d67a2);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-style:normal;font-weight:600;overflow:hidden}.ins-field{border-radius:2px;grid-template-columns:138px 1fr;column-gap:10px;padding-block:3px;padding-inline:12px 4px;display:grid}.ins-field[data-from]{cursor:default}.ins-field.is-lit{background:color-mix(in srgb, var(--c) 14%, transparent)}.ins-field.d1{padding-inline-start:26px}.ins-field.d2{padding-inline-start:40px}.ins-field.d3{padding-inline-start:54px}.ins-name{color:var(--k-text-102a86);font-size:12px;font-weight:700;line-height:17px}.ins-value{color:var(--k-text-3a59a3);overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:17px}.ins-field.is-heading .ins-name{color:var(--ink-strong);font-weight:800}.ins-field.is-hidden .ins-value{color:var(--k-text-8a9cc4)}.ins-field.is-inside{background:var(--k-fill-effafa)}.ins-field.is-inside .ins-name,.ins-field.is-inside .ins-value{color:var(--k-text-0a6f7a)}.ins-note{color:var(--k-text-7c90bb);grid-column:2;margin:1px 0 2px;font-size:11px;font-weight:500;line-height:15px}.eg{letter-spacing:.06em;color:var(--k-text-a07a12);background:var(--k-fill-fdf4dc);vertical-align:1px;border-radius:2px;margin-inline-start:4px;padding:0 4px;font-size:9.5px;font-style:normal;font-weight:800}.hx-head{letter-spacing:.07em;color:var(--k-text-23458f);margin-bottom:6px;font-size:11px;font-weight:800}.hx-head span{letter-spacing:.03em;color:var(--k-text-8a9cc4);margin-inline-start:6px;font-weight:600}.hx-row{white-space:nowrap;gap:10px;font-size:11px;line-height:17px;display:flex}.hx-at{color:var(--k-text-a7b3cb);font-weight:600}.hx-bytes{grid-template-columns:repeat(16,15px);display:grid}.hx{text-align:center;color:color-mix(in srgb, var(--c) 78%, var(--k-text-0b2b86));border-radius:2px;font-weight:600}.hx.is-unknown,.as.is-unknown{color:var(--k-text-c3cde3)}.hx-text{color:var(--k-text-4d67a2);grid-template-columns:repeat(16,6px);display:grid}.hx.is-lit,.as.is-lit{background:color-mix(in srgb, var(--c) 30%, transparent);color:var(--k-text-00238a)}.as.is-lit{--c:var(--k-accent-1f6fe8)}.drawer-btn,.drawer-close,.scrim{display:none}:root[data-layout=medium] .workspace{grid-template-columns:372px minmax(0,1fr) 300px}:root[data-layout=medium] .now+.topbar-sep,:root[data-layout=medium] .osi,:root[data-layout=medium] .legend-note{display:none}:root[data-layout=medium] .theme-toggle{margin-inline-start:6px}:root[data-layout=medium] .now{flex:0 262px;width:auto;min-width:150px}:root[data-layout=medium] .now-dots{display:none}:root[data-layout=medium] .learning{flex:none;width:auto;min-width:176px}:root[data-layout=medium] .topbar-tools .topbar-sep{margin:0 12px}:root[data-layout=medium] .brand-text{margin-inline-start:12px}:root[data-layout=medium] .brand-text h1{font-size:20px;line-height:24px}:root[data-layout=medium] .brand-text p{letter-spacing:.12em;font-size:11.5px}:root[data-layout=medium] .sidebar .panel-title{letter-spacing:.07em;font-size:21px}:root[data-layout=medium] .tab{letter-spacing:.02em;gap:5px;padding:0 4px;font-size:12px}:root[data-layout=medium] .proto-text{margin-inline-start:18px}:root[data-layout=medium] .overview-name h3{font-size:31px}:root[data-layout=medium] .overview .panel-title.sm{letter-spacing:.05em;font-size:19px}@media (min-width:1360px){:root[data-layout=medium] .now+.topbar-sep,:root[data-layout=medium] .osi{display:block}:root[data-layout=medium] .osi{width:168px}:root[data-layout=medium] .now{flex-basis:246px}}:root:not([data-layout=wide]) .packet-table{font-size:13px}:root:not([data-layout=wide]) .packet-table th{font-size:12px}:root:not([data-layout=wide]) .packet-table col:first-child{width:50px!important}:root:not([data-layout=wide]) .packet-table col:nth-child(2){width:80px!important}:root:not([data-layout=wide]) .packet-table col:nth-child(3),:root:not([data-layout=wide]) .packet-table col:nth-child(4){width:126px!important}:root:not([data-layout=wide]) .packet-table col:nth-child(5){width:84px!important}:root:not([data-layout=wide]) .packet-table col:nth-child(7){width:68px!important}:root:not([data-layout=wide]) .packet-table td,:root:not([data-layout=wide]) .packet-table th{padding-inline-start:10px}:root:not([data-layout=wide]) .packet-table td.is-ltr{padding-inline:0 10px}:root:not([data-layout=wide]) .packet-legend{gap:11px;margin-inline-start:16px}:root:not([data-layout=wide]) .btn[data-action=reset]{gap:0;width:34px;min-width:34px;padding:0}:root:not([data-layout=wide]) .btn[data-action=reset] .btn-text{display:none}:root:not([data-layout=wide]) .btn[data-action=step]{min-width:66px}html.is-stacked,html.is-stacked body{height:auto;overflow:visible}html.is-stacked.is-locked,html.is-stacked.is-inspecting{overflow:hidden}.is-stacked .shell{height:auto;padding:0 max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));grid-template-rows:auto auto}.is-stacked .topbar{flex-wrap:wrap;row-gap:12px;padding:12px 0 14px}.is-stacked .topbar:after{content:"";background:var(--line-soft);flex-basis:100%;order:5;height:1px}.is-stacked .topbar-tools{display:contents}.is-stacked .topbar-sep{display:none}.is-stacked .lang{order:4;margin-inline-start:22px}.is-stacked .menu-btn{height:40px}.is-stacked .drawer-btn{border:1px solid var(--k-line-b5c8e7);letter-spacing:.06em;height:40px;color:var(--k-text-0b2b86);border-radius:2px;order:0;justify-content:center;align-items:center;gap:9px;margin-inline-end:20px;padding-block:0;padding-inline:12px 13px;font-size:13px;font-weight:800;transition:background-color .2s;display:inline-flex}.is-stacked .drawer-btn:hover{background:var(--k-fill-f3f6fd)}.is-stacked .brand{order:1;min-width:0}.is-stacked .credit{order:3;margin-inline-start:auto}.is-stacked .theme-toggle{order:4;height:40px;margin-inline-start:8px}.is-stacked .theme-toggle button{width:40px}.is-stacked .now{flex:250px;order:6;width:auto;min-width:0;overflow:hidden}.is-stacked .now-title,.is-stacked .now-step{text-overflow:ellipsis;overflow:hidden}.is-stacked .osi{flex:none;order:7;margin-inline-start:28px}.is-stacked .learning{flex:none;order:8;margin-inline-start:28px}.is-stacked .workspace{grid-template-rows:clamp(400px,100vh - 440px,680px) 300px;grid-template-columns:minmax(0,1fr) 320px}.is-stacked .workspace>.packets{grid-column:1/-1}.is-stacked .workspace>.overview{margin-inline-start:0}.is-stacked .legend-note{display:none}.is-stacked .workspace>.sidebar{z-index:50;top:0;bottom:0;width:min(440px,90%);padding-top:max(12px, env(safe-area-inset-top));box-shadow:10px 0 40px color-mix(in srgb, var(--k-shadow-8d9ab3) 30%, transparent);visibility:hidden;transition:transform .32s var(--ease-in), visibility 0s linear .32s;border-block-width:0;border-inline-width:0 1px;border-radius:0;position:fixed;inset-inline-start:0;transform:translate(-104%)}.is-stacked .shell.is-drawer-open .sidebar{visibility:visible;transition:transform .46s var(--ease-out), visibility 0s;transform:none}[dir=rtl].is-stacked .workspace>.sidebar{box-shadow:-10px 0 40px color-mix(in srgb, var(--k-shadow-8d9ab3) 30%, transparent);transform:translate(104%)}[dir=rtl].is-stacked .shell.is-drawer-open .sidebar{transform:none}.is-stacked .sidebar .more{display:none}.is-stacked .drawer-close{border:1px solid var(--k-line-b5c8e7);width:36px;height:36px;color:var(--k-text-0b2b86);border-radius:2px;place-items:center;display:grid}.is-stacked .drawer-close:hover{background:var(--k-fill-f3f6fd)}.is-stacked .scrim{z-index:45;background:color-mix(in srgb, var(--k-shadow-8d9ab3) 42%, transparent);opacity:0;pointer-events:none;transition:opacity .32s;display:block;position:fixed;inset:0}.is-stacked .shell.is-drawer-open .scrim{opacity:1;pointer-events:auto}.is-stacked .inspector{z-index:60;position:fixed;inset:0}.is-stacked .ins-head{height:58px}.is-stacked .ins-nav{gap:6px}.is-stacked .ins-nav button{width:38px;height:38px}.is-single .shell{padding-bottom:82px}.is-single .workspace{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:12px}.is-single .simulation{height:clamp(300px,78vw,560px)}.is-single .overview{min-height:330px}.is-single .overview-body{padding-bottom:14px;overflow:visible}.is-single .facts>div{height:auto;min-height:34px;padding:6px 0}.is-single .explain-facts>div{min-height:30px;padding:5px 0}.is-single .facts dd{white-space:normal}.is-single .packets .panel-head.bar{flex-wrap:wrap;row-gap:8px;height:auto;padding-block:9px 10px;padding-inline:17px 14px}.is-single .packet-legend{white-space:normal;flex-wrap:wrap;flex:100%;order:2;row-gap:4px;height:auto;margin:0;overflow:visible}.is-single .packet-scroll{flex:none;overflow:auto hidden}.is-single .packet-table{min-width:820px}.is-single .packet-actions{z-index:40;padding:10px max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--panel);grid-template-columns:50px 44px minmax(96px,240px) 64px 44px;justify-content:center;gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.is-single .packet-actions .btn{width:auto;min-width:0;height:42px}.is-single .packet-actions .toggle{padding:0 8px;container-type:inline-size}.toggle.is-iconic{gap:0}.toggle.is-iconic .toggle-label{display:none}.is-single .packet-actions .speed{margin-inline-end:0}.is-single .packet-actions .btn[data-action]{width:auto}.is-single .ins-body{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-content:start;overflow-y:auto}.is-single .ins-tree,.is-single .ins-hex{min-height:auto;overflow:visible}.is-single .ins-hex{border-inline-start:0;border-top:1px solid var(--k-line-dfe7f4)}.is-single .ins-foot{padding-bottom:calc(7px + env(safe-area-inset-bottom));flex-direction:column;gap:3px}:root[data-layout=narrow] .osi,.is-single .brand-text p{display:none}.is-single .drawer-btn{width:40px;margin-inline-end:14px;padding:0}.is-single .drawer-btn span{display:none}:root[data-layout=narrow] .brand-text h1{font-size:22px}:root[data-layout=phone] .shell{padding:0 max(12px, env(safe-area-inset-right)) 82px max(12px, env(safe-area-inset-left))}:root[data-layout=phone] .topbar{row-gap:10px;padding:10px 0 12px}:root[data-layout=phone] .osi,:root[data-layout=phone] .learning{display:none}:root[data-layout=phone] .drawer-btn{margin-inline-end:10px}:root[data-layout=phone] .logo-frame{width:42px;height:36px;margin-inline-start:0}:root[data-layout=phone] .logo-frame .corner{width:7px;height:7px}:root[data-layout=phone] .logo-cube{width:26px;height:26px}:root[data-layout=phone] .brand-text{margin-inline-start:10px}:root[data-layout=phone] .brand-text h1{letter-spacing:.05em;font-size:16px;line-height:20px}:root[data-layout=phone] .lang{margin-inline-start:auto}:root[data-layout=phone] .menu-btn{gap:5px;padding:0 7px}:root[data-layout=phone] .menu-btn svg:last-child{display:none}:root[data-layout=phone] .theme-toggle{margin-inline-start:6px}:root[data-layout=phone] .theme-toggle button{width:38px}:root[data-layout=phone] .theme-toggle button.is-active{display:none}:root[data-layout=phone] .theme-toggle button+button{border-inline-start:0}:root[data-layout=phone] .credit{order:7;margin-inline-start:16px}:root[data-layout=phone] .now{flex:1 1 0;min-width:150px}:root[data-layout=phone] .now-title{font-size:15px;line-height:19px}:root[data-layout=phone] .now-dots i{width:13px}:root[data-layout=phone] .panel-title.sm{font-size:20px}:root[data-layout=phone] .overview-body{padding-block:11px 14px;padding-inline:14px 12px}:root[data-layout=phone] .facts{grid-template-columns:minmax(104px,min-content) minmax(0,1fr)}:root[data-layout=phone] .hx-text{display:none}:root[data-layout=phone] .ins-field{grid-template-columns:112px 1fr}:root[data-layout=phone] .simulation{height:clamp(300px,96vw,560px)}:root[data-layout=phone] .workspace>.sidebar{width:min(440px,92%);padding-inline:12px}:root[data-layout=phone] .sidebar .panel-title{letter-spacing:.07em;font-size:21px}:root[data-layout=phone] .tab{letter-spacing:.01em;gap:4px;padding:0 3px;font-size:11.5px}:root[data-layout=phone] .tab-count{min-width:18px;padding:0 4px}:root[data-layout=phone] .proto-text{margin-inline-start:16px}:root[data-layout=phone] .proto-row{padding-block:0;padding-inline:12px 10px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}