@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/iosevka-400-DnzhOSIo.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/iosevka-500-C4FA_zML.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/iosevka-600-Dj5n5yBL.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/iosevka-700-BxdwZZnN.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/iosevka-800-Ctjohn3a.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/iosevka-800-italic-D0Mo0HIB.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: rgba(254, 254, 255, .92);--k-fill-ffcc3d: #ffcc3d;--k-fill-ffffff: #ffffff;--k-line-003ca8: #003ca8;--k-line-0a9a62: #0a9a62;--k-line-0aa86b: #0aa86b;--k-line-0b2b86: #0b2b86;--k-line-0b3aa8: #0b3aa8;--k-line-0b3aa8-a12: rgba(11, 58, 168, .12);--k-line-0e95a3: #0e95a3;--k-line-12a56b: #12a56b;--k-line-1747b5: #1747b5;--k-line-1b3fae: #1b3fae;--k-line-1f5fe0-a12: rgba(31, 95, 224, .12);--k-line-1f5fe0-a35: rgba(31, 95, 224, .35);--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: #ffffff;--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: #ffffff}:root[data-theme=dark]{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: rgba(13, 18, 32, .92);--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: rgba(105, 144, 234, .12);--k-line-0e95a3: #6adeea;--k-line-12a56b: #68e9b7;--k-line-1747b5: #638be9;--k-line-1b3fae: #6585e7;--k-line-1f5fe0-a12: rgba(45, 74, 134, .12);--k-line-1f5fe0-a35: rgba(45, 74, 134, .35);--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: #000000;--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: #ffffff}: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);font-family:Iosevka,ui-monospace,monospace;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-synthesis:none}[lang|=ja]{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;font-synthesis:weight}[lang|=zh]{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;font-synthesis:weight}[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-family:Iosevka,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,Noto Sans CJK KR,Nanum Gothic,WenQuanYi Zen Hei,sans-serif;font-synthesis:weight;word-break:keep-all;overflow-wrap:break-word}[lang|=hi]{font-family:Iosevka,Kohinoor Devanagari,Nirmala UI,Mangal,Noto Sans Devanagari,FreeSans,sans-serif;font-synthesis:weight}[lang|=ar]{font-family:Iosevka,Geeza Pro,Segoe UI,Noto Sans Arabic,Tahoma,DejaVu Sans,sans-serif;font-synthesis:weight}[lang|=he]{font-family:Iosevka,Arial Hebrew,Segoe UI,Noto Sans Hebrew,Arial,DejaVu Sans,sans-serif;font-synthesis:weight}[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:right}[dir=rtl] .lang-menu{transform-origin:top left}[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{margin:0;height:100%}body{background:var(--bg);overflow:hidden}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}[hidden]{display:none!important}.shell{width:100%;height:100vh;display:grid;grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding-block:0 14px;padding-inline:19px 13px}.topbar{display:flex;align-items:center;padding-bottom:2px}.brand{display:flex;align-items:center;flex:none}.logo-frame{position:relative;width:64px;height:52px;margin-inline-start:3px;display:grid;place-items:center;color:var(--k-text-0b3aa8)}.logo-frame .corner{position:absolute;width:10px;height:10px;border:0 solid var(--k-line-1747b5)}.corner.tl{left:0;top:0;border-width:2px 0 0 2px}.corner.tr{right:0;top:0;border-width:2px 2px 0 0}.corner.bl{left:0;bottom:0;border-width:0 0 2px 2px}.corner.br{right:0;bottom:0;border-width:0 2px 2px 0}.logo-cube{width:38px;height:38px}.brand-text{margin-inline-start:16px}.brand-text h1{font-size:27px;line-height:30px;font-weight:800;letter-spacing:.085em;color:var(--ink);white-space:nowrap}.brand-text h1 em{font-style:italic;margin-inline-start:.05em}.brand-text p{font-size:14px;line-height:18px;font-weight:400;letter-spacing:.13em;color:var(--ink-muted);white-space:nowrap}.topbar-tools{display:flex;align-items:center;margin-inline-start:auto}.now-label,.osi-label,.learning-label{font-size:13px;font-weight:800;letter-spacing:.045em;color:var(--k-text-23458f)}.now{width:300px}:root[data-layout=wide] .now{width:auto;min-width:300px;max-width:400px;flex-shrink:0}:root[data-layout=wide] .learning{min-width:0}.now-title{margin-top:2px;font-size:18px;line-height:21px;font-weight:800;letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap}.now-name{display:inline-block}.now-title{overflow:hidden;text-overflow:ellipsis}.now-progress{display:flex;align-items:center;gap:10px;min-width:0;margin-top:5px}.now-dots{display:flex;flex:0 100 auto;gap:4px;min-width:calc(var(--dots, 6) * 10px - 4px)}.now-dots i{position:relative;flex:0 1 auto;width:18px;min-width:6px;height:5px;border-radius:3px;background:var(--k-fill-dce5f6);overflow:hidden}.now-dots i:after{content:"";position:absolute;inset:0;background:var(--k-fill-0aa86b);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out),background-color .3s}.now-dots i.is-done:after{transform:none}.now-dots i.is-active:after{transform:none;background:linear-gradient(90deg,var(--active) 0 35%,var(--k-fill-a9c4fa) 50%,var(--active) 65%) 0 0 / 300% 100%;animation:pending-sheen 1.6s linear infinite}@keyframes pending-sheen{0%{background-position:100% 0}to{background-position:0 0}}.now-step{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:14px;font-weight:600;letter-spacing:.05em;color:var(--k-text-4d67a2);white-space:nowrap}.osi{width:212px}.osi-head{display:flex;justify-content:space-between;align-items:baseline}.osi-name{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--k-text-0b3aa8)}.osi-chips{position:relative;display:flex;gap:4px;margin-top:7px}.osi-marker{position:absolute;top:0;left:0;width:0;height:22px;border-radius:2px;background:var(--k-fill-003ca8)}.osi-marker.is-ready{transition:left .55s var(--ease-out),width .55s var(--ease-out)}.osi-chips span{position:relative;transition:color .3s,border-color .3s;flex:1;height:22px;display:grid;place-items:center;border:1px solid var(--k-line-c8d6ec);border-radius:2px;font-size:12px;font-weight:700;color:var(--k-text-7d96c6)}.osi-chips .is-active{border-color:transparent;color:var(--k-text-ffffff)}.learning{width:296px}.learning-head{display:flex;justify-content:space-between;align-items:baseline}.learning-value{font-size:19px;line-height:20px;font-weight:800;letter-spacing:.04em;color:var(--ink-strong)}.learning-bars{display:flex;gap:3px;height:9px;margin-top:5px}.learning-seg{flex:1;border-radius:1.5px;background:var(--k-fill-dce5f6);overflow:hidden}.learning-seg i{display:block;width:0;height:100%;background:var(--k-fill-0b3aa8);transform-origin:left;animation:seg-fill .7s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms + .25s);transition:width .6s var(--ease-out),background-color .3s}@keyframes seg-fill{0%{transform:scaleX(0)}}.learning-seg.partial i{background:var(--k-fill-3f74d6)}.learning-sub{margin-top:6px;font-size:12px;line-height:14px;font-weight:500;letter-spacing:.04em;color:var(--k-text-4d67a2);white-space:nowrap}.learning-sub .dot{margin:0 4px;color:var(--k-text-9fb3db)}.learning-value,.learning-done,.learning-active{display:inline-block}.topbar-sep{width:1px;height:46px;margin-block:0;margin-inline:26px 22px;background:var(--k-fill-6383b9)}.topbar-tools .topbar-sep{margin:0 17px}.credit{display:flex;flex-direction:column;gap:6px;text-decoration:none}.credit-label{font-size:13px;font-weight:800;letter-spacing:.045em;color:var(--k-text-23458f)}.credit-name{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:18px;font-weight:700;letter-spacing:.02em;color:var(--ink-strong);transition:color .2s}.credit-x{flex:none;color:var(--ink-strong);transition:transform .25s var(--ease-out)}.credit:hover .credit-name{color:var(--active);text-decoration:underline;text-underline-offset:3px}.credit:hover .credit-x{transform:rotate(-8deg) scale(1.1)}.menu-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 9px;border:1px solid var(--k-line-b5c8e7);border-radius:2px;font-size:13.5px;font-weight:800;letter-spacing:.06em;color:var(--k-text-0b2b86)}.menu-btn svg:last-child{margin-inline-start:2px;color:var(--k-text-4d67a2);transition:transform .25s var(--ease-out)}.menu-btn:hover{background:var(--k-fill-f3f6fd)}.menu-btn[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.lang-code{display:inline-block;min-width:1.4em}.lang{position:relative}.lang.is-loading .menu-btn{cursor:progress;opacity:.6}.lang-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:70;display:flex;flex-direction:column;min-width:176px;padding:4px;border:1px solid var(--k-line-b5c8e7);border-radius:3px;background:var(--panel);box-shadow:0 12px 32px color-mix(in srgb,var(--k-shadow-8d9ab3) 28%,transparent);transform-origin:top right;animation:menu-in .2s var(--ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}.lang-menu button{display:flex;align-items:center;justify-content:space-between;gap:18px;height:36px;padding-block:0;padding-inline:12px 10px;border-radius:2px;font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--k-text-0b2b86);text-align:start;white-space:nowrap}.lang-menu button b{font-size:11.5px;font-weight:800;letter-spacing:.06em;color:var(--k-text-7d96c6)}.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{display:flex;height:36px;margin-inline-start:10px;border:1px solid var(--k-line-b5c8e7);border-radius:2px}.theme-toggle button{display:grid;place-items:center;width:36px;color:var(--k-text-0b2b86)}.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{display:grid;grid-template-columns:455px minmax(0,1fr) 332px;grid-template-rows:minmax(0,1fr) 248px;column-gap:11px;row-gap:16px;min-height:0}.workspace>.sidebar{grid-row:1 / 3;column-gap:0}.workspace>.packets{grid-column:2 / 4}.workspace>.overview{margin-inline-start:-1px}.panel{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:2px;min-height:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head.bar{height:42px;align-items:center;padding-block:0;padding-inline:17px 14px;border-bottom:1px solid var(--k-line-b4c8e4)}.panel-title{font-size:26px;line-height:32px;font-weight:800;letter-spacing:.08em;color:var(--ink);white-space:nowrap}.panel-title.sm{font-size:22.5px;line-height:28px;letter-spacing:.06em}.panel-head.bar .panel-title{min-width:0;margin-inline-end:10px;overflow:hidden;text-overflow:ellipsis}.more{display:grid;place-items:center;width:26px;height:20px;color:var(--k-text-102e8f);fill:currentColor}.sidebar{display:flex;flex-direction:column;padding-block:10px 0;padding-inline:16px 15px}.sidebar .panel-head{align-items:center;padding-inline-start:1px}.sidebar .more{margin-inline-end:1px}.tabs{display:flex;height:34px;margin-top:12px;border:1px solid var(--line-mid);border-radius:2px}.tab{position:relative;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--k-text-0b2b86);border-inline-start:1px solid var(--line-mid)}.tab:first-child{border-inline-start:0}.tab:hover{background:var(--k-fill-f5f8fe)}.tab{transition:background-color .2s}.tabs{position:relative}.tab-indicator{position:absolute;bottom:-1px;left:0;width:0;height:3px;background:var(--k-fill-0b3aa8)}.tabs.is-ready .tab-indicator{transition:left .42s var(--ease-out),width .42s var(--ease-out)}.tab-count{min-width:20px;padding:0 5px;border-radius:8px;background:var(--k-fill-e9eef8);font-size:11px;line-height:16px;font-weight:700;letter-spacing:0;color:var(--k-text-5d77ae)}.tab-count{transition:background-color .3s,color .3s}.tab.is-active .tab-count{background:var(--k-fill-0b3aa8);color:var(--k-text-ffffff)}.proto-list{flex:1;min-height:0;margin-block:12px 0;margin-inline:0 -10px;padding-block:0 12px;padding-inline:0 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent;position:relative;overflow-anchor:none}.proto{border-bottom:1px solid var(--k-line-edf1f7)}.proto-ghost{position:absolute;margin:0;pointer-events:none}.proto-ghost *,.proto-ghost *:after{animation:none!important;transition:none!important}.proto-row{display:flex;align-items:center;width:100%;text-align:start;height:46px;padding-block:0;padding-inline:15.5px 14px;border:1.5px solid transparent;border-radius:2px;transition:border-color .25s,background-color .25s}.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{width:14px;height:14px;border-radius:50%;flex:none}.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{display:flex;flex-direction:column;margin-inline-start:24px;flex:1}.proto-name{font-size:16px;line-height:19px;font-weight:800;color:var(--ink-strong);letter-spacing:.05em}.proto-full{font-size:14.6px;line-height:18px;font-weight:500;color:var(--k-text-6982b8);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proto-text{min-width:0}.proto-chev{color:var(--k-text-0b2b86);display:grid;place-items:center;transition:transform .35s var(--ease-out),color .3s}.steps-wrap{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .44s cubic-bezier(.4,0,.2,1),visibility 0s linear .44s}.proto.is-open .steps-wrap{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .44s cubic-bezier(.4,0,.2,1),visibility 0s}.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{position:relative;padding-bottom:12px}.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:"";position:absolute;inset-inline-start:10.5px;top:27px;bottom:3px;border-inline-start:1.5px dashed var(--k-line-b6c6e4)}.step-btn{display:flex;align-items:flex-start;width:100%;text-align:start}.step-btn:focus-visible{outline:2px solid var(--k-line-6f94c9);outline-offset:3px;border-radius:2px}.step-num{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--k-fill-9db1d9);color:var(--k-text-ffffff);font-size:12px;font-weight:700;position:relative;transition:background-color .3s ease var(--delay, 0s),box-shadow .3s ease var(--delay, 0s)}.step-num>span{transition:scale .25s var(--ease-in) var(--delay, 0s),opacity .2s ease var(--delay, 0s)}.step-num svg{position:absolute;inset:0;margin:auto}.step-num svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s var(--ease-out) calc(var(--delay, 0s) + .12s)}.step-num:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid transparent;border-top-color:var(--active);border-right-color:var(--k-line-1f5fe0-a35);opacity:0;scale:.6;transition:opacity .25s ease var(--delay, 0s),scale .4s var(--ease-out) var(--delay, 0s)}.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;scale:1;animation:step-spin .9s linear infinite}@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{scale:.3;opacity:0}.step.is-done .step-num svg path{stroke-dashoffset:0}@keyframes step-pop{40%{scale:1.2}}.step:not(:last-child):after{content:"";position:absolute;inset-inline-start:10.5px;top:27px;bottom:3px;border-inline-start:1.5px solid var(--k-line-0aa86b);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease-out) calc(var(--delay, 0s) + .1s)}.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{display:flex;flex-direction:column;margin-inline-start:14px;margin-top:-2px}.step-title{font-size:13.5px;line-height:17px;font-weight:800;letter-spacing:.05em;color:var(--k-text-33509a)}.step-desc{font-size:13.5px;line-height:17px;font-weight:500;color:var(--k-text-6982b8)}.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{position:absolute;inset:0;width:100%;height:100%;display:block}.view-switch{position:absolute;top:12px;inset-inline-start:12px;z-index:3;display:flex;padding:3px;border:1px solid var(--k-line-c9d6ec);border-radius:3px;background:var(--k-fill-fefeff-a92)}.view-switch button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;height:26px;padding-block:0;padding-inline:9px 11px;font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--k-text-4d67a2);transition:color .3s}.view-switch button.is-active{color:var(--k-text-ffffff)}.view-indicator{position:absolute;top:3px;bottom:3px;border-radius:2px;background:var(--k-fill-0b3aa8)}.view-indicator.is-ready{transition:left .4s var(--ease-out),width .4s var(--ease-out)}.sequence{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding-top:50px;background:var(--panel);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.simulation.is-sequence .sequence{opacity:1;visibility:visible;transition:opacity .3s,visibility 0s}.seq-head{position:relative;flex:none;height:46px;overflow:hidden;border-bottom:1px solid var(--k-line-dfe7f4)}.seq-head-track{position:relative;height:100%}.seq-who{position:absolute;top:2px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;text-align:center}.seq-who i{white-space:nowrap}.seq-who b{font-size:13.5px;line-height:18px;font-weight:800;letter-spacing:.04em;color:var(--ink-strong)}.seq-who i{font-style:normal;font-size:12px;line-height:16px;font-weight:500;color:var(--k-text-4d67a2)}.seq-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent}.seq-svg{display:block}.seq-life{stroke:var(--k-line-c4d1ea);stroke-width:1.5;stroke-dasharray:5 5}.seq-step-line{stroke:var(--k-line-e2e9f5);stroke-width:1}.seq-step-text{font-size:10.5px;font-weight:800;letter-spacing:.07em;fill:var(--k-text-9aabcf);dominant-baseline:central;transition:fill .3s;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.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.8;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.6;stroke-linecap:round}.seq-dot{fill:var(--c)}.seq-time{font-size:11px;font-weight:600;fill:var(--k-text-8fa2c9);text-anchor:end;dominant-baseline:central;transition:fill .3s;paint-order:stroke;stroke:var(--panel);stroke-width:4px;stroke-linejoin:round}.seq-label-bg{fill:var(--panel);transition:fill .3s}.seq-label-text{font-size:11.5px;font-weight:800;letter-spacing:.05em;fill:var(--ct);transition:fill .3s}.seq-lock{fill:none;stroke:var(--ct);stroke-width:1.3;transition:stroke .3s}.seq-arrow.is-current .seq-line{stroke-width:2.8}.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.2}.seq-note-text{font-size:11px;font-weight:800;letter-spacing:.06em;fill:var(--c);dominant-baseline:central}.seq-break-band{fill:var(--panel)}.seq-wave{fill:none;stroke:var(--k-line-c4d1ea);stroke-width:1.3}.seq-break-bg{fill:var(--k-fill-eef3fc);stroke:var(--k-line-c9d6ec)}.seq-break-text{font-size:11px;font-weight:700;letter-spacing:.05em;fill:var(--k-text-4d67a2);dominant-baseline:central}.network.is-booting .node,.network.is-booting .lanes{opacity:0}.network .lane{fill:none;stroke:var(--k-line-bccae6);stroke-width:2;stroke-dasharray:6 5;transition:stroke .35s,stroke-width .35s}.network .lane.is-active{stroke-width:2.4;animation:lane-flow .55s linear infinite}@keyframes lane-flow{to{stroke-dashoffset:-11}}.network .packet-label{font-size:12.5px;font-weight:800;letter-spacing:.06em;fill:var(--k-text-ffffff)}.network .packet-tag.amber .packet-label{fill:var(--k-on-amber)}.network .packet-body{fill:var(--k-fill-ffffff);stroke-width:1.5}.network .packet-field{font-size:11.5px;font-weight:600;fill:var(--k-text-1d3e9a)}.network .url-bar{opacity:0;scale:.8;transform-box:fill-box;transform-origin:83% 100%;transition:opacity .25s,scale .45s var(--ease-out)}.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.6}.network .url-leader{fill:none;stroke:var(--k-line-9fb3db);stroke-width:1.5;stroke-dasharray:3 3}.network .url-globe{fill:none;stroke:var(--k-line-1b3fae);stroke-width:1.3}.network .url-text{font-size:13px;font-weight:600;letter-spacing:.02em;fill:var(--k-text-00238a)}.network .url-caret{fill:var(--k-text-0b3aa8);opacity:0}.network .url-bar.is-typing .url-caret{animation:caret .9s steps(1) infinite}@keyframes caret{50%{opacity:1}}.network .url-check{fill:none;stroke:var(--k-line-0aa86b);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .4s var(--ease-out)}.network .url-bar.is-loaded .url-check{stroke-dashoffset:0}.network .node-name{font-size:15.5px;font-weight:800;fill:var(--ink-strong);letter-spacing:.04em}.network .node-ip{font-size:15px;font-weight:500;fill:var(--k-text-1d3e9a);letter-spacing:.05em}.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.6;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{font-size:12px;font-weight:800;letter-spacing:.06em;fill:var(--k-text-0b2b86)}.network .drop-cross{fill:none;stroke:var(--k-line-5d6f95);stroke-width:3;stroke-linecap:round}.network .packet-lock{fill:none;stroke:var(--k-line-ffffff);stroke-width:1.5;stroke-linejoin:round}.network .packet-tag.amber .packet-lock{stroke:var(--k-line-0b2b86)}.network .url-lock{display:none;fill:none;stroke:var(--k-line-0a9a62);stroke-width:1.6;stroke-linejoin:round}.network .url-bar.is-secure .url-lock{display:inline}.network .url-bar.is-secure .url-globe{display:none}.overview{display:flex;flex-direction:column}.back-btn{display:inline-flex;align-items:center;gap:6px;height:26px;padding-block:0;padding-inline:7px 9px;border:1px solid var(--k-line-b5c8e7);border-radius:2px;font-size:12px;font-weight:800;letter-spacing:.05em;color:var(--k-text-0b2b86)}.back-btn:hover{background:var(--k-fill-f3f6fd)}.overview-body{flex:1;min-height:0;padding-block:11px 4px;padding-inline:19px 10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent}.overview-name{display:flex;justify-content:space-between;align-items:center}.overview-name h3{font-size:35px;line-height:40px;font-weight:800;letter-spacing:.06em;color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:10px;height:27px;padding-block:0;padding-inline:13px 12px;margin-top:-2px;background:var(--k-fill-d8f5e8);border-radius:2px;font-size:13.5px;font-weight:600;letter-spacing:.06em;color:var(--k-text-0f9a62)}.badge i{width:13px;height:13px;border-radius:50%;background:var(--k-fill-0aa86b)}.overview-full{margin-top:2px;font-size:16px;line-height:20px;font-weight:500;color:var(--k-text-2a4c9e);letter-spacing:.025em}.overview-desc{margin-top:12px;font-size:13.1px;line-height:21.5px;font-weight:500;color:var(--k-text-4a66a4);padding-inline-end:0}.facts{margin-top:8px;margin-inline-end:0;margin-inline-start:-4px}.overview-stage{flex:1;min-height:0;display:flex;flex-direction:column}.explain-label{font-size:12px;line-height:14px;font-weight:800;letter-spacing:.07em;color:var(--active)}.explain.is-done .explain-label{color:var(--k-text-0a9a62)}.explain-title{margin-top:4px;font-size:25px;line-height:30px;font-weight:800;letter-spacing:.06em;color:var(--ink)}.explain-sub{margin-top:1px;font-size:15px;line-height:20px;font-weight:500;color:var(--k-text-2a4c9e);letter-spacing:.02em}.explain-text{margin-top:6px;font-size:13.1px;line-height:19.5px;font-weight:500;color:var(--k-text-4a66a4)}.explain-packet{overflow:hidden;opacity:0;transition:opacity .3s}.explain-packet:not(.is-open){height:0}.explain-packet.is-open{opacity:1}.explain-packet-clip{overflow:hidden}.explain-packet-card{margin-block:8px 0;margin-inline:0 4px;padding-block:8px;padding-inline:11px 12px;border:1px solid var(--k-line-dbe4f5);border-inline-start:3px solid var(--packet);border-radius:2px;background:var(--k-fill-f8faff);overflow:hidden;transition:border-inline-start-color .4s}.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{margin-inline-end:5px;vertical-align:-1px}.explain-packet-head{display:flex;align-items:center;gap:10px}.explain-packet-head b{flex:none;white-space:nowrap;transition:background-color .4s,color .4s;padding:0 8px;border-radius:2px;background:var(--packet);font-size:12px;line-height:21px;font-weight:800;letter-spacing:.06em;color:var(--k-text-ffffff)}.explain-packet[data-color=amber] b{color:var(--k-on-amber)}.explain-packet-head span{font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--k-text-33509a)}.explain-payload{margin-top:8px;font-size:12.5px;line-height:18px;font-weight:600;color:var(--k-text-1d3e9a);white-space:pre}.explain-meta{margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:.05em;color:var(--k-text-6982b8)}.explain-facts{margin-top:6px}.explain-facts>div{min-height:28px}.facts{display:grid;grid-template-columns:minmax(115px,min-content) minmax(0,1fr);column-gap:8px}.facts>div{grid-column:1 / -1;display:grid;grid-template-columns:subgrid;align-items:center;min-height:34px;border-top:1px solid var(--line-soft)}.facts>div:last-child{border-bottom:1px solid var(--line-soft)}.facts dt{padding-block:3px;padding-inline:7px 0;font-size:13px;line-height:15px;font-weight:800;color:var(--k-text-102a86);letter-spacing:.03em}.facts dd{padding:3px 0;font-size:12.8px;line-height:16px;font-weight:500;color:var(--k-text-3a59a3)}.packets .panel-head.bar{padding-inline-end:4px}.packet-legend{display:flex;align-items:center;gap:14px;flex:1;min-width:0;margin-block:0;margin-inline:22px 12px;overflow:hidden;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--k-text-3a59a3)}.packet-legend{flex-wrap:wrap;height:18px;row-gap:24px}.legend-item{display:inline-flex;align-items:center;gap:6px;height:18px}.legend-dot.step-badge{width:10px;height:10px;flex:none}.legend-note{padding-inline-start:14px;border-inline-start:1px solid var(--k-line-c9d6ec);font-weight:500;font-style:italic;color:var(--k-text-6d80a8)}.packet-actions{display:flex;align-items:center;gap:5px}.packet-actions .speed{margin-inline-end:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:89px;padding:0 6px;height:32px;border:1px solid var(--k-line-b5c8e7);border-radius:2px;font-size:13.5px;font-weight:800;letter-spacing:.05em;color:var(--k-text-0b2b86)}.btn.primary{min-width:98px;background:var(--k-fill-003ca8);border-color:var(--k-line-003ca8);color:var(--k-text-ffffff)}.btn{transition:opacity .25s,background-color .2s}.btn:disabled{opacity:.45;cursor:default}.toggle-icon{display:inline-grid;place-items:center;width:16px;height:16px}.toggle-icon svg{grid-area:1 / 1;transition:rotate .4s var(--ease-out),scale .4s var(--ease-out),opacity .25s}.icon-playpause path{fill:currentColor;stroke:currentColor;stroke-width:1.2;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{display:inline-block;min-width:4.3em;text-align:start}.btn:last-child{min-width:86px}.btn[data-action=step]{min-width:74px}.btn.speed{min-width:54px;padding:0}.speed-label{display:inline-block;min-width:2.6em;text-align:center}.btn.icon{min-width:34px;width:34px;padding:0;gap:0}.packets{display:flex;flex-direction:column}.packet-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent}.packet-table{width:calc(100% - 26px);margin-block:0;margin-inline:13px 0;border-collapse:collapse;table-layout:fixed;font-size:14px}.packet-table th{height:22px;text-align:start;font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--k-text-23458f);padding-inline-start:14px;position:sticky;top:0;z-index:1;background:var(--panel);box-shadow:inset 0 -1px 0 var(--line-soft)}.packet-table td{height:25.2px;padding-block:0;padding-inline:14px 0;transition:background-color .4s,box-shadow .4s;font-weight:500;color:var(--k-text-2f4d8e);border-bottom:1px solid var(--k-line-eef2f8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;padding-inline-start:15px;font-weight:500;color:var(--k-text-8aa0cc);letter-spacing:.03em}.packet-table tr.is-lost td{color:var(--k-text-95a6c9)}.lost-chip{margin-inline-start:9px;padding:0 5px;border:1px solid var(--k-line-c9d4ea);border-radius:2px;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:var(--k-text-6d80a8)}.packet-table tr.is-current td:first-child{box-shadow:inset 3px 0 0 var(--k-line-0b3aa8)}.step-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--k-text-ffffff);font-size:12.5px;font-weight:700;vertical-align:middle}.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{animation-duration:.001ms!important;transition-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.2}.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{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:var(--panel);--c: var(--k-accent-5d6f95)}.inspector[hidden]{display:none}.ins-head{display:flex;align-items:center;gap:12px;flex:none;height:52px;padding-block:0;padding-inline:16px 12px;border-bottom:1px solid var(--k-line-dfe7f4)}.ins-badge.step-badge{width:28px;height:28px;font-size:13px;flex:none}.ins-title{display:flex;flex-direction:column;min-width:0;flex:1}.ins-title b{font-size:15px;line-height:19px;font-weight:800;letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-title span{font-size:12px;line-height:16px;font-weight:600;color:var(--k-text-4d67a2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-nav{display:flex;gap:4px}.ins-nav button{width:30px;height:30px;border:1px solid var(--k-line-c9d6ec);border-radius:2px;font-size:16px;font-weight:700;color:var(--k-text-0b2b86);line-height:1}.ins-nav button:hover{background:var(--k-fill-f1f5fd)}.ins-where{flex:none;padding:7px 16px 0;font-size:11.5px;font-weight:600;letter-spacing:.03em;color:var(--k-text-6982b8)}.ins-bar{flex:none;display:flex;gap:2px;margin:8px 16px 0}.ins-seg{display:flex;flex-direction:column;min-width:0;cursor:pointer}.ins-seg:before{content:"";height:8px;border-radius:1.5px;background:var(--c);opacity:.85}.ins-seg b{margin-top:4px;font-size:10.5px;font-weight:800;letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-seg i{font-style:normal;font-size:10.5px;font-weight:600;color:var(--k-text-6982b8)}.ins-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr 398px;margin-top:8px;border-top:1px solid var(--k-line-dfe7f4)}.ins-tree,.ins-hex{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--k-line-c3d2ec) transparent}.ins-tree{padding-block:4px 16px;padding-inline:16px 12px}.ins-hex{padding-block:8px 16px;padding-inline:14px 12px;border-inline-start:1px solid var(--k-line-dfe7f4);background:var(--k-fill-fbfcff)}.ins-foot{flex:none;display:flex;gap:22px;padding:7px 16px;border-top:1px solid var(--k-line-dfe7f4);font-size:11px;font-weight:500;color:var(--k-text-6982b8)}.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{display:flex;align-items:baseline;gap:10px;margin:0 0 3px;padding-block:5px;padding-inline:9px 0;border-inline-start:3px solid var(--c);background:linear-gradient(90deg,color-mix(in srgb,var(--c) 9%,transparent),transparent 80%)}.ins-layer h4 span{font-size:12.5px;font-weight:800;letter-spacing:.05em;color:var(--ink-strong);white-space:nowrap}.ins-layer h4 em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--k-text-4d67a2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ins-field{display:grid;grid-template-columns:138px 1fr;column-gap:10px;padding-block:3px;padding-inline:12px 4px;border-radius:2px}.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{font-size:12px;line-height:17px;font-weight:700;color:var(--k-text-102a86)}.ins-value{font-size:12px;line-height:17px;font-weight:500;color:var(--k-text-3a59a3);overflow-wrap:anywhere}.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{grid-column:2;margin:1px 0 2px;font-size:11px;line-height:15px;font-weight:500;color:var(--k-text-7c90bb)}.eg{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;color:var(--k-text-a07a12);background:var(--k-fill-fdf4dc);padding:0 4px;border-radius:2px;margin-inline-start:4px;vertical-align:1px}.hx-head{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--k-text-23458f);margin-bottom:6px}.hx-head span{margin-inline-start:6px;font-weight:600;letter-spacing:.03em;color:var(--k-text-8a9cc4)}.hx-row{display:flex;gap:10px;font-size:11px;line-height:17px;white-space:nowrap}.hx-at{color:var(--k-text-a7b3cb);font-weight:600}.hx-bytes{display:grid;grid-template-columns:repeat(16,15px)}.hx{text-align:center;color:color-mix(in srgb,var(--c) 78%,var(--k-text-0b2b86));font-weight:600;border-radius:2px}.hx.is-unknown,.as.is-unknown{color:var(--k-text-c3cde3)}.hx-text{display:grid;grid-template-columns:repeat(16,6px);color:var(--k-text-4d67a2)}.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{width:auto;flex:0 1 262px;min-width:150px}:root[data-layout=medium] .now-dots{display:none}:root[data-layout=medium] .learning{width:auto;min-width:176px;flex:none}: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{font-size:11.5px;letter-spacing:.12em}:root[data-layout=medium] .sidebar .panel-title{font-size:21px;letter-spacing:.07em}:root[data-layout=medium] .tab{gap:5px;padding:0 4px;font-size:12px;letter-spacing:.02em}: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{font-size:19px;letter-spacing:.05em}@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:nth-child(1){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]{min-width:34px;width:34px;padding:0;gap: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;grid-template-rows:auto auto;padding:0 max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left))}.is-stacked .topbar{flex-wrap:wrap;row-gap:12px;padding:12px 0 14px}.is-stacked .topbar:after{content:"";order:5;flex-basis:100%;height:1px;background:var(--line-soft)}.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{order:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:40px;padding-block:0;padding-inline:12px 13px;margin-inline-end:20px;border:1px solid var(--k-line-b5c8e7);border-radius:2px;font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--k-text-0b2b86);transition:background-color .2s}.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{order:6;flex:1 1 250px;width:auto;min-width:0;overflow:hidden}.is-stacked .now-title,.is-stacked .now-step{overflow:hidden;text-overflow:ellipsis}.is-stacked .osi{order:7;flex:none;margin-inline-start:28px}.is-stacked .learning{order:8;flex:none;margin-inline-start:28px}.is-stacked .workspace{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:clamp(400px,calc(100vh - 440px),680px) 300px}.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{position:fixed;z-index:50;top:0;bottom:0;inset-inline-start:0;width:min(440px,90%);padding-top:max(12px,env(safe-area-inset-top));border-block-width:0 0;border-inline-width:0 1px;border-radius:0;box-shadow:10px 0 40px color-mix(in srgb,var(--k-shadow-8d9ab3) 30%,transparent);transform:translate(-104%);visibility:hidden;transition:transform .32s var(--ease-in),visibility 0s linear .32s}.is-stacked .shell.is-drawer-open .sidebar{transform:none;visibility:visible;transition:transform .46s var(--ease-out),visibility 0s}[dir=rtl].is-stacked .workspace>.sidebar{transform:translate(104%);box-shadow:-10px 0 40px color-mix(in srgb,var(--k-shadow-8d9ab3) 30%,transparent)}[dir=rtl].is-stacked .shell.is-drawer-open .sidebar{transform:none}.is-stacked .sidebar .more{display:none}.is-stacked .drawer-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--k-line-b5c8e7);border-radius:2px;color:var(--k-text-0b2b86)}.is-stacked .drawer-close:hover{background:var(--k-fill-f3f6fd)}.is-stacked .scrim{display:block;position:fixed;inset:0;z-index:45;background:color-mix(in srgb,var(--k-shadow-8d9ab3) 42%,transparent);opacity:0;pointer-events:none;transition:opacity .32s}.is-stacked .shell.is-drawer-open .scrim{opacity:1;pointer-events:auto}.is-stacked .inspector{position:fixed;inset:0;z-index:60}.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-columns:minmax(0,1fr);grid-template-rows:none;row-gap:12px}.is-single .simulation{height:clamp(300px,78vw,560px)}.is-single .overview{min-height:330px}.is-single .overview-body{overflow:visible;padding-bottom:14px}.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{height:auto;flex-wrap:wrap;row-gap:8px;padding-block:9px 10px;padding-inline:17px 14px}.is-single .packet-legend{order:2;flex:1 1 100%;flex-wrap:wrap;height:auto;row-gap:4px;margin:0;overflow:visible;white-space:normal}.is-single .packet-scroll{flex:none;overflow-x:auto;overflow-y:hidden}.is-single .packet-table{min-width:820px}.is-single .packet-actions{position:fixed;z-index:40;left:0;right:0;bottom:0;display:grid;grid-template-columns:50px 44px minmax(96px,240px) 64px 44px;justify-content:center;gap:6px;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)}.is-single .packet-actions .btn{width:auto;min-width:0;height:42px}.is-single .packet-actions .toggle{container-type:inline-size;padding:0 8px}.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{flex-direction:column;gap:3px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}:root[data-layout=narrow] .osi{display:none}.is-single .brand-text p{display:none}.is-single .drawer-btn{width:40px;padding:0;margin-inline-end:14px}.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{font-size:16px;line-height:20px;letter-spacing:.05em}: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-end:12px;padding-inline-start:12px}:root[data-layout=phone] .sidebar .panel-title{font-size:21px;letter-spacing:.07em}:root[data-layout=phone] .tab{gap:4px;padding:0 3px;font-size:11.5px;letter-spacing:.01em}: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),::view-transition-new(root){animation:none;mix-blend-mode:normal}