@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap";:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes chapter-highlight-overlay{0%{opacity:0;scale:1}15%{opacity:.6;scale:1.02}85%{opacity:.6;scale:1.02}to{opacity:0;scale:1}}@keyframes timestamp-reset-shake{0%,to{translate:0}10%,30%,50%,70%,90%{translate:-2px}20%,40%,60%,80%{translate:2px}}@keyframes timestamp-reset-flash{0%{background-color:#0000}25%{background-color:#ef44441a}75%{background-color:#ef44441a}to{background-color:#0000}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}@layer js-classes{.hide{display:none!important}.screen-readers-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen-reader-focusable:is(:active,:hover){clip:auto;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}.no-pointer-events{pointer-events:none}.square{--_size:24px;width:var(--_size);height:var(--_size);display:block}.timestamp-input--reset{animation-name:timestamp-reset-shake,timestamp-reset-flash;animation-duration:.5s,.6s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:1;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto;display:flex}}@layer normalization{@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#root{min-height:100svh;color:var(--color-primary);background-color:var(--bg-primary);grid-template-rows:[header-start]auto[header-end main-start]1fr[main-end footer-start]auto[footer-end];grid-auto-rows:0%;display:grid}:-webkit-any(input,textarea,select):-webkit-any(:-moz-autofill,:-webkit-autofill,:autofill):-webkit-any(:focus,:not(:focus)){box-shadow:0 0 0px 100vmax var(--bg-primary) inset;-webkit-text-fill-color:var(--color-primary);caret-color:var(--color-primary)!important}:is(input,textarea,select):is(:-moz-autofill,:autofill,:autofill):is(:focus,:not(:focus)){box-shadow:0 0 0px 100vmax var(--bg-primary) inset;-webkit-text-fill-color:var(--color-primary);caret-color:var(--color-primary)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::-moz-selection{background-color:var(--bg-primary);color:var(--color-primary)}::selection{background-color:var(--color-primary);color:var(--bg-primary)}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scrollbar-gutter:stable;touch-action:manipulation;scroll-padding-top:50%}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:has(:modal){overflow:hidden}html:has(:modal) .header{opacity:0}body{interpolate-size:allow-keywords;flex-direction:column;min-height:100svh;transition:background-color .35s ease-in-out,filter .35s ease-in-out,color .35s ease-in-out;display:flex;overflow-x:hidden}:is(ul,ol,menu){list-style-type:none}button{color:var(--color-primary);background-color:#0000;border-color:#0000;grid-template-areas:"stack";justify-items:stretch;font-family:inherit;display:grid}button>*{grid-area:stack}button:hover{cursor:pointer}button:hover:disabled{cursor:not-allowed}input{border-color:#0000;font-family:inherit}input:focus{border-color:#0000;outline:#0000}textarea{border-color:#0000;font-family:inherit}textarea:focus{border-color:#0000;outline:#0000}a{color:inherit;text-decoration:none}a:visited{color:currentColor}label:hover{cursor:pointer}fieldset{border-color:#0000}legend{position:static}dialog{z-index:0;border:#0000;margin:0;padding:0;position:fixed;inset:50%;translate:-50% -50%}select{border:#0000;font-family:inherit}select:hover{cursor:pointer}option{font-family:inherit}:empty:is(p,h1,h2,h3,h4,h5,h6,span){display:none}img,picture,svg{max-width:100%;display:block}input{--_caret-color:currentColor;caret-color:var(--_caret-color)}input[type=text]:hover{cursor:text}input[type=checkbox],input[type=radio]{--_color:initial;--_appearance:auto;--_moz-appearance:initial;accent-color:var(--_color);-webkit-appearance:var(--_appearance);appearance:var(--_appearance);-moz-appearance:var(--_moz-appearance)}input[type=button]:hover{cursor:pointer}input[type=date]{--_calendar-color:initial}input[type=date]::-webkit-calendar-picker-indicator{background-color:var(--_calendar-color)}input[type=date]:hover,input[type=datetime]:hover{cursor:text}input[type=datetime-local]{--_calendar-color:initial}input[type=datetime-local]::-webkit-calendar-picker-indicator{background-color:var(--_calendar-color)}input[type=datetime-local]:hover,input[type=email]:hover{cursor:text}input[type=month]{--_calendar-color:initial}input[type=month]::-webkit-calendar-picker-indicator{background-color:var(--_calendar-color)}input[type=month]:hover{cursor:text}input[type=week]{--_calendar-color:initial}input[type=week]::-webkit-calendar-picker-indicator{background-color:var(--_calendar-color)}input[type=week]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=time]:hover{cursor:text}input[type=time]{--_calendar-color:initial}input[type=time]::-webkit-calendar-picker-indicator{background-color:var(--_calendar-color)}input[type=url]:hover{cursor:text}input[type=submit]:hover,input[type=reset]:hover,input[type=image]:hover,input[type=hidden]:hover,input[type=file]:hover{cursor:pointer}input[type=file]{--_file-selector-display:initial;--_file-selector-width:80px;--_file-selector-height:21px}input[type=file]::file-selector-button{display:var(--_file-selector-display);height:var(--_file-selector-height);width:var(--_file-selector-width)}input[type=color]:hover{cursor:pointer}input[type=color]{--_color-swatch-display:inline-block;--_color-swatch-height:100%;--_color-swatch-border-width:0px;--_color-swatch-border-color:transparent;--_color-swatch-border-radius:0px;border-radius:var(--_color-swatch-border-radius);background-color:#0000;border:#0000;outline:2px solid;padding:0}input[type=color]::-moz-color-swatch{display:var(--_color-swatch-display);height:var(--_color-swatch-height);border:var(--_color-swatch-border-width) solid var(--_color-swatch-border-color);border-radius:var(--_color-swatch-border-radius)}input[type=color]::-webkit-color-swatch{display:var(--_color-swatch-display);height:var(--_color-swatch-height);border:var(--_color-swatch-border-width) solid var(--_color-swatch-border-color);border-radius:var(--_color-swatch-border-radius)}input[type=search]:hover{cursor:text}input[type=search]{--_reset-button-display:initial}input[type=search]::-webkit-clear-button{display:var(--_reset-button-display)}input[type=search]{--_cancel-button-display:initial}input[type=search]::-webkit-search-cancel-button{display:var(--_cancel-button-display)}input[type=search]{--_results-button-display:initial}input[type=search]::-webkit-search-results-button{display:var(--_results-button-display)}input[type=number]:hover{cursor:text}input[type=number]{--_inner-spin-appearance:auto;--_inner-spin-hover-cursor:pointer;--_outer-spin-appearance:auto;--_outer-spin-hover-cursor:pointer;--_moz-appearance:initial;-moz-appearance:var(--_moz-appearance)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:var(--_inner-spin-appearance);appearance:var(--_inner-spin-appearance)}input[type=number]::-webkit-inner-spin-button:hover{cursor:var(--_inner-spin-hover-cursor)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:var(--_outer-spin-appearance);appearance:var(--_outer-spin-appearance)}input[type=number]::-webkit-outer-spin-button:hover{cursor:var(--_outer-spin-hover-cursor)}input[type=range]:not([data-range-style=overflowing-thumb]):hover{cursor:grab}input[type=range]:not([data-range-style=overflowing-thumb]):active{cursor:grabbing}input[type=range]:not([data-range-style=overflowing-thumb]){border-radius:var(--_thumb-border-radius);--_track-width:160px;--_track-height:20px;--_track-appearance:none;--_track-bg:#e9e9ed;--_track-bg-image:none;background-color:var(--_track-bg);background-image:var(--_track-bg-image);-webkit-appearance:var(--_track-appearance);-moz-appearance:var(--_track-appearance);appearance:var(--_track-appearance);overflow:hidden}input[type=range]:not([data-range-style=overflowing-thumb])::-webkit-slider-runnable-track{background-color:var(--_track-bg);width:var(--_track-width);height:var(--_track-bg)}input[type=range]:not([data-range-style=overflowing-thumb])::-moz-range-track{background-color:var(--_track-bg);width:var(--_track-width);height:var(--_track-bg)}input[type=range]:not([data-range-style=overflowing-thumb]){--_thumb-appearance:none;--_thumb-bg:#484851;--_thumb-border-color:white;--_thumb-border-width:2px;--_thumb-border-radius:100vmax;--_thumb-width:15px;--_thumb-height:15px;--_inner-track-size:calc(var(--_track-width));--_inner-track-offset:calc(-1 * var(--_track-width) - var(--_thumb-width) / 2);--_inner-track-bg:#2374ff}input[type=range]:not([data-range-style=overflowing-thumb])::-webkit-slider-thumb{appearance:var(--_thumb-appearance);-webkit-appearance:var(--_thumb-appearance);background-color:var(--_thumb-bg);color:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-border-radius);width:var(--_thumb-width);height:var(--_thumb-height);box-shadow:var(--_inner-track-offset) 0 0 var(--_inner-track-size) var(--_inner-track-bg)}input[type=range]:not([data-range-style=overflowing-thumb])::-moz-range-thumb{background-color:var(--_thumb-bg);border:var(--_thumb-border-width) solid var(--_thumb-border-color);border-radius:var(--_thumb-border-radius);width:var(--_thumb-width);height:var(--_thumb-height);box-shadow:var(--_inner-track-offset) 0 0 var(--_inner-track-size) var(--_inner-track-bg);-moz-appearance:var(--_thumb-appearance)!important;appearance:var(--_thumb-appearance)!important}input[type=range][data-range-style=overflowing-thumb]{--_progress-bg:red;--_range-bg:#00000040;--_range-height:5px;--_input-interaction-zone-height:35px;--_progress-border-radius:100vmax;--_webkit-progression-width:50%;--_thumb-size:15px;--_thumb-border-radius:50%;--_thumb-bg:var(--_progress-bg);border-radius:var(--_progress-border-radius);height:var(--_input-interaction-zone-height);appearance:none;background:0 0;align-items:center;display:flex}input[type=range][data-range-style=overflowing-thumb]:hover{cursor:grab}input[type=range][data-range-style=overflowing-thumb]:active{cursor:grabbing}input[type=range][data-range-style=overflowing-thumb]::-webkit-slider-thumb{appearance:none;border-radius:var(--_thumb-border-radius);background:var(--_thumb-bg);height:var(--_thumb-size);width:var(--_thumb-size);--_middle:calc(-1 * (var(--_thumb-size) - var(--_range-height)) / 2);translate:0% var(--_middle,0%);border:none}input[type=range][data-range-style=overflowing-thumb]::-webkit-slider-runnable-track{border-radius:inherit;height:var(--_range-height);background-image:linear-gradient(90deg, var(--_progress-bg) var(--_webkit-progression-width), var(--_range-bg) var(--_webkit-progression-width))}input[type=range][data-range-style=overflowing-thumb]::-webkit-slider-container{border-radius:inherit;height:var(--_range-height)}input[type=range][data-range-style=overflowing-thumb]::-moz-range-thumb{background-color:var(--_progress-bg);height:var(--_thumb-size);width:var(--_thumb-size);border-radius:var(--_thumb-border-radius);border:none}input[type=range][data-range-style=overflowing-thumb]::-moz-range-progress{background-color:var(--_progress-bg);border-radius:inherit;height:var(--_range-height)}input[type=range][data-range-style=overflowing-thumb]::-moz-range-track{height:var(--_range-height);border-radius:inherit;background-color:var(--_range-bg)}}@layer typograhy{body{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}}@layer scrollbar{*{--_scrollbar-bg:transparent;--_scrollbar-track-bg:var(--scrollbar-track);--_scrollbar-border-radius:100vmax;--_scrollbar-width:5px;--_scrollbar-height:auto;--_scrollbar-moz-width:thin;--_scrollbar-margin-block:0px;--_scrollbar-margin-inline:0px;--_scrollbar-thumb-border:2px solid var(--scrollbar-track);--_scrollbar-thumb-border-radius:var(--_scrollbar-border-radius);--_scrollbar-thumb-bg:currentColor;--_scrollbar-thumb-bg-hover:currentColor;--_scrollbar-thumb-bg-active:currentColor;--_scrollbar-thumb-bg-clip:border-box}::-webkit-scrollbar{background:var(--_scrollbar-bg)}::-webkit-scrollbar:horizontal{height:var(--_scrollbar-height)}::-webkit-scrollbar:vertical{width:var(--_scrollbar-width)}::-webkit-scrollbar-track:horizontal{margin-inline:var(--_scrollbar-margin-inline)}::-webkit-scrollbar-track:vertical{margin-block:var(--_scrollbar-margin-block)}::-webkit-scrollbar-track{background:var(--_scrollbar-track-bg);border-radius:var(--_scrollbar-border-radius)}::-webkit-scrollbar-thumb{background:var(--_scrollbar-thumb-bg);border:var(--_scrollbar-thumb-border);border-radius:var(--_scrollbar-thumb-border-radius);background-clip:var(--_scrollbar-thumb-bg-clip)}::-webkit-scrollbar-thumb:hover{background:var(--_scrollbar-thumb-bg-hover)}::-webkit-scrollbar-thumb:active{background:var(--_scrollbar-thumb-bg-active)}::-webkit-scrollbar-corner{background-color:#0000;border-top:none;border-left:none}@supports (scrollbar-color:black white) and (appearance:none){*{--_scrollbar-bg:#00000026;--_scrollbar-thumb-bg:blue;--_scrollbar-thumb-bg-hover:var(--bg-secondary);--_scrollbar-thumb-bg-active:var(--bg-secondary);scrollbar-width:var(--_scrollbar-moz-width);scrollbar-color:var(--_scrollbar-thumb-bg) var(--_scrollbar-track-bg)}}}.app-layout{background:var(--bg-primary);grid-template-columns:auto 1fr;min-height:100svh;display:grid;overflow:hidden}@media screen and (width<=768px){.app-layout{grid-template-columns:1fr}}.app-content{scrollbar-gutter:stable;flex-direction:column;max-height:100svh;display:flex;position:relative;overflow:hidden auto}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.app-header h1{margin:0;font-size:1.5rem;font-weight:600}.app-header .theme-switcher{max-width:200px}main{flex:1;min-height:0}.index{grid-row:main}@view-transition{navigation:auto}:root.dark{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-hover:#2a2a2a;--bg-active:#333;--color-primary:#cdcdcd;--color-primary--hover:#bfbfbf;--color-primary--active:#a3a3a3;--color-secondary:#848484;--editor-bg-color:#181818;--editor-pieces-bg-color:#454442;--semi-transparent-bg:#000000b3;--border-color:#242424;--scrollbar-track-bg-color:black;--scrollbar-thumb-bg-color:#ababab;--scrollbar-thumb-bg-color--hover:#8a8a8a;--scrollbar-thumb-bg-color--active:#4f4f4f}:root.dark ::backdrop{--backdrop-bg-color:#00000080;--scrollbar-track-bg-color:black;--scrollbar-thumb-bg-color:#ababab;--scrollbar-thumb-bg-color--hover:#8a8a8a;--scrollbar-thumb-bg-color--active:#4f4f4f}:root.light{--bg-primary:white;--bg-secondary:#f9f9f9;--bg-hover:#f0f0f0;--bg-active:#e8e8e8;--color-primary:#323232;--color-primary--hover:#3c3c3c;--color-primary--active:#474747;--color-secondary:#757575;--semi-transparent-bg:#ffffffb3;--border-color:#dbdbdb;--scrollbar-track-bg-color:white;--scrollbar-thumb-bg-color:#545454;--scrollbar-thumb-bg-color--hover:#757575;--scrollbar-thumb-bg-color--active:#b0b0b0;--timeline-space:100px}:root.light ::backdrop{--backdrop-bg-color:#ffffff80;--scrollbar-track-bg-color:white;--scrollbar-thumb-bg-color:#545454;--scrollbar-thumb-bg-color--hover:#757575;--scrollbar-thumb-bg-color--active:#b0b0b0}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.header{grid-row:header;padding:20px}.header__title{text-align:center}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.theme-toggle{--_size:32px;--_padding:3px;--_index:0;padding:var(--_padding);border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:100vmax;display:inline-flex;position:relative}.theme-toggle:before{content:"";top:var(--_padding);bottom:var(--_padding);left:var(--_padding);width:var(--_size);background:var(--bg-active);translate:calc(var(--_index) * 100%) 0;border-radius:100vmax;transition:translate .2s;position:absolute}.theme-toggle:has(.theme-toggle__option:first-of-type .theme-toggle__input:checked){--_index:0}.theme-toggle:has(.theme-toggle__option:nth-of-type(2) .theme-toggle__input:checked){--_index:1}.theme-toggle:has(.theme-toggle__option:nth-of-type(3) .theme-toggle__input:checked){--_index:2}.theme-toggle__option{width:var(--_size);height:var(--_size);color:var(--color-secondary);cursor:pointer;border-radius:100vmax;flex-direction:row;justify-content:center;align-items:center;gap:0;transition:color .15s;display:flex;position:relative}.theme-toggle__option:hover{color:var(--color-primary)}.theme-toggle__option:has(.theme-toggle__input:checked){color:var(--color-primary)}.theme-toggle__option:has(.theme-toggle__input:focus-visible){outline:2px solid var(--color-blue-500);outline-offset:2px}.theme-toggle__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.theme-toggle__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:18px;height:18px}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.footer{grid-row:footer;justify-content:space-between;align-items:center;padding:10px;display:flex}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.three-scene{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.loading-spinner{z-index:1000;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loading-spinner__backdrop{background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.loading-spinner__icon{z-index:1;color:#fff;filter:drop-shadow(0 0 10px #ffffff4d);position:relative}:root{--bg-active:#81818126;--color-black-100:#0d0d0e;--color-black-90:#0d0d0ee6;--color-black-80:#0d0d0ecc;--color-black-70:#0d0d0eb3;--color-black-60:#0d0d0e99;--color-black-50:#0d0d0e80;--color-black-40:#0d0d0e66;--color-black-30:#0d0d0e4d;--color-black-20:#0d0d0e33;--color-black-10:#0d0d0e1a;--color-white-100:#fff;--color-white-90:#ffffffe6;--color-white-80:#fffc;--color-white-70:#ffffffb3;--color-white-60:#fff9;--color-white-50:#ffffff80;--color-white-40:#fff6;--color-white-30:#ffffff4d;--color-white-20:#fff3;--color-white-10:#ffffff1a;--color-grey-900:#1c1f20;--color-grey-800:#22292b;--color-grey-700:#374343;--color-grey-600:#515d5d;--color-grey-500:#6e7e7e;--color-grey-400:#9fadad;--color-grey-300:#d4d9d9;--color-grey-200:#e5eaea;--color-grey-100:#f3f6f6;--color-grey-50:#f9fbfb;--color-red-900:#522b33;--color-red-800:#622632;--color-red-700:#9d213b;--color-red-600:#bc1f40;--color-red-500:#d41f45;--color-red-400:#e13559;--color-red-300:#e76c86;--color-red-200:#f292a6;--color-red-100:#f9cad4;--color-red-50:#fdf0f3;--color-green-900:#1c4d27;--color-green-800:#256533;--color-green-700:#308242;--color-green-600:#3da755;--color-green-500:#43b75d;--color-green-400:#69c57d;--color-green-300:#81cf92;--color-green-200:#a9deb4;--color-green-100:#c5e9cd;--color-green-50:#ecf8ef;--color-yellow-900:#6b4700;--color-yellow-800:#8c5e00;--color-yellow-700:#b57900;--color-yellow-600:#e89b00;--color-yellow-500:#fa0;--color-yellow-400:#fb3;--color-yellow-300:#ffc654;--color-yellow-200:#ffd88a;--color-yellow-100:#ffe5b0;--color-yellow-50:#fff7e6;--color-blue-900:#003f6b;--color-blue-800:#00528c;--color-blue-700:#006ab5;--color-blue-600:#0088e8;--color-blue-500:#0095ff;--color-blue-400:#3af;--color-blue-300:#54b8ff;--color-blue-200:#8aceff;--color-blue-100:#b0deff;--color-blue-50:#e6f4ff;--box-shadow-100:0px 2px 8px 0px #0d0d0e0f;--box-shadow-200:0px 4px 12px 0px #0d0d0e14;--box-shadow-300:0px 4px 16px 0px #13192714;--box-shadow-400:0px 4px 12px 0px #0d0d0e1a;--box-shadow-500:0px 4px 16px -2px #0d0d0e1f;--box-shadow-600:0px 4px 18px 0px #0d0d0e1f;--box-shadow-700:0px 6px 22px 0px #0d0d0e1f;--box-shadow-800:0px 8px 28px 0px #0d0d0e1f}.index-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex}.index-page__content{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.index-page__title{font-size:24px;font-weight:600}.index-page__description{color:var(--color-text-secondary,#666);font-size:16px}.index-page__scene-container{flex:1;width:100%;min-height:400px;position:relative;overflow:hidden}
