:root{--bg:#0e1310;--surface:#141c16;--text:#e1e9e2;--muted:#90a996;--border:#344b3c;--gold:#c7a34d;--gold-light:#e2be69;--card-radius:18px;--pill-radius:999px;--font:"Courier New", monospace;font-family:var(--font);color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background:var(--bg);overscroll-behavior-y:none;min-height:100dvh;margin:0}.container{text-align:center;width:min(100%,480px);margin:0 auto;padding:65px 24px 45px}.app-title{letter-spacing:4px;text-align:center;margin:0 0 12px;font-size:28px;font-weight:500}.subtitle{color:#7f9584;letter-spacing:3px;margin:0 0 55px;font-size:11px}.morty-slogan{color:var(--muted);letter-spacing:1px;text-align:center;white-space:nowrap;margin-bottom:34px;font-size:11px}.login-page{flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.login-card{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);text-align:left;width:min(100%,360px);margin:14px auto 0;padding:24px}.login-title{color:var(--text);letter-spacing:2px;text-align:center;margin:0 0 8px;font-size:17px;font-weight:400}.login-copy{color:var(--muted);letter-spacing:1px;text-align:center;margin:0 0 22px;font-size:10px}.login-input{border:1px solid var(--border);background:var(--bg);width:100%;min-height:52px;color:var(--text);font:15px var(--font);border-radius:14px;outline:none;margin-bottom:12px;padding:14px 16px}.login-input:focus{border-color:var(--gold)}.login-submit{border-color:var(--gold);min-height:54px;color:var(--gold-light);background:#c7a34d1a;margin-top:6px;font-size:14px}.login-submit:disabled{cursor:wait;opacity:.7}.login-status{min-height:18px;color:var(--gold-light);text-align:center;margin:14px 0 0;font-size:11px;line-height:1.5}.account-controls{text-align:center;margin-top:20px}.account-email{color:var(--muted);letter-spacing:.5px;margin:0 0 8px;font-size:9px}.logout-button{width:auto;min-height:44px;color:var(--muted);letter-spacing:1px;background:0 0;border:0;margin:0 auto;padding:10px 16px;font-size:10px}.buttons{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.buttons>button{background:var(--surface);border:1px solid var(--border);width:78%;max-width:300px;min-height:54px;color:var(--text);letter-spacing:1.5px;text-align:center;border-radius:16px;justify-content:center;align-items:center;padding:12px 18px;font-family:inherit;font-size:15px;font-weight:400;transition:background .16s,border-color .16s,color .16s;display:flex}.buttons>button:first-child,.buttons>button:first-child:hover,.buttons>button:first-child:active,.buttons>button:not(:first-child):active{border-color:var(--gold);color:var(--gold-light);background:#c7a34d1a}button{border:1px solid var(--border);border-radius:var(--card-radius);background:var(--surface);width:100%;min-height:84px;color:var(--text);font:inherit;letter-spacing:2px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;padding:18px;font-size:17px;font-weight:500;transition:background .2s,border-color .2s}@media (hover:hover){button:hover{background:#1e2a20;border-color:#b0d7b8}.buttons>button:not(:first-child):hover{background:#1d2a20;border-color:#617d69}}button:active{background:#304334}button:focus-visible{outline-offset:4px;outline:2px solid #b0d7b8}@media (width<=600px){.container{width:100%;padding:max(32px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.home-page{padding-top:max(76px, calc(env(safe-area-inset-top) + 40px))}.subtitle:not(.morty-slogan){margin-bottom:28px}button{min-height:68px;font-size:16px}}