#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}[data-v-94706ecc]{margin:0;padding:0;box-sizing:border-box}body[data-v-94706ecc],html[data-v-94706ecc]{margin:0;padding:0;height:100%;overflow:hidden}.background[data-v-94706ecc]{background-image:url(/img/indexBackground.8f53e93b.png);background-size:cover;background-position:50%;min-height:100vh;width:100vw;position:fixed;top:0;left:0;font-family:Arial,sans-serif;color:#fff}.top-right-links[data-v-94706ecc]{position:absolute;top:20px;right:20px;text-align:right}.nav-link[data-v-94706ecc]{color:#fff;text-decoration:none;margin:0 10px;font-size:18px;cursor:pointer}.nav-link[data-v-94706ecc]:hover{text-decoration:underline}.hidden-button[data-v-94706ecc]{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:40px;height:40px;cursor:pointer}.message-box[data-v-94706ecc]{position:absolute;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:10px 20px;border-radius:5px;font-size:16px;pointer-events:none;z-index:1000}.fade-enter-active[data-v-94706ecc],.fade-leave-active[data-v-94706ecc]{transition:opacity .5s}.fade-enter-from[data-v-94706ecc],.fade-leave-to[data-v-94706ecc]{opacity:0}body,html{overflow-x:hidden;overflow-y:auto}#app{min-height:100%;width:100%;position:relative}:root{--primary-color:#2d3436;--secondary-color:#0984e3;--text-color:#2d3436;--background-color:#fff;--section-padding:5rem 0;--transition-speed:0.3s}.app-container{width:100%;height:100vh;position:relative;overflow-y:auto;color:var(--text-color);font-family:Inter,sans-serif;background-color:var(--background-color)}.main-content{width:100%;height:auto;padding-top:70px}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--primary-color)}.header{position:fixed;top:0;width:100%;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.nav-desktop ul{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;transition:color var(--transition-speed) ease}.nav-link:hover{color:var(--secondary-color)}.hero-section{min-height:calc(100vh - 70px);display:flex;align-items:center;padding:6rem 0;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.profile{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.profile-content{animation:fadeInUp 1s ease}.profile-image img{width:100%;max-width:400px;height:auto;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.greeting{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--primary-color)}.description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;color:#666}.cta-buttons{display:flex;gap:1rem}.primary-btn,.secondary-btn{padding:.8rem 2rem;border-radius:5px;text-decoration:none;font-weight:500;transition:all var(--transition-speed) ease}.primary-btn{background:var(--secondary-color);color:#fff}.primary-btn:hover{background:#0873c4;transform:translateY(-2px)}.secondary-btn{background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)}.secondary-btn:hover{background:rgba(9,132,227,.1);transform:translateY(-2px)}.skills-section{background:#fff;padding:var(--section-padding)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.skill-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform var(--transition-speed) ease;animation:fadeInUp .5s ease forwards;opacity:0}.skill-card:hover{transform:translateY(-5px)}.timeline{position:relative;max-width:800px;margin:0 auto;padding:2rem 0}.timeline-item{margin-bottom:3rem;position:relative;padding-left:2rem;border-left:2px solid var(--secondary-color)}.timeline-content{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.date{display:inline-block;padding:.5rem 1rem;background:var(--secondary-color);color:#fff;border-radius:20px;font-size:.9rem;margin-bottom:1rem}.contact-section{background:#f8f9fa;padding:var(--section-padding)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.contact-card{background:#fff;padding:2rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform var(--transition-speed) ease}.contact-card:hover{transform:translateY(-5px)}.contact-card i{font-size:2rem;color:var(--secondary-color);margin-bottom:1rem}.footer{background:var(--primary-color);color:#fff;padding:2rem 0;text-align:center;margin-top:4rem}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.5rem}.menu-toggle span{display:block;width:25px;height:2px;background:var(--primary-color);transition:all var(--transition-speed) ease}.mobile-menu{display:none;position:fixed;top:70px;left:0;width:100%;background:#fff;padding:1rem;box-shadow:0 4px 6px rgba(0,0,0,.1);transform:translateY(-100%);transition:transform var(--transition-speed) ease}.mobile-menu.is-open{transform:translateY(0)}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu a{display:block;padding:1rem;color:var(--text-color);text-decoration:none;border-bottom:1px solid #eee;transition:background var(--transition-speed) ease}.mobile-menu a:hover{background:#f5f5f5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-desktop{display:none}.menu-toggle{display:flex}.mobile-menu{display:block}.profile{grid-template-columns:1fr;text-align:center;gap:2rem}.profile-image{order:-1}.profile-image img{max-width:300px}.greeting{font-size:2rem}.cta-buttons{justify-content:center}.section-title{font-size:2rem}.container{padding:0 1rem}.timeline-item{padding-left:1rem}.contact-grid{grid-template-columns:1fr}}@media (max-width:480px){.profile-image img{max-width:250px}.greeting{font-size:1.8rem}.description{font-size:1rem}.cta-buttons{flex-direction:column}.primary-btn,.secondary-btn{width:100%;text-align:center}}.system-intro[data-v-3c532017]{padding:20px}.image-container[data-v-3c532017]{display:flex;flex-wrap:wrap;justify-content:space-between}.image-container img[data-v-3c532017]{width:48%;margin-bottom:10px}code[data-v-3c532017]{background-color:#f5f5f5;padding:2px 4px;border-radius:4px}.sky-takeout-intro[data-v-4dcb1a1a]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-4dcb1a1a],h2[data-v-4dcb1a1a],h3[data-v-4dcb1a1a],h4[data-v-4dcb1a1a]{color:#333;margin-top:1.5em;margin-bottom:.8em}h1[data-v-4dcb1a1a]{font-size:2em;text-align:center}h2[data-v-4dcb1a1a]{font-size:1.5em;border-bottom:2px solid #eee;padding-bottom:.3em}h3[data-v-4dcb1a1a]{font-size:1.3em}h4[data-v-4dcb1a1a]{font-size:1.1em;color:#444}p[data-v-4dcb1a1a]{line-height:1.6;margin:1em 0}a[data-v-4dcb1a1a]{color:#42b983;text-decoration:none}a[data-v-4dcb1a1a]:hover{text-decoration:underline}.image-container[data-v-4dcb1a1a]{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}.image-container img[data-v-4dcb1a1a]{width:48%;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s ease}.image-container img[data-v-4dcb1a1a]:hover{transform:scale(1.02)}code[data-v-4dcb1a1a]{background-color:#f8f8f8;padding:2px 6px;border-radius:4px;font-family:monospace;color:#e96900}ul[data-v-4dcb1a1a]{list-style:none;padding-left:20px}ul li[data-v-4dcb1a1a]{margin:8px 0;position:relative}ul li[data-v-4dcb1a1a]:before{content:"•";color:#42b983;position:absolute;left:-15px}.module-section[data-v-4dcb1a1a]{background-color:#f8f8f8;padding:20px;border-radius:8px;margin:20px 0}.system-intro[data-v-555fcac7]{padding:20px}.image-container[data-v-555fcac7]{display:flex;flex-wrap:wrap;justify-content:space-between}.image-container img[data-v-555fcac7]{width:48%;margin-bottom:10px}code[data-v-555fcac7]{background-color:#f5f5f5;padding:2px 4px;border-radius:4px}strong[data-v-555fcac7]{font-weight:600}h1[data-v-555fcac7]{color:#2c3e50;margin-bottom:20px}h2[data-v-555fcac7]{color:#34495e;margin:25px 0 15px 0}p[data-v-555fcac7]{line-height:1.6;margin-bottom:15px;color:#2c3e50}a[data-v-555fcac7]{color:#42b983;text-decoration:none}a[data-v-555fcac7]:hover{text-decoration:underline}[data-v-5ef9eb52]{margin:0;padding:0;box-sizing:border-box}.container[data-v-5ef9eb52]{display:flex;width:100%;height:100vh}.sidebar[data-v-5ef9eb52]{width:20%;background-color:#fff;border-right:1px solid #e1e4e8;padding:20px;overflow-y:auto;transition:width .2s}.resizer[data-v-5ef9eb52]{width:.5%;cursor:ew-resize;background-color:#e1e4e8}.sidebar h2[data-v-5ef9eb52]{font-size:18px;margin-bottom:16px;color:#0366d6}.sidebar ul[data-v-5ef9eb52]{list-style-type:none}.sidebar ul li[data-v-5ef9eb52]{margin-bottom:8px}.sidebar ul li a[data-v-5ef9eb52]{text-decoration:none;color:#0366d6;font-size:14px;padding:8px;display:block;border-radius:4px;transition:background-color .2s}.sidebar ul li a[data-v-5ef9eb52]:hover{background-color:#f1f8ff}.sidebar ul li a.active[data-v-5ef9eb52]{background-color:#f1f8ff;font-weight:700}.content[data-v-5ef9eb52]{flex:1;padding:20px;overflow-y:auto;background-color:#fff}.content h1[data-v-5ef9eb52]{font-size:24px;margin-bottom:16px}.page-wrapper[data-v-c5a7d524]{width:100%;height:100vh;display:flex;background-color:#f5f5f5;padding:1rem;margin:0;overflow:hidden}.container[data-v-c5a7d524]{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}h1[data-v-c5a7d524]{text-align:center;color:#333;margin:0 0 1.5rem;font-size:1.5rem}.content-grid[data-v-c5a7d524]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;height:calc(100vh - 150px)}.control-panel[data-v-c5a7d524],.result-panel[data-v-c5a7d524]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-c5a7d524]{background-color:#f8f9fa;padding:.75rem;border-radius:6px}label[data-v-c5a7d524]{display:block;margin-bottom:.25rem;color:#555;font-weight:500;font-size:.9rem}input[data-v-c5a7d524],select[data-v-c5a7d524]{width:100%;height:2rem;padding:.25rem .5rem;border-radius:4px;border:1px solid #ddd;margin-bottom:.5rem;font-size:.9rem}.custom-input-group[data-v-c5a7d524]{display:flex;gap:.5rem}.custom-input-group input[data-v-c5a7d524]{flex:1;margin-bottom:0}.add-btn[data-v-c5a7d524]{width:auto;padding:0 1rem;margin:0}button[data-v-c5a7d524]{height:2rem;padding:0 1rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}button[data-v-c5a7d524]:hover{background-color:#388e3c}.clear-btn[data-v-c5a7d524]{background-color:#f44336}.clear-btn[data-v-c5a7d524]:hover{background-color:#d32f2f}.options[data-v-c5a7d524]{display:flex;gap:.5rem}.options button[data-v-c5a7d524]{flex:1}.result-panel[data-v-c5a7d524]{background-color:#f8f9fa;padding:1rem;border-radius:6px}.custom-values[data-v-c5a7d524],.result[data-v-c5a7d524]{flex:1}h3[data-v-c5a7d524]{margin:0 0 .5rem;font-size:1rem;color:#333}.result-container[data-v-c5a7d524],.values-container[data-v-c5a7d524]{background-color:#fff;padding:.75rem;border-radius:4px;min-height:3rem;max-height:calc(100% - 2rem);overflow-y:auto;font-size:.9rem;color:#666}@media (max-width:768px){.content-grid[data-v-c5a7d524]{grid-template-columns:1fr;height:auto}.page-wrapper[data-v-c5a7d524]{height:auto;padding:.5rem}.container[data-v-c5a7d524]{padding:1rem}.result-panel[data-v-c5a7d524]{max-height:300px}}.music-player[data-v-82150800]{width:100%;min-height:100vh;flex-direction:column;justify-content:center;padding:20px;box-sizing:border-box}.container[data-v-82150800],.music-player[data-v-82150800]{display:flex;align-items:center;transition:background-color .3s ease}.container[data-v-82150800]{flex-direction:row;width:60%;min-width:300px;max-width:800px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);overflow:hidden;margin-bottom:20px}.cover[data-v-82150800]{width:50%;padding:20px}.cover img[data-v-82150800]{width:100%;height:auto;border-radius:50%;transition:transform .3s ease}.cover img.rotating[data-v-82150800]{animation:rotate-82150800 12s linear infinite}@keyframes rotate-82150800{to{transform:rotate(1turn)}}.lyrics[data-v-82150800]{width:50%;padding:20px;display:flex;align-items:center;justify-content:center}.lyrics p[data-v-82150800]{font-size:18px;line-height:1.5;margin:0;text-align:center}.controls[data-v-82150800]{display:flex;justify-content:center;gap:10px;margin-top:20px}.controls button[data-v-82150800]{padding:10px 20px;font-size:16px;cursor:pointer;border:none;border-radius:5px;background-color:#3498db;color:#fff;transition:background-color .3s ease}.controls button[data-v-82150800]:hover{background-color:#2980b9}.progress-container[data-v-82150800]{width:60%;min-width:300px;max-width:800px;margin:20px 0}.progress[data-v-82150800]{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;cursor:pointer}.progress-bar[data-v-82150800]{height:100%;background-color:#3498db;transition:width .1s linear}.time-info[data-v-82150800]{display:flex;justify-content:space-between;margin-top:5px;font-size:14px;color:#666}.theme-buttons[data-v-82150800]{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:5px}.theme-button[data-v-82150800]{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-button[data-v-82150800]:hover{transform:scale(1.1);border-color:#000}.white[data-v-82150800]{background-color:#f4f4f4}.white.container[data-v-82150800]{background-color:#fff}.light-green[data-v-82150800]{background-color:#e6f7e6}.light-green.container[data-v-82150800]{background-color:#f0f8f0}.light-pink[data-v-82150800]{background-color:#fbe8e8}.light-pink.container[data-v-82150800]{background-color:#fff0f0}.light-purple[data-v-82150800]{background-color:#e8eaf6}.light-purple.container[data-v-82150800]{background-color:#f0f0ff}.light-yellow[data-v-82150800]{background-color:#ffffe0}.light-yellow.container[data-v-82150800]{background-color:ivory}.light-rainbow[data-v-82150800]{background:linear-gradient(135deg,#ffafbd,#ffc3a0,#ff677d,#d8a7b1)}.light-rainbow.container[data-v-82150800]{background:linear-gradient(135deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.8));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.theme-button.white[data-v-82150800]{background-color:#fff}.theme-button.light-green[data-v-82150800]{background-color:#d0f0c0}.theme-button.light-pink[data-v-82150800]{background-color:#fddde6}.theme-button.light-purple[data-v-82150800]{background-color:#e6e6fa}.theme-button.light-yellow[data-v-82150800]{background-color:#ffffe0}.theme-button.light-rainbow[data-v-82150800]{background:conic-gradient(#ffafbd,#ffc3a0,#ff677d,#d8a7b1,#ffafbd)}.theme-button.light-rainbow[data-v-82150800]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:50%}.game-container[data-v-0618f42e]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#e8f5e9;padding:20px}.gomoku-game[data-v-0618f42e]{display:flex;flex-direction:column;align-items:center;gap:20px}#game[data-v-0618f42e]{position:relative;width:630px;height:630px;background-color:#b8d4a7;border:3px solid #2c3e50;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.line[data-v-0618f42e]{position:absolute;background-color:rgba(0,0,0,.7)}.hline[data-v-0618f42e]{width:100%;height:1px}.vline[data-v-0618f42e]{width:1px;height:100%}.piece[data-v-0618f42e]{width:40px;height:40px;border-radius:50%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all .2s ease}.black[data-v-0618f42e]{background:radial-gradient(circle at 30% 30%,#666,#000);border:2px solid #000}.white[data-v-0618f42e]{background:radial-gradient(circle at 30% 30%,#fff,#eee);border:2px solid #ccc}.game-info[data-v-0618f42e]{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.player-turn[data-v-0618f42e]{font-size:1.2rem;font-weight:700;color:#2c3e50;padding:8px 16px;background-color:hsla(0,0%,100%,.8);border-radius:4px}.buttons[data-v-0618f42e]{display:flex;gap:20px;width:100%;justify-content:center}.control-btn[data-v-0618f42e]{padding:10px 24px;font-size:16px;cursor:pointer;background-color:#4caf50;color:#fff;border:none;border-radius:4px;transition:all .3s ease;min-width:100px}.control-btn[data-v-0618f42e]:hover{background-color:#45a049;transform:translateY(-1px)}.control-btn[data-v-0618f42e]:disabled{background-color:#ccc;cursor:not-allowed;transform:none}@media (max-width:768px){#game[data-v-0618f42e]{width:490px;height:490px}.piece[data-v-0618f42e]{width:30px;height:30px}}.container[data-v-7a317569]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;transition:background-color .3s;padding:0 20px}.word-meaning[data-v-7a317569]{font-size:20px;margin-bottom:30px;color:#666}.word-input[data-v-7a317569]{width:100%;max-width:400px;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:10px;font-size:16px;outline:none}.submit-btn[data-v-7a317569]{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:10px;cursor:pointer;font-size:16px;transition:background-color .3s;margin-top:20px}.submit-btn[data-v-7a317569]:hover{background-color:#45a049}.correct-word[data-v-7a317569]{color:#e53935;margin-top:20px;font-size:16px}.error-message[data-v-7a317569]{color:#999;font-size:14px;margin-top:10px}.attempts[data-v-7a317569]{margin-bottom:20px;color:#666;font-size:16px}.theme-buttons[data-v-7a317569]{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px}.theme-button[data-v-7a317569]{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;transition:border .3s}.theme-button[data-v-7a317569]:hover{border:2px solid #000}.white[data-v-7a317569]{background-color:#f4f4f4}.light-green[data-v-7a317569]{background-color:#e6f7e6}.light-pink[data-v-7a317569]{background-color:#fbe8e8}.light-purple[data-v-7a317569]{background-color:#e8eaf6}.light-yellow[data-v-7a317569]{background-color:#ffffe0}.light-rainbow[data-v-7a317569]{background:linear-gradient(135deg,#ffafbd,#ffc3a0,#ff677d,#d8a7b1)}.game-container[data-v-2257881c]{width:100%;height:100vh;padding:40px;text-align:center;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);color:#2c3e50}.title[data-v-2257881c]{font-size:2.8rem;margin-bottom:40px;color:#34495e;font-weight:600}.difficulty-slider[data-v-2257881c]{display:flex;align-items:center;justify-content:center;margin-bottom:30px;gap:15px}.difficulty-slider input[data-v-2257881c]{width:250px;height:6px;background:#e0e6ed;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.difficulty-slider input[data-v-2257881c]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#3498db;border-radius:50%;cursor:pointer;-webkit-transition:background .3s ease;transition:background .3s ease}.button-group[data-v-2257881c]{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.btn[data-v-2257881c]{padding:14px 35px;border:none;border-radius:10px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.truth-btn[data-v-2257881c]{background-color:#3498db;color:#fff}.dare-btn[data-v-2257881c]{background-color:#e74c3c;color:#fff}.random-btn[data-v-2257881c]{background-color:#2ecc71;color:#fff;padding:10px 20px}.btn[data-v-2257881c]:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.challenge-display[data-v-2257881c]{background-color:#fff;padding:30px;margin:30px auto;border-radius:15px;min-height:120px;max-width:800px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px rgba(0,0,0,.05)}.challenge-display p[data-v-2257881c]{font-size:1.2rem;color:#2c3e50;margin:0}.random-section[data-v-2257881c]{display:flex;gap:15px;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.random-input[data-v-2257881c]{flex:1;padding:12px 20px;background-color:#fff;border:2px solid #e0e6ed;color:#2c3e50;border-radius:10px;font-size:1.1rem;outline:none;transition:border-color .3s ease}.random-input[data-v-2257881c]:focus{border-color:#3498db}@media (max-width:768px){.game-container[data-v-2257881c]{padding:20px}.title[data-v-2257881c]{font-size:2rem}.button-group[data-v-2257881c]{flex-direction:column;align-items:stretch}.random-section[data-v-2257881c]{flex-direction:column}.random-input[data-v-2257881c]{width:100%}}[data-v-64a64ec2]{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-64a64ec2]{display:flex;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;font-family:Arial,sans-serif;background-color:#e0f2f1}.toggle-btn[data-v-64a64ec2]{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:1rem;width:100%;cursor:pointer;font-size:1rem;margin-bottom:1rem;transition:background-color .3s}.toggle-btn[data-v-64a64ec2]:hover{background-color:#388e3c}.sidebar[data-v-64a64ec2]{width:20%;max-width:300px;min-width:200px;background-color:#d2f8d2;padding:1rem;transition:all .3s ease;overflow-y:auto;height:100vh;flex-shrink:0}.sidebar button[data-v-64a64ec2]{display:block;width:100%;padding:1rem;margin-bottom:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.sidebar button[data-v-64a64ec2]:hover{background-color:#388e3c}.sidebar.collapsed[data-v-64a64ec2]{width:0;min-width:0;padding:0;overflow:hidden}.sidebar-collapsed-btn[data-v-64a64ec2]{position:fixed;top:10px;left:10px;cursor:pointer;display:none;z-index:1000}.sidebar-collapsed-btn.show[data-v-64a64ec2]{display:block}.content[data-v-64a64ec2]{flex:1;width:80%;height:100vh;overflow-y:auto;transition:all .3s ease;background-color:#e0f2f1}.content-expanded[data-v-64a64ec2]{width:100%}.prose p{text-align:justify;margin-bottom:1.5em;line-height:1.8;color:#374151}.prose p:first-letter{margin-left:2em}.prose div.my-8{text-indent:0}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}[data-v-0b2dd584]{margin:0;padding:0;box-sizing:border-box}.app-container[data-v-0b2dd584]{display:flex;width:100vw;height:100vh;overflow:hidden;position:fixed;top:0;left:0;font-family:Arial,sans-serif;background-color:#e0f2f1}.toggle-btn[data-v-0b2dd584]{background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:1rem;width:100%;cursor:pointer;font-size:1rem;margin-bottom:1rem;transition:background-color .3s}.toggle-btn[data-v-0b2dd584]:hover{background-color:#388e3c}.sidebar[data-v-0b2dd584]{width:20%;max-width:300px;min-width:200px;background-color:#d2f8d2;padding:1rem;transition:all .3s ease;overflow-y:auto;height:100vh;flex-shrink:0}.sidebar button[data-v-0b2dd584]{display:block;width:100%;padding:1rem;margin-bottom:1rem;background-color:#4caf50;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.sidebar button[data-v-0b2dd584]:hover{background-color:#388e3c}.sidebar.collapsed[data-v-0b2dd584]{width:0;min-width:0;padding:0;overflow:hidden}.sidebar-collapsed-btn[data-v-0b2dd584]{position:fixed;top:10px;left:10px;cursor:pointer;display:none;z-index:1000}.sidebar-collapsed-btn.show[data-v-0b2dd584]{display:block}.content[data-v-0b2dd584]{flex:1;width:80%;height:100vh;overflow-y:auto;transition:all .3s ease;background-color:#e0f2f1}.content-expanded[data-v-0b2dd584]{width:100%}.login-container[data-v-abfb8b8c]{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#3b82f6);position:relative;overflow:hidden}.background-shapes[data-v-abfb8b8c]{position:absolute;width:100%;height:100%;overflow:hidden}.shape[data-v-abfb8b8c]{position:absolute;border-radius:50%;filter:blur(40px);animation:float-abfb8b8c 10s ease-in-out infinite}.shape-1[data-v-abfb8b8c]{width:300px;height:300px;background:rgba(236,72,153,.4);top:-100px;right:-100px}.shape-2[data-v-abfb8b8c]{width:400px;height:400px;background:rgba(99,102,241,.4);bottom:-150px;left:-150px}.shape-3[data-v-abfb8b8c]{width:250px;height:250px;background:rgba(34,211,238,.4);top:50%;right:15%}@keyframes float-abfb8b8c{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.form-container[data-v-abfb8b8c]{width:100%;max-width:420px;margin:0 20px;position:relative;z-index:10}.glass-effect[data-v-abfb8b8c]{background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:transform .3s ease}.glass-effect[data-v-abfb8b8c]:hover{transform:translateY(-2px)}.login-form[data-v-abfb8b8c]{padding:40px}.input-group[data-v-abfb8b8c]{position:relative;margin-bottom:15px}.form-input[data-v-abfb8b8c]{width:90%;padding:12px 16px;border:2px solid rgba(99,102,241,.1);border-radius:12px;background:hsla(0,0%,100%,.9);transition:all .3s ease;font-size:16px}.form-input[data-v-abfb8b8c]:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.login-button[data-v-abfb8b8c]{width:100%;padding:12px;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-button[data-v-abfb8b8c]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:.5s}.login-button[data-v-abfb8b8c]:hover:before{left:100%}.login-button[data-v-abfb8b8c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.login-button[data-v-abfb8b8c]:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message[data-v-abfb8b8c]{text-align:center;color:#ef4444;font-size:14px;margin-top:12px}@media (max-width:640px){.form-container[data-v-abfb8b8c]{margin:0 16px}.login-form[data-v-abfb8b8c]{padding:24px}.shape[data-v-abfb8b8c]{filter:blur(60px)}}.note-app[data-v-39bb3069]{display:flex;height:100vh;background-color:#f5f5f5}.sidebar[data-v-39bb3069]{width:250px;background-color:#f5f3e4;display:flex;flex-direction:column;padding:20px}.note-list[data-v-39bb3069]{flex-grow:1;overflow-y:auto}.note-item[data-v-39bb3069]{display:flex;justify-content:space-between;align-items:center;padding:10px;margin:6px 0;background-color:hsla(0,0%,100%,.5);border-radius:6px;cursor:pointer;transition:all .2s ease}.note-item[data-v-39bb3069]:hover{background-color:hsla(0,0%,100%,.8)}.note-item.active[data-v-39bb3069]{background-color:hsla(0,0%,100%,.9);border-left:3px solid #2196f3}.delete-btn[data-v-39bb3069]{padding:3px 10px;background-color:#ff5252;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:12px}.delete-btn[data-v-39bb3069]:hover{background-color:#ff1744}.new-note-btn[data-v-39bb3069]{margin-top:20px;padding:10px;background-color:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;font-size:14px}.new-note-btn[data-v-39bb3069]:hover{background-color:#1976d2}.content-area[data-v-39bb3069]{flex-grow:1;display:flex;flex-direction:column;transition:all .3s ease;background-color:#f5f3e4}.content-area.fullscreen[data-v-39bb3069]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000}.top-bar[data-v-39bb3069]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.title-wrapper[data-v-39bb3069]{flex-grow:1;margin-right:20px}.title-input[data-v-39bb3069]{width:100%;font-size:16px;padding:6px 10px;border:none;background:transparent;border-radius:4px}.title-input[data-v-39bb3069]:focus{outline:none}.controls[data-v-39bb3069]{position:relative}.control-icon[data-v-39bb3069]{cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s}.control-icon[data-v-39bb3069]:hover{background-color:rgba(0,0,0,.05)}.control-icon img[data-v-39bb3069]{width:20px;height:20px}.theme-panel[data-v-39bb3069]{position:absolute;top:100%;right:0;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:12px;min-width:180px;margin-top:8px}.theme-menu[data-v-39bb3069]{display:flex;flex-direction:column;gap:8px}.theme-menu-item[data-v-39bb3069]{display:flex;align-items:center;padding:8px;cursor:pointer;border-radius:4px;transition:background-color .2s}.theme-menu-item[data-v-39bb3069]:hover{background-color:#f5f5f5}.theme-menu-item.active[data-v-39bb3069]{background-color:#e3f2fd}.theme-color[data-v-39bb3069]{border-radius:50%;border:1px solid rgba(0,0,0,.1)}.menu-icon[data-v-39bb3069],.theme-color[data-v-39bb3069]{width:20px;height:20px;margin-right:12px}.editor[data-v-39bb3069]{flex-grow:1;display:flex;flex-direction:column;padding:0 20px 20px}.content-input[data-v-39bb3069]{flex-grow:1;padding:16px;border:none;background:transparent;font-size:14px;line-height:1.6;resize:none;margin-bottom:16px}.content-input[data-v-39bb3069]:focus{outline:none}.last-updated[data-v-39bb3069]{text-align:right;color:#757575;font-size:12px}.empty-state[data-v-39bb3069]{display:flex;justify-content:center;align-items:center;height:100%;color:#757575;font-size:14px}.theme-default[data-v-39bb3069]{background-color:#f5f3e4}.theme-white[data-v-39bb3069]{background-color:#fff}.theme-green[data-v-39bb3069]{background-color:#e6f7e6}.theme-pink[data-v-39bb3069]{background-color:#fbe8e8}.theme-purple[data-v-39bb3069]{background-color:#e8eaf6}.theme-blue[data-v-39bb3069]{background-color:#e3f2fd}