.auth-page{width:100%;max-width:448px;margin:0 auto;padding:48px 0 64px}.auth-page>h1{letter-spacing:-.025em;margin-bottom:32px;font-size:2rem;line-height:1.2}.auth-panel{color:var(--text)}.auth-mode{border-bottom:1px solid var(--app-border-color);gap:8px;margin-bottom:32px;padding-bottom:12px;display:flex}.auth-panel .btn{border-radius:var(--radius-field);white-space:normal;height:auto;min-height:48px;box-shadow:none;padding:12px 20px;font-size:.875rem;line-height:1.4}.auth-mode .btn{color:var(--text-2);background:0 0;border:1px solid #0000;flex:1}.auth-mode .btn[aria-pressed=true]{background:var(--surface);border-color:var(--app-border-color);color:var(--text)}.auth-form[hidden]{display:none}.auth-form h2{font-size:1.25rem;font-weight:650;line-height:1.4}.auth-form p{color:var(--text-2);margin-top:8px;font-size:.875rem;line-height:1.6}.auth-fields{gap:24px;margin-top:24px;display:grid}.auth-panel .fieldset{gap:8px;padding:0;display:grid}.auth-panel .fieldset-legend{color:var(--text);padding:0;font-size:.875rem;font-weight:600}.auth-panel .input{border:1px solid var(--app-border-color);border-radius:var(--radius-field);background:var(--bg);width:100%;min-width:0;min-height:48px;color:var(--text);caret-color:var(--accent);padding:12px 16px;font-size:1rem}.auth-actions{gap:12px;display:grid}.auth-panel .btn-primary{color:#fff;background:#357a38;border-color:#357a38}.auth-panel .btn-outline{color:var(--text);border-color:var(--app-border-color);background:var(--bg)}.auth-panel .btn:hover:not(:disabled){filter:brightness(.95)}.auth-panel .btn:disabled{opacity:.6;cursor:wait}.auth-panel :is(button,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.auth-panel .alert{overflow-wrap:anywhere;margin-top:24px;padding:16px}.auth-panel .card{background:var(--surface);border-color:var(--app-border-color)}.auth-panel .card p{overflow-wrap:anywhere}@media (width>=48rem){.auth-page{padding-top:64px}}.rutan-header{background:var(--bg);border-bottom:1px solid var(--app-border-color);color:var(--text)}.rutan-header-layout{grid-template-columns:minmax(44px,1fr) auto auto;grid-template-areas:"brand utilities account""destinations destinations destinations";align-items:center;gap:12px 8px;width:100%;min-height:72px;padding:12px 16px;display:grid}.rutan-header a,.rutan-header button,.rutan-header summary{font-family:inherit}.rutan-header a{text-decoration:none}.rutan-header .btn{height:auto;min-height:44px;color:var(--text-2);box-shadow:none;white-space:normal;text-transform:none;background:0 0;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:.875rem;font-weight:600;line-height:1.4}.rutan-header a:focus-visible,.rutan-header button:focus-visible,.rutan-header summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.rutan-header .btn:hover:not(:disabled),.rutan-settings-menu button:hover{background:var(--surface-hover);color:var(--text)}.rutan-brand{min-width:44px;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;grid-area:brand;justify-self:start;align-items:center;gap:8px;font-size:1.125rem;font-weight:700;display:inline-flex}.rutan-brand span{display:none}.rutan-brand svg{flex-shrink:0}.rutan-destinations{grid-area:destinations;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;min-width:0;display:grid}.rutan-destination{overflow-wrap:anywhere;min-width:0}.rutan-header .rutan-destination[aria-current=page]{background:var(--surface);border-color:var(--app-border-color);color:var(--text)}.rutan-utilities{grid-area:utilities;align-items:center;gap:4px;display:flex}.rutan-header .rutan-theme-toggle{width:44px;padding:10px}.rutan-utilities summary{justify-content:center;align-items:center;min-width:44px;min-height:44px;background:0 0!important;border:1px solid #0000!important;padding:10px 8px!important;font-size:.875rem!important;display:flex!important}.rutan-utilities summary:hover{background:var(--surface-hover)!important}.rutan-account{grid-area:account;min-width:0;position:relative}.rutan-account-toggle{gap:8px}.rutan-account-toggle svg{flex-shrink:0}.rutan-header .rutan-login{color:#fff;background:#357a38;border-color:#357a38;padding:10px 20px}.rutan-header .rutan-login:hover:not(:disabled){color:#fff;border-color:var(--text);background:#357a38}.rutan-header .rutan-login:disabled{opacity:.6;cursor:wait}.rutan-account-popover{z-index:20;border:1px solid var(--app-border-color);background:var(--bg);scrollbar-color:var(--app-border-color) var(--bg);border-radius:12px;width:272px;max-width:calc(100dvw - 32px);max-height:70dvh;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.rutan-account-identity{border-bottom:1px solid var(--app-border-color);overflow-wrap:anywhere;flex-direction:column;gap:4px;margin-bottom:8px;padding:12px;font-size:.875rem;line-height:1.5;display:flex}.rutan-account-identity span{color:var(--text-2)}.rutan-account-identity strong{font-weight:600}.rutan-settings-menu{gap:4px;width:100%;padding:0}.rutan-settings-menu button{min-height:44px;color:var(--text);white-space:normal;overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:.875rem;line-height:1.4}@media (width>=40rem){.rutan-brand span{display:inline}.rutan-header-layout{padding-inline:24px}}@media (width>=48rem){.rutan-header-layout{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand destinations utilities account";column-gap:16px}.rutan-destinations{flex-wrap:wrap;margin-left:16px;display:flex}.rutan-header .rutan-destination{padding-inline:16px}}@media (width>=80rem){.rutan-header-layout{padding-inline:32px}}