body{margin:0;font-family:Roboto,Arial,sans-serif}.dark-theme{background-color:#121212;color:#e0e0e0}.light-theme{background-color:#f6f6f6;color:#000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;transition:background-color .3s;border-radius:10px}.navbar-light{background-color:#4369c1;color:#fff}.navbar-dark{background-color:#1c1c1c;color:#e0e0e0}.theme-toggle-btn{background:none;border:none;color:inherit;font-size:1.5rem;cursor:pointer}.content{display:flex;height:calc(100vh - 50px)}.sidebar{width:250px;transition:background-color .3s;display:flex;flex-direction:column;gap:10px;padding:20px}.sidebar{font-size:1rem}.sidebar button{background-color:#456bc2e4;color:#fff;border:none;padding:10px;font-size:1rem;border-radius:5px;cursor:pointer;transition:transform .2s ease-in-out}.sidebar-dark button{background-color:#333}.sidebar button:hover{transform:scale(1.05)}.sidebar-light{background-color:#f4f4f4}.sidebar-dark{background-color:#1c1c1c;color:#e0e0e0}.main{flex:1;padding:20px}textarea{width:100%;height:400px;padding:10px;font-size:1.2rem;border:1px solid #ccc;border-radius:5px;transition:background-color .3s,color .3s}textarea.light-mode{background-color:#fff;color:#000}textarea.dark-mode{background-color:#333;color:#e0e0e0}.text-summary{margin-top:20px}body{padding:25px;background-color:#fff;color:#000;font-size:25px}.dark-mode{background-color:#000;color:#fff}