@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Roboto:wght@400;700&display=swap";.navbar[data-v-3a3b3cad]{display:flex;align-items:center;justify-content:flex-start;background:transparent;color:inherit;padding:.75rem 0;margin-bottom:2rem;position:relative}.logo[data-v-3a3b3cad]{font-weight:700;font-size:1.5rem;letter-spacing:2px;margin-right:2.2rem}.hamburger[data-v-3a3b3cad]{display:flex;flex-direction:column;justify-content:center;gap:.3rem;background:none;border:none;cursor:pointer;width:2.2rem;height:2.2rem;padding:0;z-index:20}.hamburger span[data-v-3a3b3cad]{display:block;width:2rem;height:3px;background:var(--accent);border-radius:2px;transition:all .3s}.hamburger span.open[data-v-3a3b3cad]:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger span.open[data-v-3a3b3cad]:nth-child(2){opacity:0}.hamburger span.open[data-v-3a3b3cad]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links[data-v-3a3b3cad]{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0;align-items:center;transition:max-height .3s,opacity .3s}.nav-links li[data-v-3a3b3cad]{font-size:1rem}.nav-links a[data-v-3a3b3cad]{color:inherit;text-decoration:none;transition:color var(--transition);font-weight:500}.nav-links a.router-link-exact-active[data-v-3a3b3cad]{font-weight:700;border-bottom:2px solid var(--accent)}.nav-links a[data-v-3a3b3cad]:hover{color:var(--accent)}@media (max-width: 900px){.navbar[data-v-3a3b3cad]{margin-bottom:1rem;padding:.5rem 0}.logo[data-v-3a3b3cad]{font-size:1.3rem;margin-right:1.5rem}.hamburger[data-v-3a3b3cad]{width:2rem;height:2rem}.hamburger span[data-v-3a3b3cad]{width:1.8rem}.nav-links[data-v-3a3b3cad]{position:absolute;top:100%;left:0;right:0;background:var(--main-bg);color:var(--text);flex-direction:column;gap:1.2rem;max-height:0;opacity:0;overflow:hidden;box-shadow:0 2px 8px #0000000a;border-radius:0 0 .5rem .5rem;z-index:10}.nav-links.open[data-v-3a3b3cad]{max-height:500px;opacity:1;padding:1.2rem 0}.nav-links li[data-v-3a3b3cad]{font-size:1rem}}@media (max-width: 600px){.navbar[data-v-3a3b3cad]{margin-bottom:.8rem;padding:.4rem 0}.logo[data-v-3a3b3cad]{font-size:1.2rem;margin-right:1rem}.hamburger[data-v-3a3b3cad]{width:1.8rem;height:1.8rem}.hamburger span[data-v-3a3b3cad]{width:1.6rem;height:2.5px}.nav-links[data-v-3a3b3cad]{border-radius:0 0 .3rem .3rem}.nav-links.open[data-v-3a3b3cad]{padding:1rem 0;gap:1rem}.nav-links li[data-v-3a3b3cad]{font-size:.95rem}}@media (max-width: 400px){.navbar[data-v-3a3b3cad]{margin-bottom:.6rem;padding:.3rem 0}.logo[data-v-3a3b3cad]{font-size:1.1rem;margin-right:.8rem;letter-spacing:1.5px}.hamburger[data-v-3a3b3cad]{width:1.6rem;height:1.6rem}.hamburger span[data-v-3a3b3cad]{width:1.4rem;height:2px}.nav-links[data-v-3a3b3cad]{border-radius:0;left:-.3rem;right:-.3rem}.nav-links.open[data-v-3a3b3cad]{padding:.8rem 0;gap:.8rem}.nav-links li[data-v-3a3b3cad]{font-size:.9rem}}[data-v-3a3b3cad] .devto-bg.night .nav-links{background:#23272f;color:var(--text-dark)}[data-v-3a3b3cad] .devto-bg.night .nav-links a{color:var(--text-dark)}[data-v-3a3b3cad] .devto-bg.night .nav-links a.router-link-exact-active{border-bottom:2px solid var(--accent-dark)}[data-v-3a3b3cad] .devto-bg.night .hamburger span{background:var(--accent-dark)}.footer[data-v-00b52fe6]{background:var(--primary-blue);color:#fff;text-align:center;padding:1rem 0;border-radius:var(--border-radius);margin-top:2rem;font-size:1rem}.theme-toggle-wrapper[data-v-2ab7cae1]{display:flex;align-items:center;gap:.7rem}.theme-label[data-v-2ab7cae1]{font-size:1rem;font-weight:500;color:#222;margin-right:.2rem;-webkit-user-select:none;user-select:none;transition:color .2s}.theme-label.night-mode[data-v-2ab7cae1]{color:#fff!important}.theme-switch[data-v-2ab7cae1]{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.theme-switch input[data-v-2ab7cae1]{opacity:0;width:0;height:0}.slider[data-v-2ab7cae1]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:26px;box-shadow:0 2px 8px #00000014}.slider[data-v-2ab7cae1]:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider[data-v-2ab7cae1]{background-color:var(--accent)}input:checked+.slider[data-v-2ab7cae1]:before{transform:translate(24px)}[data-v-2ab7cae1] .app-bg.night input:checked+.slider{background-color:var(--accent-dark)}.theme-switch:hover .slider[data-v-2ab7cae1]{box-shadow:0 2px 12px #00000026}.lang-nav[data-v-5adca2d1]{display:flex;align-items:center}.lang-links[data-v-5adca2d1]{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;align-items:center}.lang-links li[data-v-5adca2d1]{font-size:1rem}.lang-links button[data-v-5adca2d1]{background:none;color:inherit;border:none;font:inherit;font-weight:500;cursor:pointer;padding:0;border-bottom:2px solid transparent;transition:color var(--transition),border-bottom var(--transition)}.lang-links button.active[data-v-5adca2d1]{font-weight:700;border-bottom:2px solid var(--accent)}.lang-links button[data-v-5adca2d1]:hover{color:var(--accent)}[data-v-5adca2d1] .devto-bg.night .lang-links button.active{border-bottom:2px solid var(--accent-dark)}[data-v-5adca2d1] .devto-bg.night .lang-links button:hover{color:var(--accent-dark)}.datetime[data-v-cb730705]{font-size:1rem;font-weight:500;color:inherit;font-family:inherit;margin:0;padding:0 .5rem;letter-spacing:.01em;display:flex;align-items:center}:root{--header-bg: #171717;--header-text: #fff;--main-bg: #fff;--main-bg-dark: #181a1b;--border: #e5e5e5;--border-dark: #232526;--section-bg: #f6f6f6;--section-bg-dark: #232526;--text: #222;--text-dark: #f7f7f7;--accent: #2d8cff;--accent-dark: #7ab8ff;--input-bg: #fff;--input-bg-dark: #232526;--input-border: #ccc;--input-border-dark: #444;--input-text: #222;--input-text-dark: #f7f7f7}body{font-family:system-ui,Segoe UI,Roboto,Open Sans,Arial,sans-serif;margin:0;background:var(--section-bg)}#app{min-height:100vh;display:flex;flex-direction:column}.devto-bg{background:var(--section-bg);min-height:100vh}.devto-bg.night{background:var(--section-bg-dark)}.devto-main-card{background:var(--main-bg);border:1px solid var(--border);max-width:1100px;margin:2rem auto 1.5rem;padding:2rem 2rem 1rem;flex:1;display:flex;flex-direction:column;min-height:80vh;color:var(--text);border-radius:0;box-shadow:none;transition:background .2s,color .2s}.devto-bg.night .devto-main-card{background:var(--main-bg-dark);color:var(--text-dark);border:1px solid var(--border-dark)}.main-controls{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:1.2rem}main{flex:1;padding:2rem 0 0;max-width:1200px;margin:0 auto;width:100%;position:relative}.nav-arrow{position:fixed;top:50%;z-index:100;background:var(--accent);color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;cursor:pointer;transform:translateY(-50%);opacity:.85;transition:background .2s,color .2s}.nav-arrow.left{left:1rem}.nav-arrow.right{right:1rem}.nav-arrow:active,.nav-arrow:focus{background:var(--accent-dark);color:#222}.devto-bg.night input,.devto-bg.night textarea,.devto-bg.night select{background:var(--input-bg-dark)!important;color:var(--input-text-dark)!important;border:1px solid var(--input-border-dark)!important}.devto-bg.night input::placeholder,.devto-bg.night textarea::placeholder{color:#b0b0b0!important;opacity:1}input,textarea,select{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border);transition:background .2s,color .2s,border .2s}@media (max-width: 900px){.devto-main-card{padding:1rem .8rem .5rem;margin:1rem auto;max-width:calc(100% - 1rem)}.main-controls{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;margin-bottom:1rem}main{padding:1.5rem 0 0}.nav-arrow{width:2.2rem;height:2.2rem;font-size:1.2rem}}@media (max-width: 600px){.devto-main-card{margin:.5rem auto;padding:.8rem .5rem .3rem;max-width:calc(100% - .5rem);min-height:calc(100vh - 1rem);border-radius:.3rem}.main-controls{flex-direction:column;gap:.6rem;margin-bottom:.8rem}main{padding:1rem 0 0}.nav-arrow{width:2rem;height:2rem;font-size:1.1rem}}@media (max-width: 400px){.devto-main-card{margin:0;padding:.6rem .3rem .2rem;max-width:100%;min-height:100vh;border-radius:0;border-left:none;border-right:none}.main-controls{flex-direction:column;gap:.5rem;margin-bottom:.6rem}main{padding:.8rem 0 0}.nav-arrow{width:1.8rem;height:1.8rem;font-size:1rem}.nav-arrow.left{left:.5rem}.nav-arrow.right{right:.5rem}}:root{--primary-blue: #0077B6;--secondary-blue: #90e0ef;--background: #fff;--text: #222;--border-radius: 8px;--transition: .2s all}body{font-family:Roboto,Open Sans,Arial,sans-serif;background:var(--background);color:var(--text);margin:0}