.navbar[data-v-111b0d8d]{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-around;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);z-index:100}.nav-item[data-v-111b0d8d]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;color:var(--color-text);text-decoration:none;font-size:.7rem}.nav-item svg[data-v-111b0d8d]{font-size:1.1rem}.nav-item.router-link-exact-active[data-v-111b0d8d]{color:var(--color-primary)}@media (min-width:768px){.nav-item[data-v-111b0d8d]{flex-direction:row;gap:8px;font-size:.9rem}}.content{padding-top:var(--nav-height)}.greeting[data-v-7f058e34]{font-size:1.3rem}.login-form[data-v-7f058e34]{display:flex;flex-direction:column;max-width:320px;margin-top:16px}.login-form label[data-v-7f058e34]{margin-top:12px;margin-bottom:4px;font-size:.9rem}.input-field[data-v-7f058e34]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-alt)}.input-field input[data-v-7f058e34]{flex:1;border:none;background:none;color:var(--color-text);font-size:1rem;outline:none}.error-message[data-v-7f058e34]{color:#e74c3c;font-size:.9rem;margin-top:12px;margin-bottom:0}.button-row[data-v-7f058e34]{display:flex;gap:8px;margin-top:20px}.btn[data-v-7f058e34]{flex:1;padding:10px;border-radius:6px;border:1px solid var(--color-border);font-size:1rem;cursor:pointer}.btn-primary[data-v-7f058e34]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-secondary[data-v-7f058e34]{background-color:var(--color-bg-alt);color:var(--color-text)}.settings-section[data-v-a6913abe]{margin-top:24px}.hint-message[data-v-a6913abe]{font-size:.9rem;color:var(--color-text);opacity:.7}.hint-message.success[data-v-a6913abe]{color:var(--color-primary);opacity:1}.mode-toggle[data-v-a6913abe]{display:flex;gap:8px}.mode-button[data-v-a6913abe]{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-alt);color:var(--color-text);cursor:pointer}.mode-button.active[data-v-a6913abe]{border-color:var(--color-primary);color:var(--color-primary)}.color-field[data-v-a6913abe]{display:flex;align-items:center;justify-content:space-between;max-width:320px;padding:8px 0;border-bottom:1px solid var(--color-border)}.color-field input[type=color][data-v-a6913abe]{width:48px;height:32px;border:none;background:none;cursor:pointer}.account-frame[data-v-a6913abe]{display:flex;flex-direction:column;max-width:320px;padding:16px;border:1px solid var(--color-border);border-radius:8px}.account-frame label[data-v-a6913abe]{margin-top:12px;margin-bottom:4px;font-size:.9rem}.account-frame label[data-v-a6913abe]:first-child{margin-top:0}.input-field[data-v-a6913abe]{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background-color:var(--color-bg-alt)}.input-field input[data-v-a6913abe]{flex:1;border:none;background:none;color:var(--color-text);font-size:1rem;outline:none}.error-message[data-v-a6913abe]{color:#e74c3c;font-size:.9rem;margin-top:12px;margin-bottom:0}.button-row[data-v-a6913abe]{display:flex;gap:8px;margin-top:20px}.btn[data-v-a6913abe]{flex:1;padding:10px;border-radius:6px;border:1px solid var(--color-border);font-size:1rem;cursor:pointer}.btn-primary[data-v-a6913abe]{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-secondary[data-v-a6913abe]{background-color:var(--color-bg-alt);color:var(--color-text)}:root{--nav-height:56px;--color-bg:#fff;--color-bg-alt:#f2f2f2;--color-text:#2c3e50;--color-primary:#42b883;--color-border:#ddd}@media (prefers-color-scheme:dark){:root{--color-bg:#1e1e1e;--color-bg-alt:#2a2a2a;--color-text:#f0f0f0;--color-primary:#42b883;--color-border:#3a3a3a}}*{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{padding:16px}