.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#fff0f5,#fce4ec,#e8d5f5 60%,#c8e6f5);padding:20px;position:relative;overflow:hidden}.login-card{background:#fff;border:3px solid var(--pink-mid);border-radius:24px;padding:44px 36px;width:100%;max-width:400px;box-shadow:0 4px 0 var(--pink-mid),0 8px 24px var(--shadow);position:relative;z-index:1}.login-card:before{content:"";position:absolute;top:-24px;right:20px;width:40px;height:40px;background:url(/cockatiel_smile.png) center/contain no-repeat;transform:rotate(10deg)}.login-header{text-align:center;margin-bottom:28px}.login-header h1{font-size:26px;font-weight:700;color:var(--pink-dark);margin:0 0 6px;font-family:Patrick Hand,cursive;letter-spacing:.5px}.login-header p{color:var(--text-light);font-size:13px;margin:0}.form-group{margin-bottom:18px}.form-group label{display:block;color:var(--text-mid);font-size:13px;font-weight:700;margin-bottom:5px}.form-group input{width:100%;padding:11px 14px;background:var(--pink-pale);border:2px solid var(--border);border-radius:12px;color:var(--text-dark);font-size:15px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--pink-hot);background:#fff}.form-group input::placeholder{color:var(--text-light)}.login-error{background:#fde8e8;border:2px solid #f5a5a5;color:#b33a3a;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:14px}.login-btn{width:100%;padding:13px;background:var(--pink-dark);color:#fff;border:none;border-bottom:3px solid #b84d82;border-radius:12px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;transition:transform .1s,background .15s;letter-spacing:.3px}.login-btn:hover:not(:disabled){background:var(--pink-hot)}.login-btn:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-toggle{text-align:center;margin-top:20px;color:var(--text-mid);font-size:14px}.login-toggle button{background:none;border:none;color:var(--pink-hot);cursor:pointer;font-size:14px;font-family:inherit;font-weight:700;margin-left:4px;text-decoration:underline;text-underline-offset:2px}.login-toggle button:hover{color:var(--pink-dark)}[data-theme=dark] .login-page{background:linear-gradient(160deg,#1a1320,#1a1118,#1e1530 60%,#12192a)}[data-theme=dark] .login-card{background:#342848;border-color:var(--pink-mid);box-shadow:0 4px 0 var(--pink-mid),0 8px 24px var(--shadow)}[data-theme=dark] .form-group input{background:#2a2035;color:var(--text-dark);border-color:var(--border)}[data-theme=dark] .form-group input:focus{background:#342848}[data-theme=dark] .login-error{background:#3a2838;border-color:#705060;color:#ef4444}.history-controls{position:fixed;bottom:20px;right:20px;display:flex;gap:8px;z-index:1000}.history-controls button{background:#fff;border:2px solid var(--border);border-bottom:4px solid var(--border);color:var(--pink-dark);padding:8px 16px;border-radius:12px;font-family:Patrick Hand,cursive;font-weight:700;font-size:14px;cursor:pointer;transition:all .1s;box-shadow:0 4px 6px #0000001a}.history-controls button:active{transform:translateY(2px);border-bottom-width:2px;box-shadow:0 1px 2px #0000001a}.history-controls button:disabled{opacity:.5;cursor:not-allowed;transform:none;border-bottom-width:4px}.history-controls button:hover:not(:disabled){background:var(--pink-pale);border-color:var(--pink-mid)}@media(max-width:768px){.history-controls{bottom:12px;right:12px;gap:4px}.history-controls button{padding:6px 10px;font-size:12px;border-radius:10px}}[data-theme=dark] .history-controls button{background:#342848;border-color:var(--border);box-shadow:0 4px 6px #0000004d}[data-theme=dark] .history-controls button:hover:not(:disabled){background:#3e3050;border-color:var(--pink-mid)}*,*:before,*:after{box-sizing:border-box}:root{--pink-dark: #d1629b;--pink-mid: #f2a7c3;--pink-light: #fce4ec;--pink-pale: #fff0f5;--pink-hot: #e91e8a;--lavender: #e8d5f5;--baby-blue: #c8e6f5;--cream: #fffaf3;--text-dark: #5a2d42;--text-mid: #8b5e7a;--text-light: #c48aaa;--border: #f0c6d8;--card-bg: #fff;--shadow: rgba(209, 98, 155, .12)}html,body,#root{margin:0;padding:0;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background:var(--pink-pale);color:var(--text-dark);font-family:Varela Round,Comic Sans MS,cursive,sans-serif;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(circle at 20% 50%,rgba(242,167,195,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(200,230,245,.2) 0%,transparent 50%),radial-gradient(circle at 60% 80%,rgba(232,213,245,.15) 0%,transparent 50%);background-attachment:fixed}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--pink-dark)}.loading-screen:before{content:"";display:block;width:64px;height:64px;background:url(/logos/FA_logo.webp) center/contain no-repeat;animation:bounce 1s ease infinite}.loading-screen p{font-size:16px;color:var(--text-mid)}.loading-spinner{width:28px;height:28px;border:3px solid var(--pink-light);border-top-color:var(--pink-hot);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--pink-pale)}::-webkit-scrollbar-thumb{background:var(--pink-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--pink-dark)}::selection{background:var(--pink-mid);color:#fff}[data-theme=dark]{--pink-dark: #eda5c8;--pink-mid: #c480a0;--pink-light: #3a2840;--pink-pale: #2a2030;--pink-hot: #f27cb5;--lavender: #352848;--baby-blue: #253040;--cream: #2e2430;--text-dark: #f5e4ee;--text-mid: #d8b8cc;--text-light: #a890a0;--border: #523d5a;--card-bg: #342848;--shadow: rgba(120, 60, 100, .18)}[data-theme=dark] body{background:#1a1320;background-image:radial-gradient(circle at 20% 50%,rgba(200,100,160,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(60,50,80,.12) 0%,transparent 50%),radial-gradient(circle at 60% 80%,rgba(80,50,100,.08) 0%,transparent 50%)}[data-theme=dark] ::-webkit-scrollbar-track{background:#1f1828}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#4a3550}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#604868}[data-theme=dark] ::selection{background:var(--pink-hot);color:#fff}