:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-base:#0e0e10;--bg-card:#16161a;--bg-input:#1f1f23;--border:#3a3a40;--border-focus:#c8a24a;--text:#f5f1e6;--text-dim:#b6b0a3;--accent:#c8a24a;--accent-strong:#e6c66a;--error:#d35656;--error-bg:#2a1717;--error-strong:#ff6b6b;--success:#66d49a;--warn:#e8a44a;--focus-ring:0 0 0 3px #c8a24a73;--focus-ring-error:0 0 0 3px #d3565673;--shadow-card:0 1px 0 #ffffff0a inset, 0 16px 48px #00000080;--duration-fast:.12s;--duration-base:.18s;--duration-slow:.26s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--font-display:"Cinzel", "Trajan Pro", "Times New Roman", serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-base);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent)}.page{min-height:100%;background:radial-gradient(ellipse at top, #1a1a22 0%, var(--bg-base) 60%) no-repeat;place-items:center;min-height:100dvh;padding:24px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;animation:auth-fade-in var(--duration-slow) var(--easing-standard);padding:32px 28px;position:relative;box-shadow:inset 0 1px #ffffff0a,0 16px 48px #00000080}.card:before{content:"";border-radius:var(--radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #c8a24a2e}.card.shake{animation:auth-shake var(--duration-slow) var(--easing-standard)}.title{font-family:var(--font-display);letter-spacing:.04em;text-align:center;color:var(--accent-strong);margin:0 0 6px;font-size:28px}.subtitle{text-align:center;color:var(--text-dim);margin:0 0 24px;font-size:14px}.form{flex-direction:column;gap:14px;display:flex}.field{background:var(--bg-input);border:1px solid var(--border);transition:border-color var(--duration-base), box-shadow var(--duration-base);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative}.field:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.field.invalid{border-color:var(--error);box-shadow:0 0 0 3px #d3565640}.field.invalid:focus-within{border-color:var(--error-strong);box-shadow:var(--focus-ring-error)}.field svg{color:var(--text-dim);flex-shrink:0}.field input{color:var(--text);appearance:none;background:0 0;border:0;outline:0;flex:1;padding:12px 0;font-size:15px}.field input::placeholder{color:var(--text-dim)}.toggle-pw{cursor:pointer;color:var(--text-dim);transition:color var(--duration-base), background-color var(--duration-base);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:0;padding:4px;display:inline-flex}.toggle-pw:hover{color:var(--text)}.toggle-pw:focus-visible{box-shadow:var(--focus-ring);outline:0}.remember{color:var(--text-dim);-webkit-user-select:none;user-select:none;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.remember input:focus-visible{box-shadow:var(--focus-ring);border-radius:6px;outline:0}.field-error{color:var(--error-strong);animation:auth-fade-in var(--duration-base) var(--easing-standard);align-items:center;gap:4px;margin:-8px 4px 0;font-size:13px;display:flex}.error{background:var(--error-bg);color:var(--error-strong);animation:auth-fade-in var(--duration-base) var(--easing-standard);border:1px solid #d3565666;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;display:flex}.error:before{content:"⚠";color:var(--error-strong);font-size:14px}.submit{border:1px solid var(--accent);color:#1a1a1a;cursor:pointer;transition:filter var(--duration-base), transform 50ms, box-shadow var(--duration-base);background:linear-gradient(#c8a24a 0%,#a07f2e 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:12px 16px;font-size:15px;font-weight:600;display:inline-flex}.submit:hover:not(:disabled){filter:brightness(1.08)}.submit:active:not(:disabled){transform:translateY(1px)}.submit:focus-visible{box-shadow:var(--focus-ring);outline:0}.submit:disabled{opacity:.7;cursor:progress}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-success-pulse{0%{box-shadow:0 0 #66d49a99}to{box-shadow:0 0 0 12px #66d49a00}}.boot{color:var(--text-dim);font-size:14px}.card.home{text-align:center}.card.home .submit{margin:12px auto 0}.portal-page{background:radial-gradient(ellipse at top, #1a1a22 0%, var(--bg-base) 60%) no-repeat;min-height:100vh;padding:0;display:block}.portal-topbar{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:28px 24px 0;display:flex}.portal-brand{font-family:var(--font-display);color:var(--accent-strong);letter-spacing:.05em;font-size:1.4rem}.portal-user{color:var(--text-dim);align-items:center;gap:12px;font-size:.9rem;display:flex}.portal-user-pill{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:6px 14px;font-size:.9rem}.portal-logout{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color var(--duration-base), border-color var(--duration-base);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:.85rem;display:inline-flex}.portal-logout:hover{color:var(--text);border-color:var(--accent)}.portal-logout:focus-visible{box-shadow:var(--focus-ring);outline:0}.portal-content{max-width:1100px;margin:0 auto;padding:24px}.portal-greeting{font-family:var(--font-display);color:var(--text);margin:0 0 6px;font-size:2rem}.portal-subtitle{color:var(--text-dim);margin:0 0 28px;font-size:1rem}.portal-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.app-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:inherit;text-align:left;border-radius:12px;padding:28px;font-family:inherit;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}.app-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #c8a24a26}.app-card.disabled{opacity:.45;cursor:not-allowed}.app-card.disabled:hover{border-color:var(--border);box-shadow:none;transform:none}.app-icon{margin-bottom:10px;font-size:3rem;display:block}.app-title{font-family:var(--font-display);color:var(--accent-strong);margin:0 0 6px;font-size:1.4rem}.app-desc{color:var(--text-dim);margin-bottom:14px;font-size:.92rem;line-height:1.5}.app-meta{flex-wrap:wrap;gap:8px;display:flex}.app-badge{color:var(--accent-strong);background:#c8a24a1a;border:1px solid #c8a24a4d;border-radius:999px;padding:4px 10px;font-size:.75rem}.app-badge.muted{color:var(--text-dim);border-color:var(--border);background:#b6b0a314}.account-page{justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 16px;display:flex}.account-card{background:var(--bg-card);border:1px solid var(--border);width:100%;max-width:560px;color:var(--text);animation:auth-fade-in var(--duration-slow) var(--easing-standard);border-radius:12px;padding:24px}.account-header{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.account-title{color:var(--text);align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.account-user{color:var(--text-dim);margin:0;font-size:.8rem}.account-hint{color:var(--text-dim);margin:0 0 16px;font-size:.82rem;line-height:1.5}.account-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:8px;font-size:.75rem}.account-session-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.account-session{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.account-session-current{border-color:#c8a24a80}.account-session-info{flex-direction:column;gap:1px;min-width:0;display:flex}.account-session-device{color:var(--text);overflow-wrap:anywhere;font-size:.85rem}.account-session-meta{color:var(--text-dim);font-size:.72rem}.account-loading,.account-empty{color:var(--text-dim);align-items:center;gap:8px;padding:12px 4px;font-size:.82rem;display:flex}.account-spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-banner{animation:auth-fade-in var(--duration-base) var(--easing-standard);border-radius:6px;align-items:center;gap:6px;margin-bottom:12px;padding:10px 12px;font-size:.8rem;display:flex}.account-banner-error{color:#ff7b74;background:#dc322f26;border:1px solid #dc322f66}.account-banner-ok{color:#5ee07f;background:#2ea04326;border:1px solid #2ea04366}.account-actions{margin-top:8px}.btn-logout-all{color:#ff8a84;cursor:pointer;background:#dc322f1f;border:1px solid #dc322f66;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-logout-all:hover:not(:disabled){background:#dc322f40}.btn-logout-all:focus-visible{box-shadow:var(--focus-ring-error);outline:0}.btn-logout-all:disabled{opacity:.5;cursor:not-allowed}.account-confirm{color:var(--text);background:#c8a24a0f;border:1px solid #c8a24a4d;border-radius:8px;flex-direction:column;gap:10px;padding:12px;font-size:.82rem;display:flex}.account-confirm-btns{gap:8px;display:flex}.btn-danger{color:#ff8a84;cursor:pointer;background:#dc322f33;border:1px solid #dc322f80;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.btn-danger:hover:not(:disabled){background:#dc322f59}.btn-danger:focus-visible{box-shadow:var(--focus-ring-error);outline:0}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color var(--duration-base);background:0 0;border-radius:6px;padding:8px 12px;font-size:.8rem}.btn-ghost:hover{color:var(--text)}.btn-ghost:focus-visible{box-shadow:var(--focus-ring);outline:0}@media (max-width:768px){input,select,textarea,button{font-size:16px}}@media (max-width:480px){.page{padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));align-items:start}.card{border-radius:12px;padding:24px 20px}.title{font-size:24px}.subtitle{margin-bottom:18px;font-size:13px}.form{gap:12px}.field input{padding:14px 0}.toggle-pw{min-width:44px;min-height:44px}.remember{min-height:44px}.submit{min-height:48px;padding:14px 18px;font-size:16px}.account-page{padding:12px}.account-card{padding:16px}.account-session{flex-direction:column;align-items:flex-start;gap:6px;padding:12px}.account-session-info{width:100%}.btn-logout-all,.btn-danger,.btn-ghost{justify-content:center;width:100%;min-height:44px}.account-confirm-btns{flex-direction:column-reverse;gap:8px}}@media (min-width:481px) and (max-width:768px){.card{max-width:420px;padding:28px 24px}.account-card{max-width:480px}.submit{min-height:48px}}@media (max-height:500px) and (orientation:landscape){.page{padding:8px;padding-top:max(8px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));align-items:start}.card{padding:16px 20px}.title{margin-bottom:0;font-size:20px}.subtitle{display:none}.form{gap:10px}.account-page{padding:12px 16px}}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}