.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:Roboto,Arial,sans-serif}body.dark{margin:0;padding:0;background-color:#070e0f;color:#4277b5}body.light{margin:0;padding:0;background-color:#f5f1e6;color:#3b6b48}.flashcard-inner{width:100%;height:100%;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s}body.dark .flashcard-front{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:8px;background-color:#25282c;color:#4277b5;border:1px #79DAFF;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}body.light .flashcard-front{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:8px;background-color:#d8c8b4;color:#3b6b48;border:1px #A67B5B;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}body.dark .flashcard-back{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:8px;background-color:#25282c;color:#4277b5;border:1px #79DAFF;backface-visibility:hidden;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center}body.light .flashcard-back{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;border-radius:8px;background-color:#d8c8b4;color:#3b6b48;border:1px #A67B5B;backface-visibility:hidden;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center}.category-panel{position:fixed;top:0;left:0;height:100%;width:250px;box-shadow:2px 0 5px #0000004d;display:flex;flex-direction:column;box-sizing:border-box;padding:20px 15px;overflow-y:auto;transition:transform .3s ease;z-index:60}.category-panel ul{list-style:none;padding:0;margin:0}.category-panel button.category-btn{margin-bottom:8px;padding:10px 12px;width:100%;text-align:left;border-radius:6px;border:none;font-size:.85rem;cursor:pointer}.category-panel button.footer-btn{padding:8px 12px;width:80%;border-radius:6px;border:none;font-size:.8rem;margin-bottom:6px;cursor:pointer}.panel-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000004d;z-index:50}.panel-toggle-btn{position:fixed;top:20px;left:20px;z-index:55;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;font-size:1.2rem;cursor:pointer;padding:0}.login-link{color:inherit;text-decoration:underline;font-weight:400;background:none;border:none;cursor:pointer;padding:0;font-size:1rem;font-family:inherit}