.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)}.settings-section[data-v-6c888e0c]{margin-top:24px}.mode-toggle[data-v-6c888e0c]{display:flex;gap:8px}.mode-button[data-v-6c888e0c]{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-6c888e0c]{border-color:var(--color-primary);color:var(--color-primary)}.color-field[data-v-6c888e0c]{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-6c888e0c]{width:48px;height:32px;border:none;background:none;cursor:pointer}: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}