#app[data-v-f4ea9e9c]{font-family:Hannotate SC,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#794da9;min-height:100vh;display:flex;flex-direction:column;background-color:#f0f2f5}.app-header[data-v-f4ea9e9c]{background-color:#856fde;color:#f5f5f5;padding:25px 0;box-shadow:0 4px 8px rgba(0,0,0,.15);position:relative;z-index:10}.app-header h1[data-v-f4ea9e9c]{margin:0;font-size:2.8em;letter-spacing:1px;font-weight:700}.app-header p[data-v-f4ea9e9c]{margin-top:8px;font-size:1.2em;opacity:.9}.main-layout[data-v-f4ea9e9c]{display:flex;flex-grow:1;max-width:1300px;margin:30px auto;width:calc(100% - 40px);border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1)}.sidebar[data-v-f4ea9e9c]{flex:0 0 280px;background-color:#5a3c73;padding:25px;box-shadow:3px 0 8px rgba(0,0,0,.08);text-align:left;display:flex;flex-direction:column}.sidebar h2[data-v-f4ea9e9c]{color:#f5f5f5;margin-top:0;border-bottom:2px solid #6c5293;padding-bottom:15px;margin-bottom:20px;font-size:1.8em}.sidebar ul[data-v-f4ea9e9c]{list-style:none;padding:0;margin:0;flex-grow:1}.sidebar button[data-v-f4ea9e9c]{width:100%;padding:12px 15px;text-align:left;background-color:#856fde;color:#f5f5f5;border:none;border-radius:8px;cursor:pointer;font-size:1.1em;transition:background-color .25s ease,transform .1s ease;margin-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.sidebar button[data-v-f4ea9e9c]:hover{background-color:#a08df0;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.sidebar button[data-v-f4ea9e9c]:active{background-color:#705cb8;transform:translateY(0)}.sidebar-info[data-v-f4ea9e9c]{padding-top:25px;border-top:2px solid #6c5293;font-size:.95em;color:#f5f5f5;line-height:1.6}.sidebar-info h3[data-v-f4ea9e9c]{color:#f5f5f5;margin-bottom:10px;font-size:1.3em}.sidebar-info p[data-v-f4ea9e9c]{margin-bottom:5px}.sidebar-info code[data-v-f4ea9e9c]{background-color:hsla(0,0%,100%,.2);color:#f5f5f5;padding:3px 7px;border-radius:5px;font-family:Fira Code,Courier New,Courier,monospace;font-size:.9em;display:inline-block}.sidebar-info a[data-v-f4ea9e9c]{color:#6ccee7;text-decoration:none;transition:color .2s ease}.sidebar-info a[data-v-f4ea9e9c]:hover{color:#f5f5f5;text-decoration:underline}.content-area[data-v-f4ea9e9c]{flex-grow:1;padding:30px;background-color:#f5f5f5;color:#5a3c73;text-align:left;overflow-y:auto;border-radius:0 12px 12px 0}.guide-content[data-v-f4ea9e9c]{line-height:1.8;font-size:1.1em}.initial-message[data-v-f4ea9e9c]{padding:60px;font-size:1.4em;color:#794da9;text-align:center;display:flex;align-items:center;justify-content:center;min-height:300px;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,.05)}.app-footer[data-v-f4ea9e9c]{background-color:#5a3c73;color:#f5f5f5;padding:20px 0;margin-top:auto;box-shadow:0 -4px 8px rgba(0,0,0,.15);font-size:.9em;letter-spacing:.5px}