:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{min-width:100%;padding:0 2rem}}.container{width:100%;max-width:800px;padding:2.5rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;margin:2rem auto}.container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#6366f1,#818cf8);opacity:.8}.dark-mode .container{background:var(--container-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.title{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative;display:inline-block}.container>div{margin-bottom:2rem}.container input[type=text]{width:70%;padding:1rem 1.25rem;margin:0 .75rem;border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease;background:#ffffffe6;box-shadow:0 2px 4px #0000000d;font-size:1.1rem}.container input[type=text]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e526;transform:translateY(-2px)}.container input[type=text]::placeholder{color:#9ca3af;transition:all .3s ease}.container input[type=text]:focus::placeholder{opacity:.7;transform:translate(5px)}.container li{display:flex;align-items:center;padding:1.25rem;margin:1rem 0;background:#ffffffe6;border-radius:12px;border:1px solid var(--border-color);gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden}.container li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,#4f46e5,#6366f1);opacity:0;transition:opacity .3s ease}.container li:hover:before{opacity:1}.container li:hover{transform:translate(8px) translateY(-2px);box-shadow:0 6px 16px #0000001a}.container .primary-btn{background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8)!important;color:#fff!important;font-weight:600;padding:1rem 2.5rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none!important;box-shadow:0 4px 12px #4f46e54d;letter-spacing:.5px;font-size:1.1rem;position:relative;overflow:hidden}.container .primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.container .primary-btn:hover:before{left:100%}.container .primary-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4f46e566}.container .primary-btn:active{transform:translateY(-1px)}.container .secondary-btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)!important;color:#374151!important;font-weight:600;padding:1rem 2rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none!important;box-shadow:0 4px 12px #0000000d;letter-spacing:.5px;font-size:1.1rem}.container .secondary-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.container li input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:2px solid #4f46e5;border-radius:6px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 2px 4px #4f46e51a}.container li input[type=checkbox]:checked{background:#4f46e5;transform:scale(1.1);box-shadow:0 2px 8px #4f46e533}.container li input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:16px;top:50%;left:50%;transform:translate(-50%,-50%);animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.toggle-group{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem;padding:.5rem;background:#ffffff80;border-radius:12px;box-shadow:0 2px 4px #0000000d}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.toggle-label:hover{background:#4f46e51a}.toggle-text{color:var(--text-color);font-weight:600;font-size:1.1rem}.task-description{font-size:1.2rem;font-weight:500;transition:all .3s ease;position:relative;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.task-description.completed{text-decoration:line-through;opacity:.7;transform:translate(10px);color:#6b7280}.task-description.completed:after{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;background:linear-gradient(90deg,#4f46e5,transparent);transform:translateY(-50%);opacity:.5}.task-date{font-size:.9rem;color:#6b7280;padding:.5rem .75rem;background:#6b72801a;border-radius:6px;transition:all .3s ease;font-weight:500;width:150px;flex-shrink:0;white-space:nowrap;text-align:center}.container li .remove-btn{opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);background:#e53e3e1a!important;border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;padding:0;margin:0;border:none;cursor:pointer}.container li .remove-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#e53e3e33;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.container li .remove-btn:hover:before{width:100%;height:100%}.container li:hover .remove-btn{opacity:1;transform:scale(1.1)}.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.4,0,.2,1)}.list-enter-from{opacity:0;transform:translate(50px) scale(.9)}.list-leave-to{opacity:0;transform:translate(-50px) scale(.9)}.task-list:empty:before{content:"No tasks yet";display:block;text-align:center;padding:2rem;color:#6b7280;font-size:1.2rem;font-weight:500;background:#ffffff80;border-radius:12px;margin:1rem 0}.dark-mode .toggle-group{background:#1f293780}.dark-mode .toggle-label:hover{background:#6366f133}.dark-mode .task-list:empty:before{color:#9ca3af;background:#1f293780}.dark-mode input[type=text]{background:#1f2937cc;color:#f3f4f6;border-color:#4b5563}.dark-mode input[type=text]::placeholder{color:#9ca3af}.dark-mode .task-description{color:#f3f4f6}.dark-mode .task-date{color:#9ca3af;background:#4b55634d}.dark-mode li{background:#1f2937cc;border-color:#4b5563}.dark-mode .task-description.completed{color:#9ca3af}.dark-mode input[type=checkbox]{background:#374151;border-color:#6366f1}.dark-mode .secondary-btn{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#f3f4f6!important}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.container[data-v-6810408e]{background:var(--container-bg);min-height:calc(100vh - 4rem);display:flex;flex-direction:column;width:100%;max-width:100%}.title[data-v-6810408e]{font-size:2.5rem;padding:2rem;margin:0;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border-color);text-align:center}.formatter[data-v-6810408e]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;padding:2rem;flex:1;width:100%;box-sizing:border-box;max-width:none}.input-section[data-v-6810408e],.output-section[data-v-6810408e]{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 12rem)}.json-input[data-v-6810408e],.json-output[data-v-6810408e]{width:100%;flex:1;padding:1rem;border-radius:12px;font-family:monospace;font-size:.9rem;line-height:1.5;background:#ffffff0d;border:1px solid var(--border-color);color:var(--nav-text);resize:none;overflow:auto}.json-input[data-v-6810408e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.json-output[data-v-6810408e]{white-space:pre;overflow-x:auto;margin:0;background:var(--container-bg)}.json-output code[data-v-6810408e]{font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5}.hljs-attr[data-v-6810408e]{color:#5a67d8}.hljs-string[data-v-6810408e]{color:#059669}.hljs-number[data-v-6810408e]{color:#f59e0b}.hljs-literal[data-v-6810408e]{color:#7c3aed}.dark-mode .json-output[data-v-6810408e]{background:#1f2937cc}.dark-mode .hljs-attr[data-v-6810408e]{color:#818cf8}.dark-mode .hljs-string[data-v-6810408e]{color:#34d399}.dark-mode .hljs-number[data-v-6810408e]{color:#fbbf24}.dark-mode .hljs-literal[data-v-6810408e]{color:#a78bfa}.button-group[data-v-6810408e]{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.primary-btn[data-v-6810408e],.secondary-btn[data-v-6810408e]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:100px}.primary-btn[data-v-6810408e]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-6810408e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-6810408e]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-6810408e]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-6810408e]:disabled,.secondary-btn[data-v-6810408e]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-6810408e]{color:#ef4444;font-weight:500;padding:1rem;border-radius:8px;background:#ef44441a}.placeholder-message[data-v-6810408e]{color:var(--nav-text);opacity:.5;text-align:center;padding:2rem;font-style:italic}@media (max-width: 768px){.formatter[data-v-6810408e]{grid-template-columns:1fr;padding:1rem}.input-section[data-v-6810408e],.output-section[data-v-6810408e]{height:auto;min-height:300px}.json-input[data-v-6810408e],.json-output[data-v-6810408e]{height:300px;flex:none}.button-group[data-v-6810408e]{justify-content:center}}.dark-mode .json-input[data-v-6810408e],.dark-mode .json-output[data-v-6810408e]{background:#1f2937cc;border-color:#4b5563}.dark-mode .placeholder-message[data-v-6810408e]{color:var(--nav-text)}.container[data-v-27faa8a5]{max-width:800px;width:90%;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-27faa8a5]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-27faa8a5]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.input-section[data-v-27faa8a5],.output-section[data-v-27faa8a5]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-27faa8a5]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-27faa8a5]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease}.input-field[data-v-27faa8a5]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}label[data-v-27faa8a5]{font-weight:600;color:var(--nav-text)}.hint[data-v-27faa8a5]{font-size:.875rem;color:var(--nav-text);opacity:.7}.button-group[data-v-27faa8a5]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-27faa8a5],.secondary-btn[data-v-27faa8a5]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-27faa8a5]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-27faa8a5]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-27faa8a5]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-27faa8a5]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-27faa8a5]:disabled,.secondary-btn[data-v-27faa8a5]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-27faa8a5]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.container-list[data-v-27faa8a5]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.container-item[data-v-27faa8a5]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.container-item[data-v-27faa8a5]:hover{transform:translate(4px);border-color:var(--primary-color)}.container-number[data-v-27faa8a5]{font-family:monospace;font-size:1.1rem;font-weight:600;color:var(--nav-text);letter-spacing:1px;transition:all .3s ease}.container-number.copied[data-v-27faa8a5]{text-decoration:line-through;opacity:.7}.copy-btn[data-v-27faa8a5]{padding:.25rem .75rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px}.copy-btn.copied[data-v-27faa8a5]{background:#10b981;color:#fff}.copy-btn[data-v-27faa8a5]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-27faa8a5]:hover{background:#059669}.placeholder-message[data-v-27faa8a5]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-27faa8a5]{grid-template-columns:1fr}.container[data-v-27faa8a5]{width:95%;padding:1.5rem}.title[data-v-27faa8a5]{font-size:2rem;margin-bottom:2rem}}.dark-mode .container-item[data-v-27faa8a5]{background:#1f29374d}.container[data-v-7beb0fba]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-7beb0fba]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-7beb0fba]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-7beb0fba]{display:flex;flex-direction:column;gap:1.5rem}.output-section[data-v-7beb0fba]{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.form-group[data-v-7beb0fba]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-7beb0fba]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease}.input-field[data-v-7beb0fba]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-7beb0fba]{font-size:.75rem;padding:.5rem}label[data-v-7beb0fba]{font-weight:600;color:var(--nav-text)}.button-group[data-v-7beb0fba]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-7beb0fba],.secondary-btn[data-v-7beb0fba]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-7beb0fba]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-7beb0fba]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-7beb0fba]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-7beb0fba]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-7beb0fba]:disabled,.secondary-btn[data-v-7beb0fba]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-7beb0fba]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.container-list[data-v-7beb0fba]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.container-item[data-v-7beb0fba]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;gap:1rem}.container-item[data-v-7beb0fba]:hover{transform:translate(4px);border-color:var(--primary-color)}.container-number[data-v-7beb0fba]{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--nav-text);letter-spacing:.5px;transition:all .3s ease;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:.25rem 0}.container-number[data-v-7beb0fba]::-webkit-scrollbar{display:none}.container-number.copied[data-v-7beb0fba]{text-decoration:line-through;opacity:.7}.copy-btn[data-v-7beb0fba]{padding:.25rem .75rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-7beb0fba]{background:#10b981;color:#fff}.copy-btn[data-v-7beb0fba]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-7beb0fba]:hover{background:#059669}.placeholder-message[data-v-7beb0fba]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-7beb0fba]{grid-template-columns:1fr}.container[data-v-7beb0fba]{width:95%;padding:1.5rem}.title[data-v-7beb0fba]{font-size:2rem;margin-bottom:2rem}}.dark-mode .container-item[data-v-7beb0fba]{background:#1f29374d}.branch-container[data-v-3732ed69]{max-width:1200px;width:90%;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-3732ed69]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-3732ed69]{display:flex;flex-direction:column;gap:2rem}.input-section[data-v-3732ed69],.output-section[data-v-3732ed69]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-3732ed69]{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-field[data-v-3732ed69]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease;width:100%;min-width:400px}.input-field[data-v-3732ed69]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}label[data-v-3732ed69]{font-weight:600;color:var(--nav-text)}.button-group[data-v-3732ed69]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-3732ed69],.secondary-btn[data-v-3732ed69]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-3732ed69]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-3732ed69]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-3732ed69]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-3732ed69]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-3732ed69]:disabled,.secondary-btn[data-v-3732ed69]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-3732ed69]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.branch-list[data-v-3732ed69]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.branch-item[data-v-3732ed69]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.branch-item[data-v-3732ed69]:hover{transform:translate(4px);border-color:var(--primary-color)}.branch-name[data-v-3732ed69]{font-family:monospace;font-size:.8rem;font-weight:100;color:var(--nav-text);letter-spacing:0ch;transition:all .3s ease}.branch-name.copied[data-v-3732ed69]{text-decoration:line-through;opacity:.7}.copy-btn[data-v-3732ed69]{padding:.25rem .75rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px}.copy-btn.copied[data-v-3732ed69]{background:#10b981;color:#fff}.copy-btn[data-v-3732ed69]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-3732ed69]:hover{background:#059669}.placeholder-message[data-v-3732ed69]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.branch-container[data-v-3732ed69]{width:95%;padding:1.5rem}.title[data-v-3732ed69]{font-size:2rem;margin-bottom:2rem}}.dark-mode .branch-item[data-v-3732ed69]{background:#1f29374d}.diff-container[data-v-f4844ef0]{width:100%;max-width:100%;padding:1rem;background:var(--container-bg);box-shadow:none;margin:0;border:none;box-sizing:border-box;height:calc(100vh - 1rem);display:flex;flex-direction:column;overflow:hidden}.header-section[data-v-f4844ef0]{margin-bottom:1rem;flex-shrink:0}.title[data-v-f4844ef0]{font-size:1.75rem;margin-bottom:.25rem;font-weight:700;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.subtitle[data-v-f4844ef0]{text-align:center;margin-bottom:.5rem;color:var(--nav-text);opacity:.7;font-size:.9rem}.generator-content[data-v-f4844ef0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-bottom:1rem;width:100%;flex-shrink:0}.input-panel[data-v-f4844ef0]{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-header[data-v-f4844ef0]{display:flex;justify-content:space-between;align-items:center}.input-field[data-v-f4844ef0]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:Courier New,Courier,monospace;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease;resize:vertical;height:120px;width:100%;box-sizing:border-box}.controls[data-v-f4844ef0]{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-shrink:0}.primary-btn[data-v-f4844ef0],.secondary-btn[data-v-f4844ef0],.clear-btn[data-v-f4844ef0]{padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.diff-result[data-v-f4844ef0]{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;flex:1;display:flex;flex-direction:column;width:100%;margin-bottom:.5rem}.split-view[data-v-f4844ef0]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;width:100%;height:100%}.diff-panel[data-v-f4844ef0]{display:flex;flex-direction:column;overflow:hidden;font-family:Courier New,Courier,monospace;font-size:.9rem;position:relative;width:100%;height:100%;box-sizing:border-box}.original-panel[data-v-f4844ef0]{border-right:1px solid var(--border-color)}.panel-header[data-v-f4844ef0]{padding:.75rem 1rem;font-weight:600;background:var(--button-bg);border-bottom:1px solid var(--border-color);text-align:center}.line-numbers[data-v-f4844ef0]{position:absolute;left:0;top:2.5rem;bottom:0;width:2.5rem;background:#00000005;border-right:1px solid var(--border-color);-webkit-user-select:none;user-select:none;text-align:right;padding:0 .25rem;display:flex;flex-direction:column;overflow:hidden}.line-number[data-v-f4844ef0]{height:1.5rem;line-height:1.5rem;font-size:.8rem;color:var(--nav-text);opacity:.5}.content[data-v-f4844ef0]{padding-left:2.75rem;overflow:auto;min-width:0;width:100%;flex:1;box-sizing:border-box;height:100%}.line[data-v-f4844ef0]{min-height:1.5rem;line-height:1.5rem;white-space:pre;padding:0 .25rem;overflow-x:visible}.line.equal[data-v-f4844ef0]{background:transparent}.line.add[data-v-f4844ef0]{background:#0596690d}.line.delete[data-v-f4844ef0]{background:#e024240d}.line.modify[data-v-f4844ef0]{background:#3b82f60d}.char-equal[data-v-f4844ef0]{color:var(--nav-text)}.char-add[data-v-f4844ef0]{background-color:#0596691a;color:#059669;font-weight:700;text-decoration:underline}.char-delete[data-v-f4844ef0]{background-color:#dc26261a;color:#dc2626;font-weight:700;text-decoration:line-through}@media (max-width: 768px){.diff-container[data-v-f4844ef0]{height:calc(100vh - 50px)}.generator-content[data-v-f4844ef0],.split-view[data-v-f4844ef0]{grid-template-columns:1fr}.original-panel[data-v-f4844ef0]{border-right:none;border-bottom:1px solid var(--border-color)}}.container[data-v-f1b5b413]{background:var(--container-bg);min-height:calc(100vh - 4rem);display:flex;flex-direction:column;width:100%;max-width:100%}.title[data-v-f1b5b413]{font-size:2.5rem;padding:2rem;margin:0;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border-color);text-align:center}.formatter[data-v-f1b5b413]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;padding:2rem;flex:1;width:100%;box-sizing:border-box;max-width:none}.input-section[data-v-f1b5b413],.output-section[data-v-f1b5b413]{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 12rem)}.sql-input[data-v-f1b5b413],.sql-output[data-v-f1b5b413]{width:100%;flex:1;padding:1rem;border-radius:12px;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5;background:#ffffff0d;border:1px solid var(--border-color);color:var(--nav-text);resize:none;overflow:auto}.sql-input[data-v-f1b5b413]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.sql-output[data-v-f1b5b413]{white-space:pre;overflow-x:auto;margin:0;background:var(--container-bg)}.sql-output code[data-v-f1b5b413]{font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5}.hljs-keyword[data-v-f1b5b413]{color:#5a67d8}.hljs-string[data-v-f1b5b413]{color:#059669}.hljs-number[data-v-f1b5b413]{color:#f59e0b}.hljs-function[data-v-f1b5b413]{color:#7c3aed}.hljs-operator[data-v-f1b5b413]{color:#e11d48}.hljs-comment[data-v-f1b5b413]{color:#6b7280}.dark-mode .sql-output[data-v-f1b5b413]{background:#1f2937cc}.dark-mode .hljs-keyword[data-v-f1b5b413]{color:#818cf8}.dark-mode .hljs-string[data-v-f1b5b413]{color:#34d399}.dark-mode .hljs-number[data-v-f1b5b413]{color:#fbbf24}.dark-mode .hljs-function[data-v-f1b5b413]{color:#a78bfa}.dark-mode .hljs-operator[data-v-f1b5b413]{color:#f87171}.dark-mode .hljs-comment[data-v-f1b5b413]{color:#9ca3af}.button-group[data-v-f1b5b413]{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.primary-btn[data-v-f1b5b413],.secondary-btn[data-v-f1b5b413]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:100px}.primary-btn[data-v-f1b5b413]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-f1b5b413]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-f1b5b413]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-f1b5b413]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-f1b5b413]:disabled,.secondary-btn[data-v-f1b5b413]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-f1b5b413]{color:#ef4444;font-weight:500;padding:1rem;border-radius:8px;background:#ef44441a}.placeholder-message[data-v-f1b5b413]{color:var(--nav-text);opacity:.5;text-align:center;padding:2rem;font-style:italic}@media (max-width: 768px){.formatter[data-v-f1b5b413]{grid-template-columns:1fr;padding:1rem}.input-section[data-v-f1b5b413],.output-section[data-v-f1b5b413]{height:auto;min-height:300px}.sql-input[data-v-f1b5b413],.sql-output[data-v-f1b5b413]{height:300px;flex:none}.button-group[data-v-f1b5b413]{justify-content:center}}.dark-mode .sql-input[data-v-f1b5b413],.dark-mode .sql-output[data-v-f1b5b413]{background:#1f2937cc;border-color:#4b5563}.dark-mode .placeholder-message[data-v-f1b5b413]{color:var(--nav-text)}.container[data-v-b18beefc]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-b18beefc]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-b18beefc]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-b18beefc]{display:flex;flex-direction:column;gap:1.5rem}.output-section[data-v-b18beefc]{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.form-group[data-v-b18beefc]{display:flex;flex-direction:column;gap:.5rem}.length-control[data-v-b18beefc]{display:flex;align-items:center;gap:1rem}.range-input[data-v-b18beefc]{flex:1;height:6px;-webkit-appearance:none;background:var(--border-color);border-radius:3px;outline:none}.range-input[data-v-b18beefc]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer;transition:all .3s ease}.range-input[data-v-b18beefc]::-webkit-slider-thumb:hover{transform:scale(1.1)}.length-value[data-v-b18beefc]{min-width:40px;text-align:center;font-weight:600;color:var(--nav-text)}.checkbox-group[data-v-b18beefc]{display:flex;flex-direction:column;gap:.75rem}.checkbox-label[data-v-b18beefc]{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox][data-v-b18beefc]{width:16px;height:16px;cursor:pointer}.input-field[data-v-b18beefc]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease}.input-field[data-v-b18beefc]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.button-group[data-v-b18beefc]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-b18beefc],.secondary-btn[data-v-b18beefc]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-b18beefc]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-b18beefc]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-b18beefc]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-b18beefc]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-b18beefc]:disabled,.secondary-btn[data-v-b18beefc]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-b18beefc]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.password-list[data-v-b18beefc]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.password-item[data-v-b18beefc]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;gap:1rem}.password-item[data-v-b18beefc]:hover{transform:translate(4px);border-color:var(--primary-color)}.password-text[data-v-b18beefc]{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--nav-text);letter-spacing:.5px;transition:all .3s ease;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:.25rem 0}.password-text[data-v-b18beefc]::-webkit-scrollbar{display:none}.password-text.copied[data-v-b18beefc]{text-decoration:line-through;opacity:.7}.copy-btn[data-v-b18beefc]{padding:.25rem .75rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-b18beefc]{background:#10b981;color:#fff}.copy-btn[data-v-b18beefc]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-b18beefc]:hover{background:#059669}.placeholder-message[data-v-b18beefc]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-b18beefc]{grid-template-columns:1fr}.container[data-v-b18beefc]{width:95%;padding:1.5rem}.title[data-v-b18beefc]{font-size:2rem;margin-bottom:2rem}}.dark-mode .password-item[data-v-b18beefc]{background:#1f29374d}.timezone-converter[data-v-4d26b5fd]{max-width:800px;margin:0 auto;padding:2rem;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.timezone-header[data-v-4d26b5fd]{text-align:center;margin-bottom:2rem}.subtitle[data-v-4d26b5fd]{color:#a0aec0;margin-top:.5rem;text-shadow:0 1px 1px rgba(0,0,0,.1)}.timezone-controls[data-v-4d26b5fd]{margin-bottom:2rem}.timezone-selector[data-v-4d26b5fd]{display:flex;gap:1rem;margin-bottom:1rem}.timezone-select[data-v-4d26b5fd]{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary)}.add-button[data-v-4d26b5fd]{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500;min-width:120px}.add-button[data-v-4d26b5fd]:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.add-button[data-v-4d26b5fd]:disabled{background:var(--disabled-color);cursor:not-allowed;transform:none}.warning[data-v-4d26b5fd]{color:orange;font-size:.9rem;margin-top:.5rem}.timezone-grid[data-v-4d26b5fd]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.timezone-card[data-v-4d26b5fd]{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:relative;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 4px #0000001a;min-width:250px;flex:1;max-width:300px}.timezone-info h3[data-v-4d26b5fd]{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-primary);font-weight:600}.time[data-v-4d26b5fd]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:.5px}.offset[data-v-4d26b5fd]{font-size:.9rem;color:#a0aec0;opacity:.9}.remove-button[data-v-4d26b5fd]{background:none;border:none;color:#a0aec0;font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.remove-button[data-v-4d26b5fd]:hover{color:#f44}.actions[data-v-4d26b5fd]{display:flex;justify-content:center}.clear-button[data-v-4d26b5fd]{padding:.5rem 1rem;background:var(--error-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.clear-button[data-v-4d26b5fd]:hover{background:var(--error-hover-color)}.search-container[data-v-4d26b5fd]{position:relative;flex:1}.search-tabs[data-v-4d26b5fd]{display:flex;gap:.5rem;margin-bottom:.5rem}.search-tab[data-v-4d26b5fd]{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.9rem}.search-tab[data-v-4d26b5fd]:hover{background:var(--button-hover);color:var(--text-primary)}.search-tab.active[data-v-4d26b5fd]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.search-input[data-v-4d26b5fd]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;transition:all .2s}.search-input[data-v-4d26b5fd]::placeholder{color:#a0aec0}.search-results[data-v-4d26b5fd]{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-top:.25rem;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.search-result-item[data-v-4d26b5fd]{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.search-result-item[data-v-4d26b5fd]:hover{background:var(--button-hover)}.result-name[data-v-4d26b5fd]{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.result-details[data-v-4d26b5fd]{font-size:.85rem;color:var(--text-primary);opacity:.8}@media (max-width: 768px){.timezone-converter[data-v-4d26b5fd]{padding:1rem}.timezone-selector[data-v-4d26b5fd]{flex-direction:column}.search-container[data-v-4d26b5fd]{width:100%;margin-bottom:1rem}.add-button[data-v-4d26b5fd]{width:100%}.search-tabs[data-v-4d26b5fd]{flex-wrap:wrap}.search-tab[data-v-4d26b5fd]{flex:1;text-align:center}}.qr-generator[data-v-37bdfb20]{max-width:800px;margin:0 auto;padding:2rem}.qr-header[data-v-37bdfb20]{text-align:center;margin-bottom:2rem}.subtitle[data-v-37bdfb20]{color:#a0aec0;margin-top:.5rem;text-shadow:0 1px 1px rgba(0,0,0,.1)}.qr-controls[data-v-37bdfb20]{margin-bottom:2rem}.input-container[data-v-37bdfb20]{width:100%}.text-input[data-v-37bdfb20]{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--nav-text);font-size:1rem;transition:all .2s}.text-input[data-v-37bdfb20]::placeholder{color:#a0aec0}.qr-display[data-v-37bdfb20]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.qr-container[data-v-37bdfb20]{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.download-button[data-v-37bdfb20]{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500}.download-button[data-v-37bdfb20]:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width: 768px){.qr-generator[data-v-37bdfb20]{padding:1rem}}.container[data-v-ddf4a22e]{background:var(--container-bg);min-height:calc(100vh - 4rem);display:flex;flex-direction:column;width:100%;max-width:100%}.title[data-v-ddf4a22e]{font-size:2.5rem;padding:2rem;margin:0;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-bottom:1px solid var(--border-color);text-align:center}.formatter[data-v-ddf4a22e]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left;padding:2rem;flex:1;width:100%;box-sizing:border-box;max-width:none}.input-section[data-v-ddf4a22e],.output-section[data-v-ddf4a22e]{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 12rem)}.code-input[data-v-ddf4a22e],.code-output[data-v-ddf4a22e]{width:100%;flex:1;padding:1rem;border-radius:12px;font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5;background:var(--container-bg);border:1px solid var(--border-color);color:var(--text-primary);resize:none;overflow:auto}.code-input[data-v-ddf4a22e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.code-output[data-v-ddf4a22e]{white-space:pre;overflow-x:auto;margin:0;background:var(--container-bg)}.code-output code[data-v-ddf4a22e]{font-family:Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.5;color:var(--text-primary)}.hljs-keyword[data-v-ddf4a22e]{color:#569cd6}.hljs-string[data-v-ddf4a22e]{color:#ce9178}.hljs-number[data-v-ddf4a22e]{color:#b5cea8}.hljs-comment[data-v-ddf4a22e]{color:#6a9955}.hljs-function[data-v-ddf4a22e]{color:#dcdcaa}.hljs-class[data-v-ddf4a22e],.hljs-type[data-v-ddf4a22e]{color:#4ec9b0}.dark-mode .code-input[data-v-ddf4a22e],.dark-mode .code-output[data-v-ddf4a22e]{background:#1e1e1e;border-color:#4b5563}.dark-mode .code-input[data-v-ddf4a22e],.dark-mode .code-output code[data-v-ddf4a22e]{color:#d4d4d4}.dark-mode .code-input[data-v-ddf4a22e]::placeholder{color:#6b7280}.dark-mode .hljs-keyword[data-v-ddf4a22e]{color:#569cd6}.dark-mode .hljs-string[data-v-ddf4a22e]{color:#ce9178}.dark-mode .hljs-number[data-v-ddf4a22e]{color:#b5cea8}.dark-mode .hljs-comment[data-v-ddf4a22e]{color:#6a9955}.dark-mode .hljs-function[data-v-ddf4a22e]{color:#dcdcaa}.dark-mode .hljs-class[data-v-ddf4a22e],.dark-mode .hljs-type[data-v-ddf4a22e]{color:#4ec9b0}.button-group[data-v-ddf4a22e]{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.primary-btn[data-v-ddf4a22e],.secondary-btn[data-v-ddf4a22e]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;min-width:100px}.primary-btn[data-v-ddf4a22e]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-ddf4a22e]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-ddf4a22e]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-ddf4a22e]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-ddf4a22e]:disabled,.secondary-btn[data-v-ddf4a22e]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-ddf4a22e]{color:#ef4444;font-weight:500;padding:1rem;border-radius:8px;background:#ef44441a}.placeholder-message[data-v-ddf4a22e]{color:var(--text-primary);opacity:.5;text-align:center;padding:2rem;font-style:italic}@media (max-width: 768px){.formatter[data-v-ddf4a22e]{grid-template-columns:1fr;padding:1rem}.input-section[data-v-ddf4a22e],.output-section[data-v-ddf4a22e]{height:auto;min-height:300px}.code-input[data-v-ddf4a22e],.code-output[data-v-ddf4a22e]{height:300px;flex:none}.button-group[data-v-ddf4a22e]{justify-content:center}}.container[data-v-680b7a61]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-680b7a61]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-680b7a61]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-680b7a61],.output-section[data-v-680b7a61]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-680b7a61]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-680b7a61]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease;resize:vertical}.input-field[data-v-680b7a61]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-680b7a61]{font-size:.75rem;padding:.5rem}label[data-v-680b7a61]{font-weight:600;color:var(--nav-text)}.button-group[data-v-680b7a61]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-680b7a61],.secondary-btn[data-v-680b7a61]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-680b7a61]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-680b7a61]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-680b7a61]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-680b7a61]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-680b7a61]:disabled,.secondary-btn[data-v-680b7a61]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-680b7a61]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.hash-result[data-v-680b7a61]{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.hash-display[data-v-680b7a61]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hash-text[data-v-680b7a61]{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;color:var(--nav-text);word-break:break-all;flex:1}.copy-btn[data-v-680b7a61]{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-680b7a61]{background:#10b981;color:#fff}.copy-btn[data-v-680b7a61]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-680b7a61]:hover{background:#059669}.placeholder-message[data-v-680b7a61]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-680b7a61]{grid-template-columns:1fr}.container[data-v-680b7a61]{width:95%;padding:1.5rem}.title[data-v-680b7a61]{font-size:2rem;margin-bottom:2rem}}.dark-mode .hash-result[data-v-680b7a61]{background:#1f29374d}.container[data-v-03424f96]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-03424f96]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.converter-content[data-v-03424f96]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-03424f96],.output-section[data-v-03424f96]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-03424f96]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-03424f96]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease;width:100%;max-width:400px}.input-field[data-v-03424f96]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-03424f96]{font-size:.75rem;padding:.5rem}label[data-v-03424f96]{font-weight:600;color:var(--nav-text)}.button-group[data-v-03424f96]{display:flex;gap:1rem;margin-top:1rem}.secondary-btn[data-v-03424f96]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1;background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-03424f96]:hover:not(:disabled){background:var(--button-hover)}.secondary-btn[data-v-03424f96]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-03424f96]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.result[data-v-03424f96]{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.result-display[data-v-03424f96]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.result-text[data-v-03424f96]{font-family:Consolas,Monaco,Courier New,monospace;font-size:1.1rem;color:var(--nav-text);word-break:break-all;flex:1}.copy-btn[data-v-03424f96]{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-03424f96]{background:#10b981;color:#fff}.copy-btn[data-v-03424f96]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-03424f96]:hover{background:#059669}.placeholder-message[data-v-03424f96]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.converter-content[data-v-03424f96]{grid-template-columns:1fr}.container[data-v-03424f96]{width:95%;padding:1.5rem}.title[data-v-03424f96]{font-size:2rem;margin-bottom:2rem}}.dark-mode .result[data-v-03424f96]{background:#1f29374d}.container[data-v-94887ec9]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-94887ec9]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.converter-content[data-v-94887ec9]{display:grid;grid-template-columns:400px 1fr;gap:2rem}.input-section[data-v-94887ec9],.output-section[data-v-94887ec9]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-94887ec9]{display:flex;flex-direction:column;gap:.5rem}.unit-select-container[data-v-94887ec9]{display:flex;gap:.5rem;align-items:center}.input-field[data-v-94887ec9]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease;width:100%}.info-btn[data-v-94887ec9]{padding:.5rem;border:none;background:none;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .2s}.info-btn[data-v-94887ec9]:hover{opacity:1}.input-field[data-v-94887ec9]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-94887ec9]{font-size:1rem;padding:.5rem}label[data-v-94887ec9]{font-weight:600;color:var(--nav-text);font-size:1.1rem}.button-group[data-v-94887ec9]{display:flex;gap:1rem;margin-top:1rem}.secondary-btn[data-v-94887ec9]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1;background:var(--button-bg);color:var(--button-text);font-size:1rem}.secondary-btn[data-v-94887ec9]:hover:not(:disabled){background:var(--button-hover)}.secondary-btn[data-v-94887ec9]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-94887ec9]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.result[data-v-94887ec9]{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.result-display[data-v-94887ec9]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.result-text[data-v-94887ec9]{font-family:Consolas,Monaco,Courier New,monospace;font-size:1.5rem;color:var(--nav-text);word-break:break-all;flex:1}.reverse-conversion[data-v-94887ec9]{margin-top:.5rem;font-size:.9rem;color:var(--nav-text);opacity:.8}.copy-btn[data-v-94887ec9]{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-94887ec9]{background:#10b981;color:#fff}.copy-btn[data-v-94887ec9]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-94887ec9]:hover{background:#059669}.placeholder-message[data-v-94887ec9]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.converter-content[data-v-94887ec9]{grid-template-columns:1fr}.container[data-v-94887ec9]{width:95%;padding:1.5rem}.title[data-v-94887ec9]{font-size:2rem;margin-bottom:2rem}}.dark-mode .result[data-v-94887ec9]{background:#1f29374d}.container[data-v-63df25d8]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-63df25d8]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-63df25d8]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-63df25d8],.output-section[data-v-63df25d8]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-63df25d8]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-63df25d8]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease}.input-field[data-v-63df25d8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-63df25d8]{font-size:.75rem;padding:.5rem}label[data-v-63df25d8]{font-weight:600;color:var(--nav-text)}.button-group[data-v-63df25d8]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-63df25d8],.secondary-btn[data-v-63df25d8]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-63df25d8]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-63df25d8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-63df25d8]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-63df25d8]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-63df25d8]:disabled,.secondary-btn[data-v-63df25d8]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-63df25d8]{font-size:1.25rem;font-weight:600;color:var(--nav-text);margin-bottom:1rem}.cron-result[data-v-63df25d8]{background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.cron-display[data-v-63df25d8]{display:flex;justify-content:space-between;align-items:center;gap:1rem}.cron-text[data-v-63df25d8]{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;color:var(--nav-text);word-break:break-all;flex:1}.cron-description[data-v-63df25d8]{margin-top:.5rem;font-size:.9rem;color:var(--nav-text);opacity:.8}.copy-btn[data-v-63df25d8]{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-63df25d8]{background:#10b981;color:#fff}.copy-btn[data-v-63df25d8]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-63df25d8]:hover{background:#059669}.placeholder-message[data-v-63df25d8]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-63df25d8]{grid-template-columns:1fr}.container[data-v-63df25d8]{width:95%;padding:1.5rem}.title[data-v-63df25d8]{font-size:2rem;margin-bottom:2rem}}.dark-mode .cron-result[data-v-63df25d8]{background:#1f29374d}.container[data-v-86f1afc8]{width:100%;max-width:1000px;padding:2rem;background:var(--container-bg);box-shadow:0 8px 32px #0000001a;border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;margin:2rem auto;border:1px solid var(--border-color)}.title[data-v-86f1afc8]{font-size:2.5rem;margin-bottom:2.5rem;font-weight:800;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.generator-content[data-v-86f1afc8]{display:grid;grid-template-columns:300px 1fr;gap:2rem}.input-section[data-v-86f1afc8]{display:flex;flex-direction:column;gap:1.5rem}.output-section[data-v-86f1afc8]{display:flex;flex-direction:column;gap:1.5rem;max-width:500px}.form-group[data-v-86f1afc8]{display:flex;flex-direction:column;gap:.5rem}.input-field[data-v-86f1afc8]{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.75rem;background:var(--container-bg);color:var(--nav-text);transition:all .3s ease}.input-field[data-v-86f1afc8]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f11a}.input-field option[data-v-86f1afc8]{font-size:.75rem;padding:.5rem}label[data-v-86f1afc8]{font-weight:600;color:var(--nav-text);text-align:left}.button-group[data-v-86f1afc8]{display:flex;gap:1rem;margin-top:1rem}.primary-btn[data-v-86f1afc8],.secondary-btn[data-v-86f1afc8]{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;flex:1}.primary-btn[data-v-86f1afc8]{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff}.primary-btn[data-v-86f1afc8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.secondary-btn[data-v-86f1afc8]{background:var(--button-bg);color:var(--button-text)}.secondary-btn[data-v-86f1afc8]:hover:not(:disabled){background:var(--button-hover)}.primary-btn[data-v-86f1afc8]:disabled,.secondary-btn[data-v-86f1afc8]:disabled{opacity:.5;cursor:not-allowed}.section-title[data-v-86f1afc8]{font-size:1.25rem;margin-bottom:1rem;color:var(--nav-text)}.numbers-list[data-v-86f1afc8]{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.number-item[data-v-86f1afc8]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease;gap:1rem}.number-item[data-v-86f1afc8]:hover{transform:translate(4px);border-color:var(--primary-color)}.number-value[data-v-86f1afc8]{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--nav-text);letter-spacing:.5px;transition:all .3s ease;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0;padding:.25rem 0}.number-value[data-v-86f1afc8]::-webkit-scrollbar{display:none}.number-value.copied[data-v-86f1afc8]{text-decoration:line-through;opacity:.7}.copy-btn[data-v-86f1afc8]{padding:.5rem 1rem;border:none;border-radius:4px;background:var(--button-bg);color:var(--button-text);cursor:pointer;transition:all .2s ease;font-size:.875rem;min-width:70px;flex-shrink:0}.copy-btn.copied[data-v-86f1afc8]{background:#10b981;color:#fff}.copy-btn[data-v-86f1afc8]:hover{background:var(--button-hover)}.copy-btn.copied[data-v-86f1afc8]:hover{background:#059669}.placeholder-message[data-v-86f1afc8]{text-align:center;padding:2rem;color:var(--nav-text);opacity:.5;font-style:italic;border:2px dashed var(--border-color);border-radius:8px}@media (max-width: 768px){.generator-content[data-v-86f1afc8]{grid-template-columns:1fr}.container[data-v-86f1afc8]{width:95%;padding:1.5rem}.title[data-v-86f1afc8]{font-size:2rem;margin-bottom:2rem}}.dark-mode .container-item[data-v-86f1afc8]{background:#1f29374d}:root{--nav-bg: rgba(255, 255, 255, .95);--nav-text: #2d3748;--nav-hover: #667eea;--nav-active: #5a67d8;--primary-color: #4f46e5;--primary-hover: #4338ca;--button-bg: #f3f4f6;--button-text: #374151;--button-hover: #e5e7eb;--border-color: #e5e7eb;--container-bg: #ffffff;--body-bg: #f3f4f6;--max-width: 1200px;--nav-width: 200px}body{margin:0;padding:0;min-height:100vh;background:var(--body-bg);color:var(--nav-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body.dark-mode{--nav-bg: rgba(31, 41, 55, .95);--nav-text: #f3f4f6;--nav-hover: #818cf8;--nav-active: #6366f1;--primary-color: #818cf8;--primary-hover: #6366f1;--button-bg: #374151;--button-text: #f3f4f6;--button-hover: #4b5563;--border-color: #4b5563;--container-bg: #1f2937;--body-bg: #111827}.app{min-height:100vh;min-width:100%;display:flex;flex-direction:row;width:100%}.navbar{background:var(--nav-bg);width:var(--nav-width);position:fixed;top:0;left:0;height:100vh;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.navbar-mobile{width:100%;height:auto;position:sticky;top:0;border-right:none;border-bottom:1px solid var(--border-color)}.nav-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}.nav-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--nav-text);background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.nav-links{display:flex;flex-direction:column;padding:1rem 0}.nav-link{background:none;border:none;padding:.75rem 1.5rem;font-size:.95rem;color:var(--nav-text);cursor:pointer;transition:all .2s ease;font-weight:500;text-align:left;position:relative;opacity:.7;width:100%;border-left:3px solid transparent}.nav-link:hover{opacity:1;background:#6366f10d}.nav-link.active{opacity:1;color:var(--primary-color);background:#6366f11a;border-left:3px solid var(--primary-color)}.theme-toggle{margin-top:auto;border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.hamburger-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.hamburger-btn span{width:100%;height:2px;background:var(--nav-text);transition:all .3s ease}.hamburger-btn.is-open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-btn.is-open span:nth-child(2){opacity:0}.hamburger-btn.is-open span:last-child{transform:translateY(-9px) rotate(-45deg)}.main-content{flex:1;margin-left:var(--nav-width);width:calc(100% - var(--nav-width));background:var(--body-bg);padding:0;display:flex;justify-content:center}.app-diff-mode .main-content{padding:0}.diff-container{width:100%;max-width:100%;border-radius:0}@media (max-width: 768px){.app{flex-direction:column}.navbar{width:100%;height:auto;position:sticky}.nav-container{flex-direction:column}.nav-header{padding:1rem}.hamburger-btn{display:flex}.nav-links{display:none;padding:0}.nav-links.is-open{display:flex;padding:1rem 0;border-top:1px solid var(--border-color)}.main-content{margin-left:0;width:100%}.nav-brand{font-size:1.25rem}.theme-toggle{margin-top:0;border-top:none}}@media (max-width: 480px){.nav-header{padding:.75rem 1rem}}