: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{width:100%;height:100vh;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}[data-v-0e8e5698]{box-sizing:border-box;margin:0;padding:0}.app-container[data-v-0e8e5698]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-0e8e5698]{background:#2c3e50;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 2px 8px #00000026}.app-title[data-v-0e8e5698]{margin:0;font-size:1.3rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);display:inline-block}.title-char[data-v-0e8e5698]{display:inline-block;animation:charAnimation-0e8e5698 .8s ease-out forwards,colorShift-0e8e5698 8s ease-in-out infinite;opacity:0;transform:translateY(20px);background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:700% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(255,0,0,.3)}@keyframes charAnimation-0e8e5698{to{opacity:1;transform:translateY(0)}}@keyframes colorShift-0e8e5698{0%{background-position:0% 50%;text-shadow:0 2px 8px rgba(255,0,0,.3)}14%{text-shadow:0 2px 8px rgba(255,127,0,.3)}28%{text-shadow:0 2px 8px rgba(255,255,0,.3)}42%{text-shadow:0 2px 8px rgba(0,255,0,.3)}57%{text-shadow:0 2px 8px rgba(0,0,255,.3)}71%{text-shadow:0 2px 8px rgba(75,0,130,.3)}85%{text-shadow:0 2px 8px rgba(148,0,211,.3)}to{background-position:100% 50%;text-shadow:0 2px 8px rgba(255,0,0,.3)}}.title-char[data-v-0e8e5698]:hover{animation:charAnimation-0e8e5698 .8s ease-out forwards,colorShift-0e8e5698 4s ease-in-out infinite,charHover-0e8e5698 .3s ease-out forwards;transform-origin:center}@keyframes charHover-0e8e5698{to{transform:scale(1.2) translateY(-5px);text-shadow:0 4px 15px rgba(102,126,234,.8)}}.user-info[data-v-0e8e5698]{display:flex;align-items:center;flex-wrap:wrap}.user-info span[data-v-0e8e5698]{font-size:.95rem;color:#f8f9fa}.app-nav[data-v-0e8e5698]{background:#fff;border-bottom:1px solid #e9ecef;padding:0 1rem;display:flex;gap:.5rem;overflow-x:auto;white-space:nowrap;box-shadow:0 2px 4px #0000000d}.nav-item[data-v-0e8e5698]{padding:1rem .8rem;text-decoration:none;color:#495057;border-bottom:3px solid transparent;transition:all .3s ease;font-size:.9rem;font-weight:500;border-radius:4px 4px 0 0}.nav-item[data-v-0e8e5698]:hover{color:#007bff;background-color:#f8f9fa}.nav-item.router-link-active[data-v-0e8e5698]{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa;font-weight:600}.app-main[data-v-0e8e5698]{flex:1;padding:1.5rem;background-color:#f8f9fa;min-height:calc(100vh - 120px)}@media(min-width:768px){.app-header[data-v-0e8e5698]{padding:1.2rem 2rem}.app-title[data-v-0e8e5698]{font-size:1.6rem}.user-info span[data-v-0e8e5698]{font-size:1rem}.app-nav[data-v-0e8e5698]{padding:0 2rem;gap:1.2rem}.nav-item[data-v-0e8e5698]{padding:1.2rem 1rem;font-size:1rem}.app-main[data-v-0e8e5698]{padding:2rem;min-height:calc(100vh - 140px)}}@media(max-width:480px){.app-header[data-v-0e8e5698]{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem}.app-title[data-v-0e8e5698]{font-size:1.2rem}.user-info[data-v-0e8e5698]{width:100%;justify-content:flex-end}.user-info span[data-v-0e8e5698]{font-size:.9rem}.app-nav[data-v-0e8e5698]{padding:0 .8rem;gap:.4rem}.nav-item[data-v-0e8e5698]{padding:.8rem .6rem;font-size:.85rem}.app-main[data-v-0e8e5698]{padding:1rem;min-height:calc(100vh - 130px)}}.fade-enter-active[data-v-0e8e5698],.fade-leave-active[data-v-0e8e5698]{transition:opacity .5s ease,transform .5s ease}.fade-enter-from[data-v-0e8e5698],.fade-leave-to[data-v-0e8e5698]{opacity:0;transform:translateY(20px)}.app-footer[data-v-0e8e5698]{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:1.5rem;text-align:center;box-shadow:0 -2px 8px #00000026;margin-top:auto}.app-footer p[data-v-0e8e5698]{margin:0;font-size:1rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:footerFadeIn-0e8e5698 1s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes footerFadeIn-0e8e5698{to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.app-footer[data-v-0e8e5698]{padding:2rem}.app-footer p[data-v-0e8e5698]{font-size:1.1rem}}@media(max-width:480px){.app-footer[data-v-0e8e5698]{padding:1.2rem}.app-footer p[data-v-0e8e5698]{font-size:.9rem}}.back-to-top[data-v-0e8e5698]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#007bff,#6c757d);color:#fff;border:none;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #007bff4d;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center;animation:backToTopFadeIn-0e8e5698 .5s ease-out forwards}@keyframes backToTopFadeIn-0e8e5698{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.back-to-top[data-v-0e8e5698]:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 6px 20px #007bff80;background:linear-gradient(135deg,#0056b3,#5a6268)}.back-to-top[data-v-0e8e5698]:active{transform:translateY(0) scale(.95)}@media(max-width:768px){.back-to-top[data-v-0e8e5698]{bottom:20px;right:20px;width:45px;height:45px;font-size:1.3rem}}@media(max-width:480px){.back-to-top[data-v-0e8e5698]{bottom:15px;right:15px;width:40px;height:40px;font-size:1.2rem}}.color-picker-wrapper[data-v-0e8e5698]{position:relative;margin-left:auto}.color-button[data-v-0e8e5698]{padding:1rem .8rem;background:transparent;border:none;font-size:1.2rem;cursor:pointer;border-radius:4px;transition:all .3s ease}.color-button[data-v-0e8e5698]:hover{background-color:#007bff1a;transform:scale(1.1)}.color-picker-container[data-v-0e8e5698]{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:.8rem;min-width:120px;z-index:9999;animation:colorPickerFadeIn-0e8e5698 .3s ease-out forwards;border:1px solid #e9ecef}@keyframes colorPickerFadeIn-0e8e5698{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.color-option[data-v-0e8e5698]{display:flex;align-items:center;padding:.5rem;margin-bottom:.3rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.color-option[data-v-0e8e5698]:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.color-option.active[data-v-0e8e5698]{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.color-name[data-v-0e8e5698]{font-size:.9rem;font-weight:500;color:#333}.color-black[data-v-0e8e5698]{background-color:#1a1a1a;color:#f8f9fa}.color-black .app-header[data-v-0e8e5698]{background:#2d2d2d;color:#f8f9fa}.color-black .app-nav[data-v-0e8e5698]{background:#333;border-bottom-color:#444}.color-black .nav-item[data-v-0e8e5698]{color:#f8f9fa}.color-black .nav-item[data-v-0e8e5698]:hover,.color-black .nav-item.router-link-active[data-v-0e8e5698]{color:#007bff;background-color:#444}.color-black .app-main[data-v-0e8e5698]{background-color:#1a1a1a}.color-black .app-footer[data-v-0e8e5698]{background:linear-gradient(135deg,#2d2d2d,#3d3d3d)}.color-white .app-main[data-v-0e8e5698]{background-color:#fff}.color-pink .app-main[data-v-0e8e5698]{background-color:#f8d7da}.color-blue .app-main[data-v-0e8e5698]{background-color:#d1ecf1}@media(max-width:768px){.color-button[data-v-0e8e5698]{padding:.8rem .6rem;font-size:1rem}.color-picker-container[data-v-0e8e5698]{min-width:100px;padding:.6rem}.color-option[data-v-0e8e5698]{padding:.4rem}.color-name[data-v-0e8e5698]{font-size:.8rem}}@media(max-width:480px){.color-picker-wrapper[data-v-0e8e5698]{margin-left:.5rem}.color-button[data-v-0e8e5698]{padding:.6rem .4rem;font-size:.9rem}}