.app-nav[data-v-dc3b5235]{margin-bottom:32px;border-bottom:1px solid var(--border)}.nav-bar[data-v-dc3b5235]{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px}.nav-brand[data-v-dc3b5235]{color:var(--gold-dim);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:3px;text-transform:lowercase;transition:color .3s}.nav-brand[data-v-dc3b5235]:hover{color:var(--gold)}.nav-links.desktop[data-v-dc3b5235]{display:flex;gap:24px}.nav-links a[data-v-dc3b5235]{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:lowercase;transition:color .3s;padding:4px 0}.nav-links a[data-v-dc3b5235]:hover,.nav-links a.router-link-active[data-v-dc3b5235]{color:var(--gold)}.hamburger[data-v-dc3b5235]{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer}.hamburger span[data-v-dc3b5235]{width:20px;height:1.5px;background:var(--text-muted);transition:all .3s}.hamburger.open span[data-v-dc3b5235]:nth-child(1){transform:rotate(45deg) translate(4px,5px);background:var(--gold)}.hamburger.open span[data-v-dc3b5235]:nth-child(2){opacity:0}.hamburger.open span[data-v-dc3b5235]:nth-child(3){transform:rotate(-45deg) translate(4px,-5px);background:var(--gold)}.nav-links.mobile[data-v-dc3b5235]{display:none}@media(max-width:600px){.nav-links.desktop[data-v-dc3b5235]{display:none}.hamburger[data-v-dc3b5235]{display:flex}.nav-links.mobile[data-v-dc3b5235]{display:none;flex-direction:column;gap:4px;padding-bottom:12px}.nav-links.mobile.open[data-v-dc3b5235]{display:flex}.nav-links.mobile a[data-v-dc3b5235]{color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:lowercase;padding:10px 0;border-bottom:1px solid var(--border);transition:color .3s}.nav-links.mobile a[data-v-dc3b5235]:last-child{border-bottom:none}.nav-links.mobile a[data-v-dc3b5235]:hover,.nav-links.mobile a.router-link-active[data-v-dc3b5235]{color:var(--gold)}}:root{--bg: #0d0d0f;--bg-surface: #13110e;--bg-hover: #1a1815;--bg-elevated: #1c1914;--border: #c8a05022;--border-hover: #c8a05044;--border-strong: #c8a05066;--text: #e4dcc4;--text-muted: #9e9480;--text-subtle: #746a56;--gold: #c8a050;--gold-dim: #8b6914;--gold-mid: #a68030;--gold-bright: #f0e4c0;--gold-glow: #c8a05044;--heat-0: #13110e;--heat-1: #3d2e10;--heat-2: #6b4f1a;--heat-3: #9a7525;--heat-4: #c8a050;--cat-guitar: #c8a050;--cat-bass: #8b6914;--cat-theory: #e8d5a0;--cat-ear: #a08540;--danger: #a08540;--danger-hover: #c8a050}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:16px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%23C8A050' stroke-width='0.5'%3E%3Ccircle cx='100' cy='100' r='40'/%3E%3Ccircle cx='140' cy='100' r='40'/%3E%3Ccircle cx='60' cy='100' r='40'/%3E%3Ccircle cx='120' cy='65.36' r='40'/%3E%3Ccircle cx='80' cy='65.36' r='40'/%3E%3Ccircle cx='120' cy='134.64' r='40'/%3E%3Ccircle cx='80' cy='134.64' r='40'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat}#app{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:32px 24px}.divider{height:1px;background:linear-gradient(90deg,transparent,#c8a05022,#c8a05044,#c8a05022,transparent);margin:20px 0}.label{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:lowercase;color:var(--text-muted)}input,select,textarea{background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-family:inherit;font-size:16px;padding:12px 14px;border-radius:2px;outline:none;transition:border-color .3s,box-shadow .3s}input:focus,select:focus,textarea:focus{border-color:var(--gold-dim);box-shadow:0 0 12px var(--gold-glow)}button{background:transparent;border:1px solid var(--border-strong);color:var(--gold);font-family:inherit;font-size:14px;font-weight:500;letter-spacing:1px;text-transform:lowercase;padding:10px 20px;border-radius:2px;cursor:pointer;transition:all .3s}button:hover{border-color:var(--gold);box-shadow:0 0 12px var(--gold-glow);color:var(--gold-bright)}button:disabled{opacity:.3;cursor:default;box-shadow:none}button.primary{background:var(--gold-dim);border-color:var(--gold-dim);color:var(--bg);font-weight:600}button.primary:hover{background:var(--gold);border-color:var(--gold)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:3px;padding:20px;transition:border-color .3s,box-shadow .3s}.card:hover{border-color:var(--border-hover);box-shadow:0 0 12px #c8a05022}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.error{color:var(--gold-dim);font-size:14px}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.xp-flash{color:var(--gold);font-size:14px;font-weight:600;animation:flashUp 1.5s ease-out forwards}@keyframes flashUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}@media(max-width:600px){#app{padding:16px 12px}}