.login{justify-content:center;padding:48px 16px;display:flex}.login__card{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);border-radius:12px;padding:32px}.login__subtitle{color:var(--muted);margin-top:4px;margin-bottom:24px}.login__form{flex-direction:column;gap:16px;display:flex}.login__form label{flex-direction:column;gap:8px;font-weight:500;display:flex}.login__form input{border:1px solid var(--border);background:var(--surface-muted);color:inherit;border-radius:8px;padding:10px 12px}.login__form .login__remember{color:var(--muted);flex-direction:row;align-items:center;gap:10px;font-size:.95rem}.login__remember input{width:16px;height:16px;accent-color:var(--accent);margin:0;padding:0}.login__rules{color:var(--muted);margin:0;padding-left:20px;font-size:.9rem}.login__error{background:var(--danger-bg);color:var(--danger);border-radius:8px;padding:10px 12px}.login__success{background:var(--surface-muted);color:var(--text);border-radius:8px;padding:10px 12px}.login__submit{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:600}.login__submit:disabled{opacity:.7;cursor:default}.login__toggle{color:var(--muted);align-items:center;gap:12px;margin-top:24px;font-size:.9rem;display:flex}.login__toggle button{color:var(--link);cursor:pointer;background:0 0;border:none;font-weight:600}.login__toggle button:hover{color:var(--link-hover)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1216;--text:#f4f6f8;--surface:#171b21;--surface-muted:#1f242c;--border:#2b313a;--muted:#b2bac5;--link:#7fb7ff;--link-hover:#a7cdff;--accent:#5aa7ff;--accent-contrast:#0a0f14;--danger:#ffb1a8;--danger-bg:#3a1d1c;--library-action-primary:#7c3aed;--library-action-primary-hover:#6d28d9;--library-action-secondary:#2563eb;--library-action-secondary-hover:#1d4ed8;--library-action-danger-border:#ef4444cc;--library-action-danger-border-hover:#f87171f2;--library-action-danger-bg:#000;--library-action-danger-bg-hover:#111;--shadow:0 1px 2px #05080c80;--app-header-height:0px;--library-shell-bg:#0f172a47;--library-shell-border:#94a3b84d}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--text:#1b1f24;--surface:#fff;--surface-muted:#eef1f4;--border:#d0d7de;--muted:#5c6370;--link:#0b63ce;--link-hover:#084a98;--accent:#0b63ce;--accent-contrast:#fff;--danger:#8a1c1c;--danger-bg:#fff1f0;--library-action-primary:#6d28d9;--library-action-primary-hover:#5b21b6;--library-action-secondary:#1d4ed8;--library-action-secondary-hover:#1e40af;--library-action-danger-border:#dc2626d9;--library-action-danger-border-hover:#b91c1cf2;--library-action-danger-bg:#111827;--library-action-danger-bg-hover:#1f2937;--shadow:0 1px 2px #1b1f2414;--library-shell-bg:var(--surface);--library-shell-border:var(--border)}.app{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:system-ui,sans-serif;display:flex}.app__header{z-index:1500;background:var(--surface);position:sticky;top:0}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}.top-nav{background:var(--surface);border-bottom:1px solid var(--border);box-sizing:border-box;z-index:1500;flex-direction:column;align-items:stretch;gap:6px;width:100%;padding:8px 16px;display:flex;position:sticky;top:0}.top-nav__bar{justify-content:flex-start;align-items:center;gap:16px;display:flex}.top-nav .top-nav__context-link{color:inherit;background:0 0;border:1px solid #94a3b899;border-radius:999px;padding:.6rem 1.2rem;line-height:1;display:none}.top-nav .top-nav__context-link:hover{color:inherit;border-color:#94a3b8d9}.top-nav__links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.top-nav a{color:var(--link);align-items:center;padding:4px 0;line-height:1;display:inline-flex}.top-nav a:hover{color:var(--link-hover)}.top-nav__menu{justify-content:space-between;align-items:center;gap:16px;display:flex}.top-nav__actions{align-items:center;gap:12px;display:flex}.top-nav__toggle{border:1px solid var(--border);background:var(--surface-muted);color:inherit;cursor:pointer;border-radius:6px;padding:6px 12px}.top-nav__toggle:hover{background:var(--surface)}.top-nav__user{align-items:center;gap:10px;font-size:.95rem;display:flex}.top-nav__logout{border:1px solid var(--border);background:var(--surface-muted);color:inherit;cursor:pointer;border-radius:6px;padding:6px 12px}.top-nav__logout:hover{background:var(--surface)}.top-nav__menu-toggle{border:1px solid var(--border);background:var(--surface-muted);color:inherit;cursor:pointer;border-radius:10px;width:40px;height:40px;padding:8px;display:none}.top-nav__menu-toggle:hover{background:var(--surface)}.top-nav__menu-toggle span{background:currentColor;border-radius:999px;width:100%;height:2px;display:block}.app__content{max-width:1100px;margin:0 auto;padding:16px}.auth-loading{color:var(--muted);padding:40px 16px}@media (width<=720px){.top-nav{gap:8px;padding:10px 12px}.top-nav__menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:inline-flex}.top-nav .top-nav__context-link{align-items:center;margin-left:auto;display:inline-flex}.top-nav__menu{border-top:1px solid var(--border);flex-direction:column;align-items:stretch;gap:16px;padding-top:8px;display:none}.top-nav__menu.is-open{display:flex}.top-nav__links,.top-nav__actions{flex-direction:column;align-items:flex-start}.action-modal,.card-detail-modal,.card-detail__modal,.decks-modal,.inventory-modal,.inventory-detail-modal,.library-bulk-modal{box-sizing:border-box;inset:var(--app-header-height,0px) 0 0!important;align-items:flex-start!important;padding:.75rem!important;overflow-y:auto!important}.action-modal__content,.card-detail-modal__content,.card-detail__modal-content,.decks-modal__content,.inventory-modal__content,.inventory-detail__content,.library-bulk-modal__content{box-sizing:border-box;width:min(100%,100vw - 1.5rem);max-height:calc(100dvh - var(--app-header-height,0px) - 1.5rem)!important}.card-detail-modal__close,.decks-modal__close,.inventory-modal__close,.inventory-detail__close,.library-bulk-modal__close{font-size:1.8rem!important}}